JQUERY Facebook Like box

За тэгээд яг одоо миний блог дээрхи шиг Фэйсбүүк хуудасны лайк дарагчийг оруулж байна. Тун дажгүй шийдэлтэй хажуу талаас гарж ирдэг болхоор илүү зай эзлээд байхгүй байх. Энэхүү Jquery лайк дарайгч нь Wordpress дээрээс блоггерлу орчуулагдсан.
Блогийн хажууд байгаа шиг фэйсбүүк лайк
 
 Блогтоо хийх дараалал:
1. Юуны өмнө блогтоо нэвтэрч ороод Blogger Dashboard Design  > Edit Html гэж орно
2. Гарнаас Ctrl+F товчийг зэрэг дарж </head> энэ кодийг хуулна
3. Тэгээд доорхи кодыг </head> доод талд хуулна
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
4. Тэгээд Save template гэж хадгална
5. Одоо Design > Page Element гэж ороод Add a Gadget > HTML/Javascript доорхи кодыг хуулж тавь

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6TDPBDaYInoQU4sTOG5VMcmZLV5HflCzmMwSEnmSxkxMPVs5kg5D5vq9iAr7jzYfoWvbyKRwHX0tloZ2Z3EEHm3tOlJ8JpVA5JsWDm0GOkCg7e1xcnDbkTlkmXOewlbEfBAawpP1Rjbdy/s1600/screenshot2.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>Энд фэйсбүүк IFRAME кодийг хуулж тавина<span>By <a href="http://www.sobriquet2.blogspot.com">Sobriquet blogger</a> / <a href="http://www.sobriquet2.blogspot.com/2012/02/jquery-facebook-like-box.html">+Get This!</a></span></div></div>
http://developers.facebook.com/docs/reference/plugins/like-box/ ийшээ орж фэйсбүүк хуудсаа бүртгүүлж Get code гэсэн дээр дарж IFRAME кодыг нь хуулж дээрхи кодонд хийнэ

1 comment:

Post a Comment