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("script");
s.type = "text/javascript";
s.async = true;
if (window.location.protocol == "https:")
s.src = "https://assets.pinterest.com/js/pinit.js";
else
s.src = "http://assets.pinterest.com/js/pinit.js";
var x = document.getElementsByTagName("script")[0];
x.parentNode.insertBefore(s, x);
}
if (window.attachEvent)
window.attachEvent("onload", async_load);
else
window.addEventListener("load", 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='"http://pinterest.com/pin/create/button/?url=" 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("script");
s.type = "text/javascript";
s.async = true;
if (window.location.protocol == "https:")
s.src = "https://assets.pinterest.com/js/pinit.js";
else
s.src = "http://assets.pinterest.com/js/pinit.js";
var x = document.getElementsByTagName("script")[0];
x.parentNode.insertBefore(s, x);
}
if (window.attachEvent)
window.attachEvent("onload", async_load);
else
window.addEventListener("load", 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='"http://pinterest.com/pin/create/button/?url=" 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("script");
s.type = "text/javascript";
s.async = true;
if (window.location.protocol == "https:")
s.src = "https://assets.pinterest.com/js/pinit.js";
else
s.src = "http://assets.pinterest.com/js/pinit.js";
var x = document.getElementsByTagName("script")[0];
x.parentNode.insertBefore(s, x);
}
if (window.attachEvent)
window.attachEvent("onload", async_load);
else
window.addEventListener("load", 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='"http://pinterest.com/pin/create/button/?url=" 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.
Güzel Ellerine Sağlık
Teşekürler