Memasang facebook like di posting blog sanggup menjadi tolok ukur bagi blogger untuk mengenali respon hadirin selain dari comment. Selain itu memasang/membuat tombol facebook like secara otomatis juga akan mengirim url yang digemari hadirin ke wall-nya. Ini juga menjadi laba tersendiri, alasannya yakni publikasi postingan posting sanggup mencapai area yang lebih luas. Hack widget ini akan menimbulkan Facebook Like Button di setiap posting Blog Blogger anda.
Ada berbagai jenis Facebook like button. Berikut preview plus script-scriptnya yang dibentuk untuk Blogger/Blogspot:
Standard Facebook Like Button
<!-- Tombol Facebook Like -->
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</b:if>
<!-- Facebook Like https://ujianhidup10.blogspot.com/ -->
Box Count Facebook Like Button
<!-- Tombol Facebook Like -->
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=65"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/>
</b:if>
<!-- Facebook Like https://ujianhidup10.blogspot.com/ -->
Button Count Facebook Like Button
<!-- Tombol Facebook Like -->
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
</b:if>
<!-- Facebook Like https://ujianhidup10.blogspot.com/ -->
a. Secara default, Tombol Facebook like akan timbul disisi kiri. Oleh alasannya yakni itu, jikalau ingin menampilkannya di segi kanan (seperti yang di blog ini), kita sanggup menyertakan CSS styling, float ke kanan, dan untuk memberi batas dengan posting disertakan padding plus value-nya kemudian memasukkan styling tersebut di dalam tag div.
Cara menyisipkannya:<div style='padding:4px; float: right;'></div>
<!-- Tombol Facebook Like -->
<b:if cond='data:blog.pageType == "item"'><div style='padding:4px; float: right;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
</div>
</b:if><!-- Facebook Like https://ujianhidup10.blogspot.com/ -->
b. Jika ingin merubah performa Facebook like menjadi gelap (dark), ubah value pada colorscheme=light, ganti light dengan dark colorscheme=dark.
Cara memasang Facebook Like di Blogger:
1. Masuk ke dashboard > Design/Rancangan > Edit HTML.
2. Klik/check "Expand Widget Templates"
3. Pilih salah satu script/kode dari jenis Facebook Like di atas, lalu:
4. Jika ingin memasang button di atas posting, cari <div class='post-header-line-1'/> atau <div class='post-body'> (gunakan Ctrl+F) dan paste instruksi tersebut sempurna di BAWAH-nya. Jika kedua instruksi tersebut tidak ketemu, letakkan instruksi di ATAS <data:post.body/>.
5. Jika ingin memasang button di bawah posting, cari <data:post.body/> (gunakan Ctrl+F) dan paste instruksi tersebut sempurna di BAWAH-nya.
6. Save template.
