Tombol Suka Facebook memungkinkan Anda memberikan lebih banyak Opsi Berbagi kepada Pembaca Anda. Pembaca Anda dapat berbagi posting Anda di Facebook menggunakan Tombol Suka. Sudahkah Anda menambahkan tombol Suka dan masih belum mendapatkan "Suka"? :(. Ok maka kami akan menyajikan tombol Suka dengan cara yang jauh lebih baik dan elegan.
Berikut adalah Screenshot dari Kotak Suka Facebook. Bukankah itu indah dan lebih "Menyenangkan" daripada Tombol Suka bawaan?
Kotak Suka Facebook juga menyertakan tautan ke Halaman Penggemar Facebook Anda. FB Like Box ini didesain dengan gaya dan kode oleh Mia dari Dezign Matterz . Terima kasih padanya untuk mendesain dan menata Kotak Suka yang luar biasa ini.
Bagaimana cara menginstal Kotak Suka Facebook?
1. Pertama, Isi Rincian berikut (Kode akan diperbarui dengan detail ini)
2. Masuk ke Akun Blogger Anda dan pergi ke Templat > Edit HTML
Klik di suatu tempat di dalam Template Editor dan tekan Ctrl + F untuk mencari di dalam template
3. Cari ]]> </ b: skin> di template Anda dan tepat di atas tempat itu kode berikut (Anda dapat menggunakan Ctrl + F untuk menemukan kode).
.fb_like_box { margin-top: 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px; warna latar: # 3B5999; perbatasan: 3px solid # 2B2B2B; margin-bottom: 10px; padding: 10px 7px; lebar: 540 px; } .fb_like_top { overflow: terlihat; padding: 0; margin: 0 0 5px; lebar: 349px; tinggi: 24px; latar belakang: url (" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZbcrXqwVgfmbiCWA7IKzHILCWS-RYYDHh3cwuukLqOhOH9jHfb0VWaec_csg7jWwz1QdpeEs7wMTgPzqnVWtzbmntheJYsnogU_Ez34nFb80N9cwlhC0tv11hRCO6NLxW6IEeByEaROo/ ") no-repeat scroll kiri atas transparan; } .fb_like_button_holder { -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px; latar belakang: tidak ada gulir yang diulang 0 0 #FFFFFF; padding: 12px 12px 0 12px; lebar: 515 px; tinggi: 42px; }
4. Cari <data: post.body /> dan segera di bawah kode itu, rekatkan kode di bawah ini.
<b: if cond = 'data: blog.pageType == & quot; item & quot;'> <div class = 'fb_like_box'> <div class = 'fb_like_top'> </div> <div class = 'fb_like_button_holder'> <b: if cond = 'data: post.isFirstPost'> <script> (fungsi (d) { var js, id = 'facebook-jssdk'; if (d.getElementById (id)) {return;} js = d.createElement ('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName ('head') [0] .appendChild (js); } (dokumen)); </script> </ b: jika> <fb: seperti expr: href = "data: post.canonicalUrl" layout = 'standard' send = 'true' show_faces = 'false' width = " 450 " font = "arial" action = "seperti" colorscheme = "light" > </ fb: like> </div> </div> </ b: jika>
Jika Anda menemukan beberapa kemunculan <data: post.body /> , lakukan hal yang sama untuk masing-masing
5. Selanjutnya Anda harus menambahkan namespace fb ke tag template Anda. Template Anda harus memiliki spesifikasi untuk tag fb yang telah Anda gunakan. Deklarasi namespace berikut akan menanganinya. Untuk mendeklarasikan namespace, temukan
<html
dan ubah ke
<html xmlns: fb = 'https: //www.facebook.com/2008/fbml'
Tangkapan layar berikut akan membantu Anda.
Ini diperlukan untuk semua widget FBML menggunakan tag fb . Jadi jika Anda telah menambahkan namespace sambil menambahkan beberapa plugin FB lainnya, maka Anda dapat melewati ini.
6. Sekarang Simpan template Anda dan Anda akan melihat Kotak Suka Facebook di halaman posting Anda.
0 komentar:
Posting Komentar