Açılan Kalp Şeklinde Sosyal Paylaşım Butonları
Şu ana kadar gördüklerinizden çok farklı bir sosyal paylaşım butonu eklentisine hazırmısınız? Görsel açıdan oldukça orijinal olan bu eklentinin özellikleri şöyle:
Blounuzda belirlediğiniz pozisyonda sabit, asılı kalan bir kalp ikonu var.Kalbin üzerine geldiğinizde güzel bir slide efektyle ikiye ayrılıyor ve içinden sosyal paylaşım butonları.O an blogunuzda hangi sayfa açıksa, bu butonlar ile içinde bulunduğuuz sayfayı sosyal medya paylaabiliyorsunuz.Aşağıdaki video size bu eklentiyi daha iyi açıklayacaktır.
Bu eklentiy blogunuza eklemek için öncelikle aşağıdaki kodu şablonunuzun </head> kodundan önce ekleyin.
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
İkinci olarak ise aşağıdaki kodları şablonunuzun </body> kodundan önce ekleyin.
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script>
Kodlarda hiç bir değişiklik yapmannıza gerek yok.
Yine bir blog hocam öğretisini blogumuza uyguladık çok teşekkürler! www.intrustweeat.tk
YanıtlaSilÇok güzel olmasına rağmen kullanıcılarımız bunu sayfayı beğenme uygulaması olarak algılayabilirler diye düşündüm :) teşekkürler serdar abim
YanıtlaSilKonuyla alakası yok ama bir şey sormak istiyorum. Yorum sayısını gösteren balonları sitemize nasıl ekleyebiliriz? Sitenizde aradım ama bulamadım.
YanıtlaSilgüzel bir paylaşım,ancak google paylaşım butonu ekleyebilir miyiz.
YanıtlaSilHarika bir eklenti bu ben denemiştim ama blogumu çok yavaşlattığı için kaldırmak zorunda kaldım bunu önleyecek bir öneriniz varsa tekrar eklemek isterim,saygılar..
YanıtlaSil@Değmesin Yağlı Boya
YanıtlaSilAslında jquery olmadığı için çok yavaşlatmaz ama bunun dışında başka java scriptler de kullanıyorsanız hepsinin aynı anda çalışması zor olur.
bayanlar icin ideal :)
YanıtlaSilhocam konuyla alakasız ama herkes görsün diye buradan soruyorum son zamanlarda bloglarda sayfalar arası gezerken service unavailable diye bir hata yazısı çıkıyor sizin blogta da oluyor dikkatimi çekti sorayım dedim blogger ne yapmaya çalışıyor? ya da hata bende mi ?
YanıtlaSil@ADMİN
YanıtlaSilSorun sizde değil.Belli ki Blogger sunucularında bakım veya benzeri bir çalışma var.
Konuyla alakası yok ama bir şey sormak istiyorum. Yorum sayısını gösteren balonları sitemize nasıl ekleyebiliriz? Sitenizde aradım ama bulamadım.
YanıtlaSil@Yeşil Dokunuş
YanıtlaSilBu mu? http://bloghocam.blogspot.com/2012/01/otomatik-feedburner-facebook-twitter.html
yorum balonlarından bahsetmiştim. gönderdiğiniz konuyla alaka kuramadım. örneğin bu konu için en üstte "yeşil" renkli ufak bir balon var yanında 12 yorum yazıyor. teşekkürler şimdiden alakanız için.
YanıtlaSilPardon yanlış anlamışım.Şablonun stil kodlarına şunu ekleyin:
YanıtlaSil.post-comment-link {
background:url(http://yorumbalonu.png);
background-repeat:no-repeat;
}
tam olarak hangi tagın altına eklyirouz. bir de bu kodlar gördüğüm kadarıyla sadece yazının üstüne balon ekliyor. ben sizin ki gibi bir şey düşünüyorum
YanıtlaSilStil kodlarının arasında her hangi bir yere ekleyebilirsiniz.Yazı başlığının altında sağ tarafta X yorum var yazısının yanındaki küçük yorum balonunu göstermek için ben bu kodu kullanıyorum.
YanıtlaSilben aynı sizin ki gibi yorum sayısı ve balon istiyorum. verdiğiniz kod gördüğüm kadarıyla sadece yorum balonunu gösteriyor? ya yorum sayısı? bu arada hangi TAGIN ALTINA NEREYE EKLEYECEĞİZ BİR YAZSANIZ. başlıkta olduğu için h3 ün altına ekledim bir şey çıkmadı!
YanıtlaSilX yorum var yazısının mı görünmesini istiyorsunuz? O yazı zaten bütün temalarda olduğu için ben yorum balonu ikonundan bahsediyorsunuz sandım.X yorum yazısının görünmesini istediğiniz yere şunları koyun:
YanıtlaSil<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
bu linkleri koyacağım da şunun tam yerini bir yazsanız :) iki linki koyacağım yeri. çok minnettar olacağım
YanıtlaSilİlk verdiğim kodları stil kodlarının arasında her hangi bir yere koyabilirsiniz farketmez.İkinci verdiğim kodları da X yorum var yazısının nerede gözükmesini istiyorsanız oraya koyun.
YanıtlaSilKonuyla alakası olmayan bir sorunuz olduğunda iletişim formundan sorarsanız konuya ait yorum bölümünü alakasız mesajlarla işgal etmemiş oluruz.
ben bunu yapamadım beceremedım.nasıl yapcam :)yardımcı olun lutfen
YanıtlaSilnoolur acılıb kapanan kalpı kurmama yardımcı olun.yapamadımyaa:(
YanıtlaSil@ayn ozmen
YanıtlaSilÖncelikle Şablon > HTML'yi düzenle > Devam et diyerek kodların bulunduğu sayfayı açın.Ctrl+f tuşlarına basarak açalın arama kutusuna </head> yazın.Kodu bulduktan sonra bu kodun hemen üstüne şu kodları ekleyin:
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
İkinci olarak yine ctrl+f tuşlarını kullanarak açtığınız arama kutusuna </body> yazarak kodu bulun ve hemen üstüne aşağıdaki kodları ekleyin:
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script>
cok tesekkur ederım yaptım bu sefer.gecen gunde aynen boyle uyguladım.nedense olmamıstı.bu kez basardım :)sagolun
YanıtlaSilÇok teşekkürler,oldu ve harika durdu :)
YanıtlaSilçok teşekkürler,harika oldu :))
YanıtlaSilhttp://mycreationandinspiration.blogspot.com/
Bende uyguladım teşekkürler :)
YanıtlaSilhttp://bebekstyle.blogspot.com.tr/