30 Temmuz 2012 Pazartesi

Pinterest “Pin It” Butonu

15 yorum

Bazılarına göre Pinterest balonu sönmüş gibi durabilir ama ben, kendim kullanmasam da Pintrerest’in sağlam bir kullanıcı kitlesi olduğunu gözlemliyorum.Önümüzdeki bir kaç gün içinde sosyal paylaşım butonlarım arasına Pin It butonuna ekleyeceğim ama bu kez bir deişiklik yapıp kullanmaya başlamadan önce paylaşayım dedim.

 

Pin It Butonu

 

Öncelikle kodu nereye ekleyeceğinizden bahsedeyim.Ben sosyal paylaşım butonlarını yazının sonuna yerleşirmenin daha doğru olduğunu düşündüğüm için size de şablonunuzdaki <div class='post-footer'> kodunun hemen altına eklemenizi öneririm.Eklemeniz gereken kodlar ise şunlar:

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It Now!</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement(&#39;script&#39;); e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
document.body.appendChild(e);
}
</script>
</b:if>

 

Buton kayıt sayfasının içine girdiğinide gözükecektir.Butona basınca eğer yazıda bir görsel varsa o görsel otomatik olarak tanınacak ve pinterest hesabınızla bağlantı kurularak seçmiş olduğunuz bir panoya pinlenecektir.

15 yorum:

  1. Hocam nerde gördüm anımsamıyorum ama Pint it butonunu resmin üzerine iliştirmişler aktif halde her resimde görünüyor arzu ettiklerin pin'leniyordu..
    O özelliği nerde bulacağız sayın hocam..teşekkürler kolaylıklar diliyorum..

    YanıtlaSil
  2. Haklısınız Jquery ile yapmış olabilirler.Ben bulabilirsem blogda paylaşmam ama eğer ihtiyacınız varsa size gönderebilirim.

    YanıtlaSil
  3. Üstat CTRL+F yardımıyla yukarıda belirttiğiniz kodu aratıyorum ancak bulunamıyor. Yardımcı olabilirseniz sevinirim.

    YanıtlaSil
  4. @Serhatcan
    Widget şablonlarını genişlet kutucuğunu işaretlediniz mi?

    YanıtlaSil
  5. pintereste kayıt olunca size pin it diye google chrome eklentisi veriyor bu eklenti ile tek tuşla tüm sayfadaki ögeleri bir şablon şeklinde çıkarıveriyor ben sürekli kullanıyorum çok faydalı kolay kullanışlı :))

    YanıtlaSil
  6. hocam bunu da yaptım sağolun...:))))

    YanıtlaSil
  7. hocam pinteres etiketinin boyutunu biraz büyütebilmek için ne yapmalıyız :)

    YanıtlaSil
  8. @annelikokulum
    Butonun boyutları standart, değiştiremiyoruz maalesef.

    YanıtlaSil
  9. hocam kendimce daha önce sizden öğrendiğimi uygulayayım dedim yukardaki px denilen ölçüleri yükselttim :))ama bu mantık olmadı yapamadım.

    YanıtlaSil
  10. Mantıklı :) Ama o px değerleri buton boyutunu değil, butonun içine yerleştirildiği hücrenin boyutunu ifade ediyor.

    YanıtlaSil
  11. Teşekkür Ederim İşime Yarayacaktır :D

    YanıtlaSil
  12. Serdar Bey uyarınız için teşekkürler.

    YanıtlaSil
  13. Hocam selamlar,
    Yazılarımın sonuna sizin de önerdiğiniz üzere pinit butonunu eklediğim zaman yazılar ana sayfada kısa metinler halinde gözüküyor. Ancak devam et butonunu tıkladığımda sayfa boş geliyor. Bu kodu kaldırdığımda sorun yok, devam et den sonra sayfa görüntüleniyor ama kodu ekleyince gene yazının tamamını görüntüleyemiyorum. Nedir bu sorunumun hikmeti sizce...yardımcı olabilirseniz çok memnun olurum
    Selamlar
    Elif

    YanıtlaSil
  14. @Elif Ersin
    Eklediğiniz yerde sıkıntı olabilir. Şablonda <div class='post-footer'> kodunu aradığınızda birden fazla sonuç çıkar. Pinterest kodunu bunlardan ilkinin altına ekleyin.

    YanıtlaSil
  15. ben hiçbirşekilde ekleme yapamadım. önce pin it ekledim ama çalışmadı. şimdi onu da yapamıyorum

    YanıtlaSil

Picardes

LİNKLER