Konu Altına Sosyal Paylaşım Butonları Ekle

Arkadaşlar Lütfen Yorum Yapınız Emeğe Saygı!

Blogger İçeriklerin Altında Sosyal paylaşım butonları kodu Eklentisi

Gönderen Kaan Apaydın zaman: 23:02

Blogger eklentileri içerisinde blog sahiplerinin en çok tercih ettiği eklentilerden biri olan sosyal paylaşım butonları, yazılarınızın sosyal medyada paylaşılmasına oldukça yardım eder. Bu şekilde hem sitenizi hem de yazılarınızı geniş kitlelere ulaştırabilirsiniz.

Zaten sitenize gelen ziyaretçiler, eğer içeriğinizi beğeniyorsa, o içeriği mutlaka sosyal medyada paylaşmak isteyecektir. Bunun için yazılarınızın altında sosyal medya butonlarının olması çok önemli. Hemen bu güzel ve kullanışlı eklentiyi nasıl blog sitenize entegere edeceğinizi anlatıyorum.

İlk olarak sitemizin temasının yedeğini alıyoruz. Bunun için Tasarım >> HTML'yi Düzenle >>Tam Şablonu İndir yapın. Bundan sonra ise Tasarım >> HTML'yi Düzenle >> Widget Şablonlarını Genişlet dedikten sonra CTRL+F yardımıyla aşağıdaki kodu buluyoruz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Bu koddan sitemizde çok fazla olabilir. Bunun için doğrusunu bulana kadar deneme yanılma yapmak zorundayız. Yukarıdaki koddan emin olduktan sonra aşağıda yer alan kod blogunu hemen bu kodun altına yapıştıralım ve blogumuzu kaydedelim.

<div style='background:#0869fa; border:1px solid #ddd; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; padding:5px; box-shadow: 3px 3px 3px #CCCCCC;'> <table border='0'> <tr>
<td>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/> <b:if cond='data:post.isFirstPost'> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'> </script> </b:if> </td>
<td>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:0px; width:100px; height:20px;'/> </td>
<td><div style='margin-right:25px;'>
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div> </td> <td><div style='margin-right:5px;'> <g:plusone expr:href='data:post.url' size='medium'/> </div> </td>
<td>
<div class='addthis_toolbox addthis_default_style '> <a class='addthis_counter addthis_pill_style'/> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de3b2d654f56f28' type='text/javascript'/> <script type='text/javascript'> var addthis_config = { ui_cobrand: &quot;siteismi.blogspot.com&quot;, ui_header_color: &quot;#ffffff&quot;, ui_header_background: &quot;#0080FF&quot; } </script>
</td> </tr> </table></div>

Arkadaşlar Lütfen Yorum Yapınız Emeğe Saygı!

Bu yazıyı sitenizde/forumunuzda paylaşmak için aşağıdaki linkleri kullanabilirsiniz..

URL:

HTML Link:

Forum Link:

Blogger eklentileri

Kişi Tarafından Görüntülendi