Yandan Açılan facebook kutusu eklentisi..

Bu facebook kutu eklentimizde , fare ile üzerine gelindiğinde açılan , hem facebook sayfanızı beğenmenizi sağlayan , hemde sizi facebookta beğenenleri gösteren hoş güzel bir eklenti..

Ziyaretçileriniz , sağda bulunan facebook resminin üzerine geldiğinde, eklentimiz sola doğru açılır , fare üzerinden çekildiğinde otomatik kapanır..
<head>
Yukarıdaki kodu buluyoruz ve hemen altına aşağıdaki kodu ekliyoruz..
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Daha sonra aşağıdaki kodumuzu kopyalayıp , blogunuzda yerleşim >> gadget ekle >> HTML/JavaScript olarak herhangi bir yere ekliyoruz..Kodumuzdaki kırmızı ile yazılmış olan yeri kendi facebook adresinizle değiştirmeyi unutmayınız..
<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/AVvXsEirZgCkWlnfj98yBo7CNlXDam_DoNYvoa0iP97tO0UyXxfDwSPr6q4I6GNU_5FnrZH61aQvy5INCB_8q9SU83hyphenhyphenzZ36kjdzEDKsTi5-8CuXKyzFEEbKBCqh760SZcY2QsCKJFm9GfWDb4Mc/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=
https://www.facebook.com/pages/Belgesel-izle/182948901769329&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=260" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>.<a href="http://eklentileri.blogspot.com/">eklentileri</a></span></div></div>

Demosunu görmek için buraya TIKLAYIN..

About Unknown

Web Sayfamızda, Bilgisayar, İntenret, Güvenlik Sistemleri, Cep Telefonları, Tablet Bilgisayarlar, Navigation Sistemleri, Modem Kurulumları ve Smart TV ayarları ile ilgili tamamı görsel anlatımla hazırlanmış makaleler bulabilirsiniz. Keyifli Zaman Geçirmenizi Dileriz.
«
Next
Sonraki Kayıt
»
Previous
Önceki Kayıt

Hiç yorum yok :

Yorum Gönder