14 Mar 2012

Konu - Yazı altında Sosyal Paylaş eklentisi


Blogger Yazı içinde Sosyal Paylaş/Beğen eklentisi..

Resimde görüldüğü gibi , konu altında sosyal butonlarımız oluşmakta, aşağıdan önizlemesini görebilirsiniz..



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

Yukarıdaki kodu blogumuzda buluyoruz ( Widget Şablonlarını Genişlet'i işaretlemeyi unutmayın ) bu kodun hemen altına


<div style='background:#FEE6E6; 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>
Kodlarını ekliyoruz..Yapmamız gereken sadece bu kadar..Arka plan rengini değiştirmek isterseniz , kod içindeki mavi ile yazılmış olan FEE6E6'yi değiştirmeniz yeterli..

Eklentileri.blogspot.com Hakkında.


Blogumuz ilk yayınından bu güne , blogger eklentilerini , tüm blogger kullanıcılarına ulaştırmak için yayın yapmış , bu süre içinde hiç bir şekilde kar/gelir elde etmemiş , etmiyecektir..Lütfen desteklerinizi bizden esirgemeyin..

Bizi Facebook ve Twitter üzerinden de takip edebilirsiniz..

11 yorum:

Rad dedi ki...

Teşekürler

Adsız dedi ki...

paylaş butonu değilde konu ile ilgili yazdığımız yazıyı kutu içerisine almak mümkün mü acaba?

Eklentileri.Blogspot dedi ki...

Tam olarak anlamadım , bizim kullandığımız gibimi (yazılarımız mavi yeşil kutularda örneğin yukarda )

Adsız dedi ki...

evet ama sayfayı genişlik olarak ve renk olarakta değiştirebileyim.

abdullah dedi ki...

yapıyorum ama olmuyor arkadaşım bi kontrol edin devre dışımı oldu bu eklenti

Eklentileri.Blogspot dedi ki...

@abdullah

Demo sayfasında gördüğünüz gibi eklenti çalışmakta, tekrar denermisiniz..

Yalçın Güler dedi ki...

teşekürler ne zamandır bunu arıyorum

fatih çetin dedi ki...

bu kodu yapınca yazının üstüne geldi neden acaba

Eklentileri.Blogspot dedi ki...

@Fatih Çetin

Blogunuzu bilmediğim için kontrol edemiyorum , kodu doğru eklediğinizden emin olun...

fatih çetin dedi ki...

http://fatihcetinn.blogspot.com bakabilirsiniz burdan

Eklentileri.Blogspot dedi ki...

@Fatih Çetin

Kodu doğru yere eklediğinizden eminmisiniz ? b:if cond='data:blog.pageType == "item" kodunun hemen altına eklemeniz gerekiyor , üstüne eklemişiniz sanırım...

Diğer bir ihtimal ise bu koddan sizde 1'den fazla bulunuyor olabilir , diğerini yada diğerlerini deneyin..

Yorum Gönder

Blogger tarafından desteklenmektedir.