Blogger Facebook Açılır - Kapanır Beğen Kutusu

Yazan: Admin 26 Ekim 2012 Cuma 0 yorum
Sponsorlu Bağlantılar
Bazı bloglar'da fark etmişsinizdir sitenin yanında facebook resimi ve üzerine gelince açılan hayran, beğen kutusu. Eğer sizde bunu sitenize uygulamak istiyorsanız aşağıdaki adımları takip ediniz.

Blogger facebook beğen

Kontrol paneli - tasarım - html'yi düzenle diyoruz. Widget şablonunu genişletiyoruz Aşağıdaki kodu buluyoruz.
</head>
Bu kodu hemen yukarıdaki koddan önce yapıştırıyoruz.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

2. Adım; Bu aşağıdaki koduda widget olarak ekliyoruz. Kırmızı olan yeri düzenleyiniz.
<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("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.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 src="http://www.facebook.com/plugins/likebox.php?href=FACEBOOK SAYFANIZA AİT URL&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="
http://www.uykusuzadam.net/2012/10/blogger-facebook-acilir-kapanir-begen-kutusu.html
">++Sitene Ekle</a></span></div></div>

0 yorum:

Yorum Gönder

Yorumlama biçimi: Adı/URL ya da Anonim seçerek yorum yapabilirsiniz.
Yorumlarınız denetlendikten sonra yayınlanacaktır.