Blogger Yazı Altına Sosyal Paylaş Eklentisi





,
Rate this posting: 
{[['<img src="http://static.graddit.com/img/star_blue.png"/>']]}

Blogger icin Yazı Altına Sosyal Paylaş Eklentisi Sizlere paylaşcağım eklentide Google, Twitter, Facebook, ait üclü sosyal paylaş düğmeleri oldukca dikat ceken güzel bir görünümü var. tek tek kutu icinde olan sosyal paylaş eklentileri, yayınlarımızın altında olcak şekilde yerleşdirceğiz. yayınlarımızın sosyal medyada paylaşımlarını artdırcak olan bir eklenti aşağıda gördünüz gibi bir görünümü olcak.

Blogger Yazı Altı Sosyal Paylaş Eklentisi Blogguma Nasıl Uygularım?

1 Adım : Blogger sayfanızı acın. Kontrol Paneli>Tasarım>Htmlyi Düzenle yolunu izleyin. Ctrl+F yardımıyla <div class='post-footer'> kodunu bulun aşağıda verdigim kodu altına gelcek şekilde yapışdırın kaydet deyip cıkın.

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<style> 
.promote_post_bg { 
    height: 103px; 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi13P-iTvyj6uErAtszMSyduBHcq19_6WkILUPLUZRfM-PC5GKzg6i8naO24g5OuuHRnOYRFbcsf08QPcXgPT2-NGvJk3QmxNg8q0GuKjTYguOaY5ZyOsPmX5_oIw4hEOnRSoXH129PXRM/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>

Tavsiye Etdigimiz Alternatif Sosyal paylaş eklentileri.

Blogger Yazı Altına Sosyal Paylaş Eklentisi

0 yorum:

Yorum Gönder