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.

    Rate this post

    Paylaş

    2 Cevaplar

    1. BerkCansu dedi ki:

      Güzel Ellerine Sağlık

    2. Rad dedi ki:

      Teşekürler

    Bir yanıt yazın

    E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

    Bunlar da hoşunuza gidebilir...