Blog Resimlerine Pinterest ( Pin It) Butonu Nasıl Eklenir?

Twitter & Instagram :@kuzununannesi

Pinterest : kuzununannesi

Bazılarımızın ilham kaynağı Pinterest , 

son zamanlar da benim de dikkatimi çekmeyi başardı.

Bazı bloglarda gördüğüm fotoğrafların üzerinde olan

Pin'le :) düğmesini

nasıl yapacağım diye araştırırken ,

bloğumun şablonunu bile bozuyordum ,

oldukça karışık anlatımların içinden

en yalınını buldum ve çok sevdim :) 

 Blogger > Kumanda Paneli >Yerleşim > Gadget Ekle > HTML/Javascript

 seçeneklerini  seçiyoruz ve  açılan yere  aşağıdaki kodu yapıştırıyoruz.

<script type="text/javascript">

(function(d){

var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');

p.type = 'text/javascript';

p.setAttribute('data-pin-hover', true);

p.async = true;

p.src = '//assets.pinterest.com/js/pinit.js';

f.parentNode.insertBefore(p, f);

}(document));

</script>

      Kayıt edip  çıkıyoruz ve değişiklikleri kayıt ettikten sonra

 sizinde bloğunuzun fotoğraflarının sol üst 

köşesinde PIN butonu var :)

Huzurlu günler...

Ben bu bilgiyi ; Buradan Öğrendim

SEVGİLER

