Resimlerinize Pinterest Butonu Ekleyin

Ağustos 13, 2015
Blogger Resimlerinize Pinterest Butonu Ekleme

Blogger Resimlerinize Pinterest Butonu Ekleme. Blog yazılarımız arasında resim kullanmayanımız yoktur. Resim kullanımının yazılarımızın okunabilirliğini artırdığını daha önce şu yazımda anlatmıştım. Yazılarımızın düz kuru bir görüntüde olmasındansa konusuyla alakalı fotoğraflarla desteklenmesi görsellik ve google resimlerden gelecek ziyaretçi açısından da önemlidir. Tüm bunların yanına resimlerinize Pinterest paylaşım butonuda eklerseniz, buradan da blogunuza ziyaretçi çekebilirsiniz.

Resimlerinize ekleyeceğimiz Pinterest paylaş düğmesinin çalışma mantığı şöyle: Ziyaretçi blog yazınızda kullandığınız herhangi bir resmin üzerine fareyi getirdiğinde otomatikman paylaş butonu belirecek. Resimlerinizi beğenen kullanıcı rahatlıkla pinterest hesabında sizin resmini paylaşacak. Bu da size yeni ziyaretçiler çekecek.


Pinterest paylaş butonunu bloğumuza eklemek için aşağıdaki adımları izleyin.

1. Blogger
2. Şablon
3. HTML'yi Düzenle
4. CTRL+F tuşlarına basarak </body> kodunu bulun.
5. Bu kodun üst satırına aşağıdaki kodları yapıştırın.


<script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLEeZwk2wKfc2SqKq6cT-ZfAX-cgVNLquCUwKLPyljmaBeaB5UtpPX0-WkprapxQHwL7ajlFgIjPjhi3CQYYpfKGmGcVhyj3rxk-z0l47f7zq0G8JN43uY99qz9bEmfL4T2jpwZ1KbuLxk/s1600/pinit-button.png";
var pinit_button_position = "center";
var pinit_button_before = "";
var pinit_button_after = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='pinit-img-button' src='http://helplogger.googlecode.com/svn/trunk/pinterest-button1.js' type='text/javascript'> 
// Visit blogbakkali.blogspot.com.tr for more widgets and tricks.
</script>

6. Şablonu kaydedin.
Kodlar içerisinde kırmızıyla belirttiğim buton resmini kendi hesabınıza yüklerseniz kaybolmaya karşı korursunuz.
Blogger bloğunuza pinterest butonu eklemek için yapmanız gereken bu kadar. Umarım faydalı olmuşumdur. Anlamadığınız yerleri yorumla sorabilirsiniz. Destek için bloğumu izleyin. İyi bloglamalar ;)

Kaynak: http://blogbakkali.blogspot.com.tr/2015/08/blogger-resimlere-pinterest-butonu-ekleme.html

Altı yıldır blog işleriyle uğraşıyorum. Edindiğim tecrübeleri sizlerle paylaşıyorum.

3 Yorum
avatar

Hocam Merhaba Ekledim ancak maalesef pin-it butonu çıkmadı acaba yanlış birşey mi yptım yardımcı olabilir misiniz bana?

Yanıtla
avatar

Serkan Bey sitenizde çok fazla js kodu ve pop up var bundan dolayı kodlar çakışıyor olabilir. Bu kadar çok pop up kullanmayın.

Yanıtla

Yorumlarda Kod vs. Kullanmak İÇİN
  • Lütfen sadece bu konuyla ilgili yorumlarınızı bırakınız.
  • Yoruma kod eklemek için <i rel="code"> kodu bunun yerine yazın </i>
  • Daha uzun kod eklemek için <i rel="pre"> kodu bunun yerine yazın </i>
  • Tırnak işareti kullanmak için <i rel="quote"> yorumu bunun yerine yazın </i>
  • Resim eklemek için <i rel="image"> resim url </i>
  • Video eklemek için [iframe] URL embed kodunu buraya yapıştırın [/iframe]
  • Sonra aşağıdaki butona basın ve kodları dönüştürün.
  • © 2015 Blog Bakkalı ✔