Forum'da ara:
Ara


Yazar Mesaj
Mesaj19.01.2012, 21:57 (UTC)    
Mesaj konusu: Sosyal Medya Paylaş Butonları v2 [çok güzel]

Herkese merhaba. BS yi bırakalı baya oluyor. Bir süre önce yaptığım ve sitemde yayınladığım bu butonları, daha önce görmemiş olanlar için, forumdada paylaşmak istedim.
Butonlar hakkında;

"Link ve resim üzerine geldiğinizde "Bunu Paylaş" yazısı çıkıyor.Resmi veya linki tutup sürüklediğinizde lightboxtaki gibi etrafı kararıyor ve butonlar çıkıyor paylaşmak istediğinizin üzerine bırakıyorsunuz."

Kurallara aykırı olmayacaksa (aykırı ise modlarımız lütfen linki kaldırsın) demo;
http://tugraweb-deneme.tr.gg/Sosyal-Medya-Paylasma-Butonlari-v2.htm

Şimdi kodu nasıl ekleyeceğiz onu anlatacayım ilk olarak verdiğim 1. kodu ekliyoruz.Sonra resim veya link yada herikisinide hangisini ekleyeceksek onun kodunu yapıştırıyoruz. En sonundada 2. kodu ekliyoruz. Bunların hepsi alt alta eklenecek.

1. Kod:

Kod:
<link rel="stylesheet" href="http://tugrawebdata.com.nu/sosyalmedyav2/css/master.css" type="text/css" media="screen" charset="utf-8" />       <link rel="stylesheet" href="http://tugrawebdata.com.nu/sosyalmedyav2/css/prettySociable.css" type="text/css" media="screen" charset="utf-8" />        <script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&login=scaron&apiKey=R_6d2a7b26f3f521e79060a081e248770a"></script>       <script src="http://tugrawebdata.com.nu/sosyalmedyav2/js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>        <!--[if lte IE 6]><script src="js/DD_belatedPNG.js" type="text/javascript" charset="utf-8"></script><![endif]-->       <script src="http://tugrawebdata.com.nu/sosyalmedyav2/js/jquery.prettySociable.js" type="text/javascript" charset="utf-8"></script> </body></html>


Resim Kodu:

Kod:
<p><a href="#" _fcksavedurl="#" rel="prettySociable;title:Resim Paylaş;excerpt:Bu resmi paylaşın" class="thumbnail"><img src="http://tugrawebdata.com.nu/sosyalmedyav2/images/t_2.jpg" _fcksavedurl="http://tugrawebdata.com.nu/sosyalmedyav2/images/t_2.jpg" width="80" height="80" alt="T 2" style="border: 3px red solid;" /></body></html>



Link Kodu:

Kod:
<a href="http://tugra-web.tr.gg" _fcksavedurl="http://tugra-web.tr.gg" rel="prettySociable;title:Link paylaş;excerpt:Bu linki paylaşın">Tugra-Web.Tr.Gg</a></body></html>


2.Kod:

Kod:
<script type="text/javascript" charset="utf-8">
         // Init prettySociable
         $.prettySociable();
         $.prettySociable.settings.urlshortener.bitly.active = true;
      </script></body></html>




Umarım beğenirsiniz.
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu