Memasang tombol facebook like merupakan salah satu trik untuk mendapatkan jumlah pengunjung yang melimpah dari mereka para penggemar facebook, mengingat facebook merupakan situs jejaring sosial paling populer saat ini.dan tips ini mungkin sudah banyak para blogger yang mempostingnya, tapi tidak ada salahnya kan jika saya berbagi juga,hehehe
. Tombol facebook Like ini berbeda dengan yang biasanya, karena disini sudah saya modif agar lebih menarik dan berbeda dengan yang lainnya, Supaya Anda lebih yakin untuk mencobanya silahkan lihat Demo/Contohnya buka Disini. Gimana apakah Anda tertarik?Jadi, bagaimana cara memasang tombol facebook like di blogger? silahkan ikuti langkah2 di bawah ini:.
Cara memasang Facebook Like di bawah posting Blogger :
Backup Template Anda Dulu
1: Masuk ke Blogger > Design > Edit HTML > Expand Widgets
2: Cari kode berikut
]]></b:skin>3: Tempel CSS berikut, diatas kode ]]></b:skin>
.fb_like_box {3: Sekarang cari kode berikut
margin-top:10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background-color:#3B5999;
border:3px solid #2B2B2B;
margin-bottom:10px;
padding:10px 7px;
width:490px;
}
.fb_like_top {
overflow:visible;
padding:0;margin:0 0 5px;
width:349px;
height:24px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Ok79E1LCpsj041NgQH6oOShnCXUWyPV8RhUNWmGD0R8uIVrvyIMFNYkH1Cpc1jU2Stc6UHj5ajjvWWRFBl-Uh3VZguJQmJF_UWrIcT3IXoI61XVagja-yg41RaQz-HiVVGC8g0UAFYA/s1600/Facebook_logo.jpg") no-repeat scroll left top transparent;
}
.fb_like_top a {
height:24px;
width:114px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSQkK8Da1NXqa_kIlFlVed-Ab9Wpqo49s5klAwvL2dSGFYiCvAGRs38WW0MfSUJtkuskCYR6nZyRIgfooy7mA5IJ8rbbuex22PZcwUY-1dMhexVIJE9oBRsBMpDyUugYjJObQrPSMQXWI/s1600/Become+a+Fan.jpg") no-repeat scroll left top transparent;
display:block;
margin-left:370px;
text-indent:-5000px;
}.fb_like_button_holder {
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background:none repeat scroll 0 0 #FFFFFF;
padding:12px 12px 0 12px;
width:460px;
height:42px;
}
<data:post.body/>4: Tambahkan kode berikut, dibawah <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>Ganti tulisan yang berwarna biru dengan url halaman Facebook Anda.
<div class='fb_like_box'>
<div class='fb_like_top'><a rel='nofollow' href='Facebook fanpage URL'>Become a Fan</a></div>
<div class='fb_like_button_holder'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px;height:30px;'/>
</div>
</div>
</b:if>
5: Simpan template. Dan lihat hasilnya.
Jika ada kesulitan dalam pemasangannya silahkan Anda berkomentar dibawah! Happy Blogging.
