Cara pasang tombol Facebook Like di postingan blogger

Tweet

Untuk pemasangan tombol facebook like, pertama yang harus dipikirkan adalah dimana anda akan memasangnya? diatas postingan atau di bawah postingan? hal lainnya yaitu apakah tombol tersebut akan muncul terus baik di halaman depan ( homepage) ataupun didalam postingan? atau hanya ingin muncul dihalaman depan saja (homepage)? atau mungkin anda hanya ingin tombol tersebut hanya muncul didalam posting saja?

Secara mendasar, kode posting blogger adalah seperti ini :

<data:post.body/>

Logika sederhana, apabila anda ingin memasang tombol facebook like diatas posting, tinggal simpan saja diatas diatas kode yang tadi. Sebaliknya, jika anda ingin memasangnya di bawah postingan, tinggal disimpan dibawahnya saja. berikut ilustrasi dasarnya :

Agar tombol letaknya muncul diatas posting :

< kode tombol facebook like  disini >

<data:post.body/>

Agar tombol letaknya muncul dibawah posting :

<data:post.body/>

< kode tombol facebook like  disini >

Agar tombol facebook like hanya muncul  di halaman depan saja (homepage) :

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:post.body/>

< kode tombol facebook like  disini >

</b:if>

Agar tombol facebook like hanya muncul  di halaman posting saja (single post) :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

< kode tombol facebook like  disini >

</b:if>

Diatas hanyalah sebagai ilustrasi saja. Berikut adalah cara sebenarnya untuk memasang tombol facebook like, namun sebagai contoh saja, kang Rohman akan mencontohkan untuk pemasangan di bawah posting dan akan muncul baik di homepage ataupun di single post.

1. Silahkan login ke blogger dengan ID anda.
2. Klik Rancangan.

3. Klik tab Edit HTML.

4. Lakukan backup terlebih dahulu template anda dengan klik Download Template Lengkap. 

5. Beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget.

6. Silahkan cari kode berikut pada template anda ( tips : gunakan fasilitas find pada browser anda agar lebih cepat dalam pencarian, tekan Ctrl+F untuk mengaktifkan, lalu masukkan kode yg dicari).

<data:post.body/>

7. Copy kode berikut, lalu paste dibawah kode yang tadi :

8.  <iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;font=arial&amp;colorscheme=light&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>

9. Klik tombol SIMPAN TEMPLATE.
10. Selesai.

Untuk variasi lain, silahkan mengacu pada ilustrasi yang telah kang rohman tuliskan diatas.

Bagi pengguna wordpress.org, anda pun bisa memasang tombol ini di blog, caranya? Posting berikutnya kali yeh

Artikel Terkait

trik blog

• Cara memasang tombol Google Plus (+) di Blog
• Cara membuat daftar isi Blog
• Cara Membuat Navigasi Halaman Seperti Google
• Memberi Efek Salju di Blog
• Cara membuat judul post berkedip
• Cara Membuat Daftar Isi automatis pada Blog
• Cara Menyembunyikan Buku Tamu
• Cara Membuat Text Mengelilingi cursor di blog
• cara membuat Cursor Bertabur Bintang
• mengubah domain menjadi co.cc
• membuat penggalan artikel
• membuat status online user
• Text Berjalan di Bar menu
• Pasang Buku Tamu di Sidebar
• Mempercantik Email
• Membuat Read More
• Cara Custom Domain di Blogger
• Membuat Menu Dropdown