<div style="text-align: center;"> <b>Twitter & Instagram :@kuzununannesi</b></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEa-zRhhvWic9C2aOMGXYyazWKHLadiAr6aHjB3Obzftn4nx3dGvuNX2AofSUhY0XHQnT28v7lVbE7gTYhJO4ofsYm43em38LY_98tv_MmMnOlMN4Nmt77jf_SYxa_KxOJPahhA-PHJQNe/s1600/pinterest-icon-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEa-zRhhvWic9C2aOMGXYyazWKHLadiAr6aHjB3Obzftn4nx3dGvuNX2AofSUhY0XHQnT28v7lVbE7gTYhJO4ofsYm43em38LY_98tv_MmMnOlMN4Nmt77jf_SYxa_KxOJPahhA-PHJQNe/s1600/pinterest-icon-2.png" width="320" /></a></div> <div style="text-align: center;"> <b><br /></b></div> <div style="text-align: center;"> <b>Pinterest : kuzununannesi</b></div> <div style="text-align: center;"> <b><br /></b></div> <div style="text-align: center;"> Bazılarımızın ilham kaynağı<b> Pinterest ,</b> </div> <div style="text-align: center;"> son zamanlar da benim de dikkatimi çekmeyi başardı.</div> <div style="text-align: center;"> <b><br /></b></div> <div style="text-align: center;"> Bazı bloglarda gördüğüm fotoğrafların üzerinde olan</div> <div style="text-align: center;"> <b>Pin</b>'le :) düğmesini</div> <div style="text-align: center;"> nasıl yapacağım diye araştırırken ,</div> <div style="text-align: center;"> bloğumun şablonunu bile bozuyordum ,</div> <div style="text-align: center;"> oldukça karışık anlatımların içinden</div> <div style="text-align: center;"> en yalınını buldum ve çok sevdim :) </div> <div style="text-align: center;"> <b><br /></b></div> <div class="separator" style="background-color: white; clear: both; line-height: 24.6400012969971px; text-align: center;"> <span style="font-family: Times, Times New Roman, serif;"><b> Blogger > Kumanda Paneli >Yerleşim > Gadget Ekle > </b><span style="line-height: 17.9971580505371px; text-align: justify;"><b>HTML/Javascript</b></span></span></div> <div class="separator" style="background-color: white; clear: both; line-height: 24.6400012969971px; text-align: center;"> <span style="font-family: Times, Times New Roman, serif;"><span style="line-height: 17.9971580505371px; text-align: justify;"><b> </b>seçeneklerini  seçiyoruz ve  açılan yere  aşağıdaki kodu yapıştırıyoruz.</span></span></div> <div class="separator" style="background-color: white; clear: both; font-size: 18px; line-height: 24.6400012969971px; text-align: center;"> <span style="line-height: 17.9971580505371px; text-align: justify;"><span style="font-family: Times, Times New Roman, serif;"><br /></span></span></div> <div class="separator" style="background-color: white; clear: both; font-size: 18px; line-height: 24.6400012969971px; text-align: left;"> <span style="background-color: #e06666; line-height: 17.9971580505371px; text-align: justify;"><span style="font-family: Times, Times New Roman, serif;"><br /></span></span></div> <div class="separator" style="background-color: white; clear: both; font-size: 18px; line-height: 24.6400012969971px; text-align: center;"> </div> <div style="background-color: white; line-height: 24.6400012969971px; text-align: justify;"> <span style="line-height: 17.9971580505371px; text-align: left;"><span style="font-family: Times, Times New Roman, serif;"><script type="text/javascript"></span></span></div> <div style="text-align: justify;"> <span style="font-family: Times, Times New Roman, serif;"><span style="background-color: white; line-height: 24.6400012969971px; text-align: left;"></span><br style="background-color: white; line-height: 24.6400012969971px; text-align: left;" /></span></div> <div style="background-color: white; line-height: 24.6400012969971px; text-align: justify;"> <span style="line-height: 17.9971580505371px; text-align: left;"><span style="font-family: Times, Times New Roman, serif;">(function(d){</span></span></div> <div style="text-align: justify;"> <span style="font-family: Times, Times New Roman, serif;"><span style="line-height: 17.9971580505371px; text-align: left;">var f = d.getElementsByTagName('SCRIPT</span><wbr style="line-height: 17.9971580505371px; text-align: left;"></wbr><span class="word_break" style="display: inline-block; line-height: 17.9971580505371px; text-align: left;"></span><span style="line-height: 17.9971580505371px; text-align: left;">')[0], p = d.createElement('SCRIPT');</span></span></div> <div style="text-align: justify;"> <span style="text-align: center;"><span style="text-align: left;"><span style="font-family: Times, Times New Roman, serif;">p.type = 'text/javascript';</span></span></span></div> <div style="text-align: justify;"> <span style="text-align: center;"><span style="font-family: Times, Times New Roman, serif;"><span style="text-align: left;">p.setAttribute('data-pin-hover</span><wbr style="text-align: left;"></wbr><span class="word_break" style="display: inline-block; text-align: left;"></span><span style="text-align: left;">', true);</span></span></span></div> <div style="text-align: justify;"> <span style="text-align: center;"><span style="text-align: left;"><span style="font-family: Times, Times New Roman, serif;">p.async = true;</span></span></span></div> <div style="text-align: justify;"> <span style="text-align: center;"><span style="font-family: Times, Times New Roman, serif;"><span style="text-align: left;">p.src = '//assets.pinterest.com/js/</span><wbr style="text-align: left;"></wbr><span class="word_break" style="display: inline-block; text-align: left;"></span><span style="text-align: left;">pinit.js';</span></span></span></div> <div style="text-align: justify;"> <span style="text-align: center;"><span style="text-align: left;"><span style="font-family: Times, Times New Roman, serif;">f.parentNode.insertBefore(p, f);</span></span></span></div> <div style="text-align: justify;"> <span style="text-align: center;"><span style="text-align: left;"><span style="font-family: Times, Times New Roman, serif;">}(document));</span></span></span></div> <div style="text-align: center;"> <span style="background-color: white; line-height: 24.6400012969971px; text-align: left;"><span style="font-family: Times, Times New Roman, serif;"><span style="line-height: 17.9971580505371px;"></span><span style="line-height: 17.9971580505371px;"></span><span style="line-height: 17.9971580505371px;"></span><span style="line-height: 17.9971580505371px;"></span><span style="line-height: 17.9971580505371px;"></span><span style="line-height: 17.9971580505371px;"></span><span style="line-height: 17.9971580505371px;"></span></span></span></div> <div style="text-align: justify;"> <span style="text-align: center;"><span style="text-align: left;"><span style="font-family: Times, Times New Roman, serif;"></script></span></span></span></div> <div style="text-align: justify;"> <div class="separator" style="background-color: white; clear: both; font-size: 18px;"> <span style="font-family: Times, Times New Roman, serif;"><span style="line-height: 17.9971580505371px;"><br /></span></span></div> <div class="separator" style="background-color: white; clear: both; text-align: center;"> <span style="line-height: 17.9971580505371px;"><span style="font-family: Times, Times New Roman, serif;"><span style="font-size: 18px;">      </span>Kayıt edip  çıkıyoruz ve değişiklikleri kayıt ettikten sonra</span></span></div> </div> <div style="text-align: center;"> <div style="text-align: center;"> <span style="text-align: left;"><span style="font-family: Times, Times New Roman, serif;"> sizinde bloğunuzun fotoğraflarının sol üst </span></span></div> </div> <div style="text-align: center;"> <div style="text-align: center;"> <span style="text-align: center;"><span style="text-align: left;"><span style="font-family: Times, Times New Roman, serif;">köşesinde<b> PIN </b>butonu var :)</span></span></span></div> </div> <div style="text-align: center;"> <span style="font-family: Times, Times New Roman, serif;"><br /></span></div> <div style="text-align: center;"> <span style="text-align: center;"><span style="text-align: left;"><span style="font-family: Times, Times New Roman, serif;">Huzurlu günler...</span></span></span></div> <div style="text-align: center;"> <span style="text-align: center;"><span style="text-align: left;"><span style="font-family: Times, Times New Roman, serif;">Ben bu bilgiyi ; <a href="http://scldrn.blogspot.com.tr/2014/11/blogdaki-resimlere-pin-itpinterest.html">Buradan Öğrendim</a></span></span></span></div> <div style="text-align: center;"> <span style="text-align: center;"><span style="text-align: left;"><span style="font-family: Times, Times New Roman, serif;"><br /></span></span></span></div> <div style="text-align: center;"> <span style="text-align: center;"><span style="text-align: left;"><span style="font-family: Times, Times New Roman, serif;"><b>SEVGİLER</b></span></span></span></div> <div style="text-align: center;"> <span style="text-align: center;"><span style="text-align: left;"><span style="font-family: Times, Times New Roman, serif;"><br /></span></span></span></div>