Këtu me poshtë keni një pamje të këtij boksi Like.
Ky boks i Like përfshin edhe një link të faqes tuaj në Facebook. Një falenderim i madh shkon për Dezign Matterz (Mia), i cili ka dizajnuar këtë boks.
Si të instaloni Facebook Like Box për Blogger.
1. Shko Blogger>Design>Edit HTML dhe kliko Expand widget templates.
2. Kërko kodin (për kërkim me të lehtë shtypni CTL+F):
]]></b:skin>dhe përmbi këtë kod vendosni këtë:
3. Tani kërko kodin (për kërkim me të lehtë shtypni CTL+F):
.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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxTWG1Qg67c5zPsQHkUYNpiABJLiPNmBorDgZtiXeFsKZQRbp10THxWfDF5phb_4A1xjKEMlJlSISTLty9DshhDLJWvdLaXlZhU8ykNYB4oRW0qlM_7lX1WtHmMMhPpDRtW23ggfDskY/") no-repeat scroll left top transparent;
}
.fb_like_top a {
height:24px;
width:114px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGD3N3kQSi-wMB5bJUBQpkEV2UxSI9Go8fu8f4G5H8F5IrzbC1k782kvP7WDx-Yvzoid2jiIhmMmpTMvUkhKn4EqaWdT2ZClu_EafZX0rcidIeSdU0QHYAzRYnOngMhHdGMmsTofQhBw/") no-repeat scroll left top transparent;
display:block;
margin-left:425px;
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:515px;
height:42px;
}
<data:post.body/>dhe përfundi këtij kodi vendosni këtë:
4. Ndryshoni tekstin e kodit me ngjyrë të kuqe, aty vendosni url-n e faqes tuaj në Facebook.
<b:if cond='data:blog.pageType == "item"'>
<div class='fb_like_box'>
<div class='fb_like_top'><a rel='nofollow' href='linku_i_faqes_tuaj_ne_facebook'>Like</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. Kliko Save Template dhe boksi Like u vendos.