Full Dosyalar İndir - Facebook Beğen Kutusu Ekle-Sağdan Açılan Pencere

Facebook Beğen Kutusu Ekle-Sağdan Açılan Pencere

1-FACEBOOK BEGEN KUTUSU SAGDAN AÇILAN PENCERE

Daha önce bir başkafacebook sağdan açılan pencere butonunu sayfanıza nasıl ekleyebileceğinizi anlatmıştık.Şimdi anlatacağımız ise aynı işlevi gören, fakat tasarım olarak farklı olanfacebook begen kutusu sağdan açılan pencere-2 diye adlandırdığım eklenti.Eğer bir facebook hayran syfanız yoksaburdan,facebook beğen kutunuz yoksa onu da burdanaçabilirsiniz.eklenti hakkında kısaca bilgi veecek olursak;blogunuzda fazla yer kaplamayan, blogunuza tasarım açısından görsel güzellik kazandıran, blogunuza eklediğiniz facebook beğen kutusunu, örnek resimde de gördüğünüz gibi sağdan açılan pencere haline getiren blogunuzu farklılaştıracak güzel bir eklenti.

1.Adım:Bloggerde oturumunuzu açın.Kontrol Paneli>Tasarım>Htmlyi Düzenleyolunu izleyin.Kodlar içerisinde Ctrl+F yardımıyla aratıp </head> kodunu bulun.Aşşağıdaki kodu bulduğunuz </head> kodundan hemen önceki kısma yapıştırın.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

2.Adım Widget Ekleme: Tasarım>Gadget Ekle>Html/Javascript yolunu izliyoruz.Html/Javascript gadgetinin içine 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("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://trminecraft.tr.gg ">++Sitene Ekle</a></span></div></div>

Kod içerisinde;FACEBOOK SAYFANIZA AİT URL diye kırmızı renkle belirttiğimiz yere kendi facebook URL adresinizi(Örnek:http://www.facebook.com/pages/Blog-Okulu/270630239670726) yazıyorsunuz ve kaydediyorsunuz.Eklentimiz kullanıma hazır.

KOD DENEME EDİTÖR

KOD DENEME EDİTÖR

Çalışıyor!

KOD ÖNİZLEME

hazırlanıyor!