Nisan 19, 2012

Konuların Altına Sosyal Ağlarda Paylaş Eklentisi

Konuların Altına Sosyal Ağlarda Paylaş Eklentisi

Blogger'da gün geçtikçe artmaya başlayan sosyal ağlarda paylaş eklentilerini şimdi daha farklı bir biçimde sizlere sunuyorum. 

Yanyana sıralanmış bir şekilde Twitter Paylaş, Facebook Beğen, Submit ve Share ile daha fazla sosyal ağda paylaş butonu ile blog konularınızı daha fazla kişiye okutabilirsiniz. Tasarımı dilediğiniz şekilde kullanabilirsiniz, arka planı turuncu şekilde ayarlayıp öyle paylaşıyorum sizlerle ama isterseniz değiştirebilirsiniz.

Ayrıca çerçevenin de formatını değiştrebilir veya çerçeveye daha farklı kod kullalabilirsiniz. Şimdi işeleme geçelim...

Aşağıdaki kodu bulun

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

Yukarıdaki koddan bazı bloglarda 10 tane mevcut tüm kodların altına yapıştırarak denemeyi seçin.

<div style='background:#FFAE00; 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><!-- Twitter -->


<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><!--Facebook-->


<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;'><!-- STUMBLE UPON -->


<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;'><!-- GOOGLEPLUS --> <g:plusone expr:href='data:post.url' size='medium'/> </div> </td>


<td><!-- AddThis Button BEGIN -->




<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;eklentileri.blogspot.com&quot;, ui_header_color: &quot;#ffffff&quot;, ui_header_background: &quot;#0080FF&quot; } </script>


<!-- AddThis Button END --></td> </tr> </table></div>

NOT: Aşağıdaki RENK KODUNU dilediğiniz gibi değiştirebilirsiniz.

<div style='background:#FFAE00;

Ve artık işlem bitmiştir. Yapamadığınız bir şey olursa "YORUM" bölümünden iletebilirsiniz, kolay gelsin; iyi bloglamalar...

3 yorum :

ay dedgnz gbi yptım ilk bşta o kodun altna ypştrmyla olmadı.diğer aynı kodları aradım..toplam 3tne bulsm sandm yptım. indexin oraya oldu kocaman. o dgru kod deglmş.farkedp sildim. dgerlerni de silcektim.baştan sona html kodunu kontrol ediyorum. szn dedgnz kopyaladgm şey görünmüyo.ama sayfann orta yernde paylaşım çubugu duruyor. nasıl kurtulcam..

buldum kopyladm kodu sildm yne dzelmiyo. gtmyo o eklenti npcam snir oldum

@tugce erzurumluoglu, kopyalamayın, size anlattığım yerden itibaren silin sonra şablonu kaydedip çıkın.

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.