Bayram Cigerli Blog

Bigger İnfo Center and Archive

Bloggera Pinteres Facebook ve Twitter Paylaşım Butonları Koyma Kodları


Evet arkadaşlar bugün resimde görüldüğü gibi blogger  web sitenize hızlı ve kolay bir şekilde nasıl pinterest, facebook ve twitter paylaşım butonlarını ekleyeceğinizi göstereceğim. Bununla ilgili çeşitli bir kaç kod hazırladım. Bu kodları sitenizin neresinde bu butonları kullanmak istiyorsanız oraya yapıştırmanız yeterli olacaktır. Şimdiden hayırlı ve uğurlu olsun.

Web sitedeki reklamları tıklamayı unutmayın....


Kodlar

<!-- Pinterest Script -->    
      <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 class='pin-paylas'>
<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 -->
<!-- Facebook button Start -->      
      <div class='fb-paylas'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Facebook</a>
</div>
 <!-- Facebook button End --> 
 <!-- Twitter button Start -->
   <div class='tw-paylas'>
<a expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'/>
<a expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'>Paylaş Twitter</a>
      </div> <div style='clear:both;'/>  
  <!-- Twitter button End -->  
  <!-- Facebook Twitter Paylaş Buton Css Kodları --> 
   <style>
          .pin-paylas {
    margin: 7px;
    padding: 10px;
    background-color: #e60023;
    width: 100px; float:left;
}
     
     .fb-paylas {float:left;
    margin: 7px;
    padding: 10px;
    background-color: #2d609b;
    width: 100px;
}
     .fb-paylas a{
    text-decoration: none;
    color: white;
    font-weight: bold;
    text-align: center;
}
     .tw-paylas{float:left;
    margin: 7px;
    padding: 10px;
    background-color: #19bfe5;
    width: 100px;
}
     .tw-paylas a{text-decoration: none;
    color: white;
    font-weight: bold;
    text-align: center;}
      </style>
      
  <!-- Facebook Twitter Paylaş Buton Css Kodları --> 
Share

0 Comments:

Yorum Gönder