24 Şubat 2014 Pazartesi

Orjinal Blogger Sosyal Paylaşım Butonları

orjinal blogger sosyal paylasim butonlari

Sayfamızın sosyal paylaşım platformlarında paylaşılması ve takip edilmesi bizler için çok önemli bir durumdur. Blogger da yazılarınızın altına sosyal paylaşım butonları ekleyerek, blogunuza uğrayan ziyaretçilerin yazılarınızı sosyal paylaşım sitelerinde paylaşmalarını sağlayabilirsiniz. Bu widgeti blogunuza ekleyerek Facebook, twitter, google plus, pinterest, StumbleUpon ve linkedin gibi sosyal paylaşım sitelerinde yazılarınız paylaşılabilir. Bu sayede sosyal medyadan alacağınız trafik artacaktır. Orjinal blogger sosyal paylaşım butonlarını değiştirmeden küçük bir eklemeyle paylaşım butonlarımız hazır olacak. Diğer sitelerin paylaşım butonları (Share this, addthis vb.) farklı sunuculardan bağlantı kurduğu için sitenizin açılışında yavaşlatma yapabilir. Bu tamamen orjinal blogger sosyal paylaşım butonlarıdır. Yapılan eklemelerde blogger'a bağlı kalarak yapılmıştır. Benimde kullandığım bu sosyal paylaşım butonlarını yazılarımın altında örneğini görebilirsiniz. Şimdi nasıl yapacağımızı anlatalım.

  • Blogger panelinize giriş yapın ve Şablon → HTML'yi düzenle butonuna tıklayın.
  • Ctrl+F yardımı ile aşağıdaki kodu aratıp bulun.

  • ]]></b:skin>

    Skin

  • Kodu genişletmek için siyah oku () tıklayın.
  • </b:skin> kodunun hemen üstüne aşağıdaki kodları kopyalayıp yapıştırın.

  • .mef-post-share-buttons{margin-top:.5em;font-size:0;}
    .mef1 .share-button{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzMVXaNdQfYRXNWPNySAby2W-23atWxHaQlIMOVVG2O24Qk-tC3lTNHefReHnCmBxqux8kdvK7mo_TeA2z_Mo22cHYQSKPRV5ek46KFUKSG8xz80zhZfnNdXa6XhINsczrEe9Tip8L_o0/s1600/Mef_paylasim_butonlari_k%C3%BCc%C3%BCk.png) no-repeat left!important;width:20px!important;height:20px!important;overflow:hidden!important;margin-left:-1px!important;position:relative!important;}
    .mef1 .share-button-link-text{text-align:left!important;}
    .mef1 .sb-stumble { background-position: -120px 0 !important; }
    .mef1 a:hover.sb-stumble { background-position: -120px -20px !important; }
    .mef1 a:active.sb-stumble { background-position: -120px -40px !important; }
    .mef1 .sb-linkedin { background-position: -140px 0 !important; }
    .mef1 a:hover.sb-linkedin { background-position: -140px -20px !important; }
    .mef1 a:active.sb-linkedin { background-position: -140px -40px !important; }
    .mef3 .share-button{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzMVXaNdQfYRXNWPNySAby2W-23atWxHaQlIMOVVG2O24Qk-tC3lTNHefReHnCmBxqux8kdvK7mo_TeA2z_Mo22cHYQSKPRV5ek46KFUKSG8xz80zhZfnNdXa6XhINsczrEe9Tip8L_o0/s1600/Mef_paylasim_butonlari_k%C3%BCc%C3%BCk.png) no-repeat left!important;width:20px!important;height:20px!important;overflow:hidden!important;margin-left:-1px!important;position:relative!important;}
    .mef3 .share-button-link-text{text-align:left!important;}
    .mef3 .sb-stumble { background-position: -120px -60px !important; }
    .mef3 a:hover.sb-stumble { background-position: -120px -20px !important; }
    .mef3 a:active.sb-stumble { background-position: -120px -40px !important; }
    .mef3 .sb-linkedin { background-position: -140px -60px !important; }
    .mef3 a:hover.sb-linkedin { background-position: -140px -20px !important; }
    .mef3 a:active.sb-linkedin { background-position: -140px -40px !important; }

  • Daha sonra tekrar Ctrl+F yardımı ile aşağıdaki kodu aratıp bulun.

  • <b:includable id='shareButtons' var='post'>

    Genislet

  • Yukarıdaki resimdeki gibi bi görüntü gelececek karşınıza.Burda sol tarafındaki işaretine basarak genişletiyoruz.

  • Mef_shareButtons

  • Yukarıdaki resimdeki mavi renkle çizili olan alanı silip, aşağıdaki kodları aynı yere kopyalayıp yapıştırıyoruz.<b:includable id='shareButtons' var='post'> Bu araya </b:includable>

  • <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><span class='mef1'><span class='mef-post-share-buttons'><a class='goog-inline-block share-button sb-stumble' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=580,width=800\&quot;); return false;&quot;' target='_blank' title='StumbleUpon&apos;da Paylaş'><span class='share-button-link-text'>StumbleUpon&#39;da Paylaş</span></a><a class='goog-inline-block share-button sb-linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' target='_blank' title='LinkedIn&apos;de Paylaş'><span class='share-button-link-text'>LinkedIn&#39;de Paylaş</span></a></span></span><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>

  • Şablonu Kaydet diyip çıkıyoruz. Diğer bloglardan farklı Orjinal Blogger Sosyal paylaşım butonlarımız hazır.
  • Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

    Hiç yorum yok:

    Yorum Gönder