- Home>
- blogger eklentileri >
- İÇERİKLERİN ALTINDA SOSYAL PAYLAŞIM BUTONLARI
Posted by : Unknown
26 Ağustos 2012 Pazar
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 == "item"'>
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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' 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='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + 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: "siteismi.blogspot.com", ui_header_color: "#ffffff", ui_header_background: "#0080FF" } </script>
</td> </tr> </table></div>
Bu eklentinin demosu için TIKLAYINIZ.