Cara Memasang Facebook Like di Blogger

Tombol facebook Like berfungsi untuk mempermudah pengunjung blog anda untuk berbagi atau merekomendasikan artikel anda ke teman-teman mereka yang ada di facebook. Hal ini tentu saja apabila postingan anda dirasa bermanfaat bagi mereka dan ingin memberitahukan kepada teman-temannya.
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 {
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;
}

3: Sekarang cari kode berikut

<data:post.body/>

 4: Tambahkan kode berikut, dibawah <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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='&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:30px;'/>
</div>
</div>
</b:if>

Ganti tulisan yang berwarna biru dengan url halaman Facebook Anda.

5: Simpan template. Dan lihat hasilnya.

Jika ada kesulitan dalam pemasangannya silahkan Anda berkomentar dibawah! Happy Blogging.

Get Free Updates: * Please click on the confirmation link sent in your folder of Email *