Merhaba arkadaşlar sizlere bugün SlingPic ‘den bahsedeceğim. yeni bulduğum ve çok beğendiğim bir uygulama. resimlerinizin üstüne gelince paylaş butonları vs.. çıkıyor. nedendir bilinmez ben çok beğendim. ayrıca kurulum vs.. yapmanızada gerek yok sadece JavaScript dosyalarını sitenizin <head> tagın’ın içine eklemeniz yeterli. alttaki resmim de nasıl duracağını gösterdim arkadaşlar.
Gördüğünüz gibi sağ üst tarafında paylaşım yeri çıkıyor. ben kod bilgim olduğu için boşa yapımcı siteye backlink vermemek için alttaki yapımcı kısmını kaldırdım. tabi merak etmeyin size kaldırılmış halinide vericeğim. kimse koddan anlamıyor diye sitesinden backlink vermek zorunda kalmasın dimi
Neyse şimdi size nasıl ekliyeceğinizi anlatayım.
Öncelikle 3 Renkli hali var. ben siyah sevdiğim için siyah kullanıyorum 3 farklı halinde reklamlı / reklamsız olarak kodlarını vereyim.
Siyah Temalısı :
PHP- Kodu:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://cdn.slingpic.com/js/slingpic.plugin.js"></script>
<script>
jQuery(window).load(function(){
jQuery("img").slingPic({
theme: "dark"
});
});
</script> PHP- Kodu:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://cdn.slingpic.com/js/slingpic.plugin.js"></script>
<script>
jQuery(window).load(function(){
jQuery("img").slingPic({
theme: "dark"
});
});
</script> PHP- Kodu:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://cdn.slingpic.com/js/slingpic.plugin.js"></script>
<script>
jQuery(window).load(function(){
jQuery("img").slingPic();
});
</script> Yukarıdaki şekilde eklediğinizde sizden backlink çıkışı olucaktır. bende sizin için reklamsızını ayarladım
Siyah Reklamsız ve Türkçe :
PHP- Kodu:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://savascanaltun.com/dosyalar/js/slingpic.js"></script>
<script>
jQuery(window).load(function(){
jQuery("img").slingPic({
autoShowShare: true,
copyright: true,
context: true,
theme: "dark"
});
});
</script> PHP- Kodu:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://savascanaltun.com/dosyalar/js/slingpic.js"></script>
<script>
jQuery(window).load(function(){
jQuery("img").slingPic({
autoShowShare: true,
copyright: true,
context: true,
theme: "subtle"
});
});
</script> PHP- Kodu:
1
2
3
4
5
6
7 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://savascanaltun.com/dosyalar/js/slingpic.js"></script>
<script>
jQuery(window).load(function(){
jQuery("img").slingPic();
});
</script>
Yorum Gönder