Sosyal Medya Tuş Tablosu

Eğer yazılarınızın sosyal medya ortamlarında da görünütlenebilmesini istiyorsanız. Yazı alanınızın uygun yerlerinde sosyal medya tuşlarını kullanmanızı öneririm. Yazılarınızın altına sosyal medya tuşlarını ekleme konusunda daha önce de birkaç örnek vermiştim. Şimdi de sosyal medya tuşlarını bir tablo içerisinde yazı altına nasıl yerleştirebileceğinizi açıklamaya çalışacağım.

Öncelikle, temanızın yedeğini alın. Ve Yerleşim > HTML'yi Düzenle > Widget Şablonlarını Genişlet' e tıklayın. Ve "Ctrl+F" yardımı ile aşağıdaki kodu aratın;

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Yukarıda bulduğunuz koddan hemen sonra alttaki kodu yapıştırın;

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<big><big><big> Yazıyı Paylaş! </big></big></big>
<div class='spacer' style='margin-top:10px;margin-bottom:10px;border-top:solid 1px #DEDEDE;'/>
<div class='social-table'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='http://lh3.ggpht.com/_TqPdHmAEwTM/SgxdHoRIprI/AAAAAAAAEC4/UOmW1Zfg04I/facebook.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; +data:post.url'><strong> Facebook ile Paylaş</strong></a>
</td>
</tr>
<tr>
<td height='24'><img border='0' src='http://lh4.ggpht.com/_TqPdHmAEwTM/SgxdH2E0JsI/AAAAAAAAEDE/HTXaxE7_KaU/twitter.png'/></td>
<td height='24'><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'><strong> Twitter ile Paylaş</strong></a>

</td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://lh3.ggpht.com/_TqPdHmAEwTM/SgxiZxfvTGI/AAAAAAAAEDU/AvuLyM_PGa4/stumble.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; +data:post.url'><strong>StumbleUpon ile Paylaş</strong></a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://lh6.ggpht.com/_TqPdHmAEwTM/Sgxdp40mQUI/AAAAAAAAEDM/_Nee9ul6zpc/s128/delicious.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://del.icio.us/post?url&quot; +data:post.url'><strong>Delicious ile Paylaş</strong></a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://lh4.ggpht.com/_TqPdHmAEwTM/SgxjIHpTaiI/AAAAAAAAEDY/pZtBL9woxzw/reddit.png' width='16'/></td>
<td height='24'><strong><a expr:href='&quot;http://www.reddit.com/submit?url=&quot; +data:post.url'>Reddit ile Paylaş</a></strong>
</td>

</tr>
</table></td>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='http://lh4.ggpht.com/_TqPdHmAEwTM/SgxkjUlW8eI/AAAAAAAAEDc/iDE9H_-vX9w/digg.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><strong>Digg ile Paylaş </strong></a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://lh5.ggpht.com/_TqPdHmAEwTM/Sgx1uAMIp7I/AAAAAAAAEDk/UvMj9nzDyJI/design_float.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; +data:post.url'><strong>DesignFloat ile Paylaş</strong></a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://lh4.ggpht.com/_TqPdHmAEwTM/Sgxdp80sUoI/AAAAAAAAEDQ/3eYyxtWAGpM/s128/technorati.png' width='16'/></td>
<td height='24'><strong><a expr:href='&quot;http://technorati.com/faves/?add=&quot; +data:post.url'>Technorati ile Paylaş</a></strong></td>

</tr>
<tr>
<td height='24'><img alt='Feeds RSS' border='0' height='16' src='http://lh5.ggpht.com/_TqPdHmAEwTM/SgxdH0I91sI/AAAAAAAAEDA/cDcvpz3WJug/feed.png' width='16'/></td>
<td height='24'><a href='http://feeds2.feedburner.com/takiplistem'><strong>RSS Beslemeye Üye Ol!</strong></a>
</td>
</tr>
<tr>
<td height='24'><img alt='Myspace ile Paylaş !' border='0' height='16' src='http://img706.imageshack.us/img706/6606/myspacee.gif'/></td>
<td height='24'><a expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' target='_blank' title='Myspace ile Paylaş !'><strong>Myspace ile Paylaş</strong></a>
</td>
</tr>
</table></td>
</tr>
</table>
</div>
<div class='spacer' style='margin-top:10px;margin-bottom:10px;border-top:solid 1px #DEDEDE;margin-bottom:10px;'/>
</b:if>
<div style='clear: both; height:30px;'/>

Temanızı görüntüleyin. Bir sorun ile karşılaşmadan görüntüleniyorsa şablonunuzu kaydedin. Kırmızı ile renklendirilmiş kısıma kendi besleme adresinizi yazın. Ekstradan isteyenler resimleri de değiştirebilir.

Farklı tuşları tek tek eklemek isterseniz; Share Button etiketi ile etiketlediğim yazıları okuyabilirsiniz.

Hepsi bu kadar kolay gelsin...

Not: Myspace, istek üzerine, sonradan eklenmiştir. Örnek resimde görünmüyor, ancak sağ altta, son tuş olarak görüntülenecektir.