Sağdan Açılır Facebook Beğen Eklentisi

Merhaba Arkadaşlar,

bu yayınımda sizlere sağdan açılır Facebook beğen eklentisinden bahseceğim.Bloglarda önemli olan şeylerden biri sosyal medyada takipçi kazanabilmektir.Bunu bu eklenti sayesinde yapabilirsiniz blogunuza giren ziyaretçinin gözüne çarpan bu eklenti hangi sayfada olursanız olun sağda görenecektir.

Peki bu eklenti nasıl eklenir?

Adım 1:

Blogger Admin Panel > Yerleşim > Widget Ekle > Html/JavaScript diyoruz ve aşağıdaki kodu ekliyoruz.

<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/AVvXsEi_J3JnpVDmUU0DTZMSsacSdMwY0AGu3QUu2H5LUC7WMcIKFELUHtkrFJEPZNeAH0llKYFI3nPwWdp4dqx572Jmq2k20bZYIHhynyC_sUg9eLiqpwJlpdMGyD-gpJ8n6AuUZz7iY4Le3kIR/s150/w2b_facebookbadge.pn") 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=http%3A%2F%2Ffacebook.com%2Fkodblogcum&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>Widget by:<a href="http://kodblogcum.blogspot.com">Kod Blogcum</a></span></div></div></ div> Yukarda http%3A%2F%2Ffacebook.com%2Fkodblogcum yazan yere kendi facebook adresinizi yazıyorsunuz.

Adım 2:
Blogger Admin Panel > Şablon > Html'yi Düzenle diyoruz ve </head> kodunu bulup hemen üstüne aşağıdaki kodu ekliyoruz.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Hepsi bu kadar sağlıcakla kalın....İyi bloglamalar...