Cara Membuat Like Button Facebook di Blog

Cara Membuat Like Button Facebook di Blog - Pada kesempatan yang baik ini Ilfan Blog akan menjelaskan Bagaimana Cara Membuat Like Button Facebook di Blog, Like button ini terletak di bawah posting, dengan demikian setelah visitor membaca dan suka post tersebut, bisa saja visitor klik tombol like tersebut.
Berikut Langkah-langkah :

1. Login blogger

2. Pilih blog anda >> Template >> Edit HTML >> Expand Template Widget

3. Cari <div class='post-footer'>

4. Letakan script berikut tepat dibawah <div class='post-footer'>

Like tipe 1 :

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

Maka tampilannya :


Like tipe 2 :

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

Maka tampilannya :

5. Save Template.

Demikian pembahasan Cara Membuat Like Button Facebook di Blog dan semoga bermanfaat.

Tweet

Related Post

Tutorial Blog

• Cara Mendapatkan Sitelink di Google
• Cara Membuat Popular Post Fungsi Scroll
• Cara Memasang Share Button Facebook, Twitter, Google di Blog
• Cara Membuat Related Post di Blog
• Cara Membuat Recent Post di Blog
• Cara Sederhana Memasang Comment Facebook di Blog
• Cara Membuat Google+ Button Pada Setiap Post
• Cara Membuat Widget LinkWithin Hanya Muncul di Halaman Posting
• Cara Membuat Link List/Daftar Link Dengan Fungsi Scroll
• Cara Memasang Widget Sharing Is Sexy
• Cara Memasukkan Link Ke Gambar di Blog
• Cara Membuat Related Posts Fungsi Thumbnails
• Perlukah Show Word Verification di Blogspot?
• Cara Membuat Page Menu Melayang di Blogspot
• Cara Membuat Page Menu Blogspot
• Cara Membuat Daftar Isi Otomatis Dengan Fungsi Scroll
• Cara Mengganti Favicon Di Blogspot
• Cara Mengaktifkan Menu Earnings di Blogger
• Cara Memasang Widget Alexa di Blogspot
• Cara Membuat Text Area Pada Blogspot
• Cara Membuat Mesin Pencari Blog Sendiri
• Cara Submit Blog ke Mesin Pencari Google
• Insert Blogger Meta Tag for SEO Friendly
• Cara Membuat Archive dengan Scroll