Yazılara Sosyal Paylaşım Kutuları Blogger Eklentileri


Sosyal paylaşımın blogger için arama motorlarından sonra en büyük hit kaynağı olduğunu daha önce söylemiştim.Şimdi ise bu eklentiyi paylaşmak istiyorum eklentide Facebook,Twitter ve Google'a için paylaşım butonları bulunmakta.

sosyal butonlar

Daha Önceki Blogger Sosyal Eklenti Palaşımlarım;




Eklentiyi Nasıl Siteme Eklerim

Blogger >> Şablon >> Html'yi Düzenle deyip <div class='post-footer'> kodunu bulup hemen altına aşağıda verdiğim kodları ekkiyoruz.

Kodlar;

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<style> 
.promote_post_bg { 
    height: 103px; 
    background: url(https://lh4.googleusercontent.com/-QVVd4nWA4xk/UAVjVzWTtrI/AAAAAAAADZs/CQ-st6kehwk/s516/paylas.png) 0 -7px no-repeat; 
    width: 500px; 
    margin-left: 65px;} 
.promote_twitter { 
    width: 130px; 
    height: 38px; 
    float: left; 
    margin: 0 39px 0 0; 
    padding: 65px 0 0 13px; 
    text-align: center;} 
.promote_facebook { 
    width: 115px; 
    height: 40px; 
    float: left; 
    margin: 0 39px 0 0; 
    padding: 63px 0 0 28px; 
    text-align: center;} 
.promote_google { 
    width: 65px; 
    height: 40px; 
    float: left; 
    margin: 0 39px 0 0; 
    padding: 65px 0 0 28px; 
    text-align: center; 

</style> 
</b:if> 
<div class='promote_post_bg'> 
<div class='promote_twitter'> 
<a class='twitter-share-button' data-via='helperblogger' href='https://twitter.com/share'>Tweet</a> 
<script> 
                ! 
                function (d, s, id) { 
                    var js, fjs = d.getElementsByTagName(s)[0]; 
                    if (!d.getElementById(id)) { 
                        js = d.createElement(s); 
                        js.id = id; 
                        js.src = &quot;//platform.twitter.com/widgets.js&quot;; 
                        fjs.parentNode.insertBefore(js, fjs); 
                    } 
                }(document, &quot;script&quot;, &quot;twitter-wjs&quot;); 
            
</script></div> 
<div class='promote_facebook'> 
<fb:like action='like' colorscheme='light' expr:href='data:post.canonicalUrl' font='verdana' layout='button_count' send='false' show_faces='false'/> 
<div> 
<b:if cond='data:post.isFirstPost'> 
<script> 
                        (function (d) { 
                            var js, id = &#39;facebook-jssdk&#39;; 
                            if (d.getElementById(id)) { 
                                return; 
                            } 
                            js = d.createElement(&#39;script&#39;); 
                            js.id = id; 
                            js.async = true; 
                            js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;; 
                            d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js); 
                        }(document)); 
                    
</script> 
</b:if></div> 
</div> 
<div class='promote_google'> 
<g:plusone annotation='none' size='medium'/> 
<script type='text/javascript'> 
                (function () { 
                    var po = document.createElement(&#39;script&#39;); 
                    po.type = &#39;text/javascript&#39;; 
                    po.async = true; 
                    po.src = &#39;https://apis.google.com/js/plusone.js&#39;; 
                    var s = document.getElementsByTagName(&#39;script&#39;)[0]; 
                    s.parentNode.insertBefore(po, s); 
                })(); 
            
</script></div> 
</div>


Yorumlar