Nisan 20, 2012

Facebook ve Twitter Butonları ( Sağda Açılan )



Facebook ve Twitter Butonlari (Sagda Acilan)
Son zamanlarda oldukça ilgi çeken bu kodların şimdi yenileri çıktı. İşte o kodlar ve önizlemeleri;
Şablonunuz da aşağıdaki kodu bulun
</head>
Bulduğunuz kodun üzerine gelecek şekilde, aşağıdaki kodu yapıştırın ve şablonunuz kaydedin
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Yerleşim - Gadget Ekle - HTML/JavaScript ile açılan panele aşağıdaki 
kodlarımızı ekleyin
<link rel="stylesheet" type="text/css" href="http://latesthack.googlecode.com/svn/mywidgets/2in1/2in1.css" /><script src="http://latesthack.googlecode.com/svn/mywidgets/2in1/twitter.js" type="text/javascript"></script><script type="text/javascript"> jQuery(document).ready(function(){  jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -240}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -240}, 500); }); }); </script><p style="display:none;"> 2 in 1 social sharing by<a href="http://www.latesthack.com">Latest Hack</a></p> <div id="on"> <div id="facebook_right" style="top: 18%;"> <div id="facebook_div"> <img src="http://3.bp.blogspot.com/-H_z0tgUW6Ic/T5B9JVXBQvI/AAAAAAAACMc/LTl1XFXw1jo/s1600/facebook-hesabi.png" alt="" /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/xxxxxxxxxxamp;locale=en_GB&amp;width=238&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;height=256"   scrolling="no"> </iframe> </div></div></div><div id="on"><div id="twitter_right" style="top: 35%;"><div id="twitter_div"><img id="twitter_right_img" src="http://1.bp.blogspot.com/-sMCs5Ee_dZY/T5B9KfPQE0I/AAAAAAAACMk/UesPBBuJMAE/s1600/twitter-hesabi.png" /><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("xxxxxxxxxx");</script></div></div></div>
Kod içinde kırmızı ile yazılmış olan yerlere kendi hesap adreslerinizi yazın..
Kodun önizlemesi

0 yorum :

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.