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>
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>