Websiteniz için Pinterest butonları

Yakın zamanlarda adından söz ettiren Pinterest’in Blogger için butonları paylaşıma sunuldu. Hemen aşağıdan hoşunuza gideni blogunuza uygulayabilirsiniz.

Dikey Buton

<script type='text/javascript'>
(function() {
window.PinIt = window.PinIt || { loaded:false };
if (window.PinIt.loaded) return;
window.PinIt.loaded = true;
function async_load(){
var s = document.createElement(&quot;script&quot;);
s.type = &quot;text/javascript&quot;;
s.async = true;
if (window.location.protocol == &quot;https:&quot;)
s.src = &quot;https://assets.pinterest.com/js/pinit.js&quot;;
else
s.src = &quot;http://assets.pinterest.com/js/pinit.js&quot;;
var x = document.getElementsByTagName(&quot;script&quot;)[0];
x.parentNode.insertBefore(s, x);
}
if (window.attachEvent)
window.attachEvent(&quot;onload&quot;, async_load);
else
window.addEventListener(&quot;load&quot;, async_load, false);
})();
</script>
<!-- Pinterest button Start -->
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; data:post.url'>Pin It</a>
</div>
<!-- Pinterest button End -->

Yatay Buton

<script type='text/javascript'>
(function() {
window.PinIt = window.PinIt || { loaded:false };
if (window.PinIt.loaded) return;
window.PinIt.loaded = true;
function async_load(){
var s = document.createElement(&quot;script&quot;);
s.type = &quot;text/javascript&quot;;
s.async = true;
if (window.location.protocol == &quot;https:&quot;)
s.src = &quot;https://assets.pinterest.com/js/pinit.js&quot;;
else
s.src = &quot;http://assets.pinterest.com/js/pinit.js&quot;;
var x = document.getElementsByTagName(&quot;script&quot;)[0];
x.parentNode.insertBefore(s, x);
}
if (window.attachEvent)
window.attachEvent(&quot;onload&quot;, async_load);
else
window.addEventListener(&quot;load&quot;, async_load, false);
})();
</script>
<!-- Pinterest button Start -->
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; data:post.url'>Pin It</a>
</div>
<!-- Pinterest button End -->

Sayaçsız

<script type='text/javascript'>
(function() {
window.PinIt = window.PinIt || { loaded:false };
if (window.PinIt.loaded) return;
window.PinIt.loaded = true;
function async_load(){
var s = document.createElement(&quot;script&quot;);
s.type = &quot;text/javascript&quot;;
s.async = true;
if (window.location.protocol == &quot;https:&quot;)
s.src = &quot;https://assets.pinterest.com/js/pinit.js&quot;;
else
s.src = &quot;http://assets.pinterest.com/js/pinit.js&quot;;
var x = document.getElementsByTagName(&quot;script&quot;)[0];
x.parentNode.insertBefore(s, x);
}
if (window.attachEvent)
window.attachEvent(&quot;onload&quot;, async_load);
else
window.addEventListener(&quot;load&quot;, async_load, false);
})();
</script>
<!-- Pinterest button Start -->
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='pin-it-button' count-layout='none' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; data:post.url'>Pin It</a>
</div>
<!-- Pinterest button End -->

Blogger İçin

Eğer blogunuz Blogger alt yapısını kullanıyorsa aşağıdaki adımları izleyin.

Öncelikle Tasarım » HTML’yi Düzenle kısmına girip Widget Şablonlarını Genişlet kutusunu işaretliyoruz. Ardından aşağıdaki kodları bulup hemen altına yukardaki kodlarden beğendiğimiz bir tanesini ekliyoruz.

<div class='post-header-line-1'/>

ya da

<div class='post-header'>

kodlarından biri mutlaka temanızda vardır. Eğer hâlâ bulamıyorsanız. div class terimlerini silip sadece tırnak işareti olan yerleri aratın o şekilde bulursunuz. Kodları bulduktan sonra dediğim gibi, hemen altına beğendiğiniz pinterest kodunu yapıştırıyorsunuz. İşlemimiz bu kadar 🙂 Saygılarımla.

Furkan Özden

Blog dünyası ile 2009 yılında tanıştım. Bloğumda haftada en az bir yazı yayımlıyorum. Yazdığım yazıları beğendiyseniz beni Twitter'dan (@frknzdn) takip edebilirsiniz. Daha fazlası için hakkımda sayfasını ziyaret edin.

Paylaş
Yazar
Furkan Özden

Son Gönderiler

Yarının Savaşı (2021) Film İncelemesi

2051 yılından bir grup zaman yolcusu acil bir mesaj iletmek için geldiğinde dünya şaşkına döner.…

1 ay önce

SEO Danışmanlığında SEO FD Farkı

Yüzlerce web sitesinin teknik ve stratejik işlemlerini üstlenen SEO FD ajansı şimdi de SEO danışmanlığı…

2 ay önce

Perşembe Yaylasında Karavan Kampı

Ordu'nun Aybastı ilçesine bağlı olan Perşembe Yaylası, akarsularıyla ünlü, çimlerle kaplı tepeleri ve sürekli yön…

2 ay önce

Cilt Bakımında La Roche Posay Farkı

La Roche Posay Ne İçin Kullanılır? La Roche Posay markasının tüm cilt tiplerinin ihtiyaçlarına uygun…

3 ay önce

Youtube Videolarını Bölümlere Ayırma

Yüklediğiniz her video için video bölümleri ekleyebilirsiniz. Bölümler, videonuzu her biri ayrı bir önizlemeye sahip…

3 ay önce

Game Stand Pro Direksiyon ve TV Standı İncelemesi

Direksiyon standı piyasasında ülkemizde pek fazla seçeneğimiz yok. Çoğu kişi bu nedenle direksiyon standı olmadan…

3 ay önce