Cara membuat tombol Like Facebook di Blog



Facebook , adalah jejaring sosial yang sangat populer saat ini , nah sekarang kita bisa memanfaatkan facebook untuk promosi blog kita lho,dengan menyediakan tombol like button ini kita bisa mempromosikan blog kita , lho bagaimana bisa? kan itu cuma like facebook biasa.. Jangan salah , tombol ini berguna sekali nih saya kasih tahu kegunaanya menurut pengalaman saya .

Tombol ini berfungsi untuk promosi blog , caranya , ketika ada salah satu pengunjung blog kita yang menyukai postingan kita dan si pengunjug tadi menekan tombol like nya maka postingan kita akan muncul di dinding si pengunjung yang mengklik tmbol like tadi . Paham kan , yaaa,,, kurang lebih begitu lah fungsinya

Cara membuat tombol like facebook di blog .

1.Login dulu ke blogger
2.Ketika di halaman dasbor , klik rancagan .
3.Kemudian pilih Edit Html + centang kotak Expand Template Widget.

Nah sekarang ada 2 pilihan apakah anda hendak menaruh tombol like ini di atas posting , atau di bawah posting.

1.Untuk memasang tombol like ini di atas posting , sobat cari kode <div class='post-header-line-1'/> , bisa menggunakan control F , kalau sudah ketemu masukkan kode tombol like facebook ini di bawah kode <div class='post-header-line-1'/> yang sobat temukan .


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



2.Kemudian simpan deh .

1.Untuk meletakkan kode tombol like button facebooknya di bawah posting , maka sobat cari kode <data:post.body/> , bisa menggunakan control F , kalau sudah ketemu masukan kode tombol like facebook ini tepat dibawah kode <data:post.body/> yang pertama.

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


2.Kemudian simpan .

Keterangan .
tombol di atas tampilannya yang seperti yang ada di blog saya , sobat bisa menemukannya di atas postingan saya . Kalau sobat ingin merubah tampilannya menjadi seperti gambar disamping .

Sobat ganti kode button_count dengan kode standard .
Dan jika sobat ingin merubah warnanya menjadi agak gelap ganti kode light dengan kode dark .
Selamat mencoba dan semoga berhasil ..!

Baca Juga

Share this article :
 

Poskan Komentar

 
Copyright © 2012. Belajar Ngeblog Aja - All Rights Reserved
Home| Contact Us| Term of Service| Privacy Policy|
Template Created by Creating Website
Proudly powered by Blogger