Tutorial Butang Like Facebook Baru Ver2 - Cara Senang

1. Pertama sekali masukkan nilai-nilai yang anda suka ke dalam kotak di bawah ni. Kalau anda tak masukkan memang sampai kiamat pun takkan jadi tips ni (Secara ajaibnya kod yang anda perlukan akan di-update secara automatik)

Width of the Like Box                     (Enter the appropriate width of the FB like box) Facebook Fan Page / Profile URL

2. Kemudian Pak Mat dan Cik Bedah bolehlah login masuk blogger dan pergi ke Dashboard. Masuk Design > Edit HTML dan tick pada “Expand Widget Templates” 3. Cari  ]]></b:skin> guna CTRL+F pada dalam template anda dan di ATAS nya sila paste kod dibawah ni

.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:540px;
}
.fb_like_top {
overflow:visible;
padding:0;margin:0 0 5px;
width:349px;
height:24px;
background:url("http://lh5.ggpht.com/_u4gySN2ZgqE/TJ3dpjy9PaI/AAAAAAAABr0/PTUXIS8ykps/fblogo%5B3%5D.jpg") no-repeat scroll left top transparent;
}

.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:515px;
height:42px;
}

.fb_like_top a {
height:24px;
width:114px;
background:url("http://lh6.ggpht.com/_u4gySN2ZgqE/TJ3do-mtwuI/AAAAAAAABrw/NXxp85pCaD0/beafan%5B3%5D.jpg") no-repeat scroll left top transparent;
display:block;
margin-left:425px;
text-indent:-5000px;
}

4. Sekarang cari kod ni pulak <data:post.body/>pun guna CTRL+F jugak dan di BAWAH nya anda paste kod ini

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

<div class='fb_like_top'><a href='' target='_new' title='Become a fan' rel='nofollow'>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>

5. Now Save your template and you will see a Facebook Like Box on your post pages.