.

15 Mar 2012

Yandan Açılan Facebook Kutusu Eklentisi


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/AVvXsEj9wLCxdE09IE7N6e4CpMgIpclyBEGsnLHfR94IKn829jSpHxE9xozMLcAXIpj7mJskIF26EItBOj-T_VYyzSJ83pWHigfrc-KovSFtCuTTmKTZxfsCFuyXPVTSiFDlv9vgCxwG1JlzI1On/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..

Eklentileri.blogspot.com Hakkında.


Blogumuz ilk yayınından bu güne , blogger eklentilerini , tüm blogger kullanıcılarına ulaştırmak için yayın yapmış , bu süre içinde hiç bir şekilde kar/gelir elde etmemiş , etmiyecektir..Lütfen desteklerinizi bizden esirgemeyin..

Bizi Facebook ve Twitter üzerinden de takip edebilirsiniz..

7 yorum:

Zkcn Cvk dedi ki...

Oldu İşe yarıyo teşekkürler www.teknobilpcdestek.tk

Unknown dedi ki...

head ı nereden bulacağım?bulamadımda

Unknown dedi ki...

Eline Emeğine Sağlık Ustad Her Daim Takip Ediyoruz.

Dersyap dedi ki...

Çalışmıyor

Adsız dedi ki...

Ellerine sağlık çok güzel oldu..

Unknown dedi ki...

Ben çok uğraştım ama bi türlü olmadı. Kutuyu koydu ama içi boş görünüyor.

Eklentileri.Blogspot dedi ki...

@SANG RA SONG

Facebook sayfa adresinizi yanlış yazıyorsunuz sanırım..

Yorum Gönder

Blogger tarafından desteklenmektedir.