Blogunuza Sosyal İmleme Çubuğu Ekleyin…

WpFunc sitemde yayınladığım bir eklentisiz geliştirme amaçlı kodlardan birtanesi. Güzel bir parça. Yalnız Uyarmalıyım sadece WordPress için kodlanmıştır. Diğer sistemlerde (Joomla vb.)kullanmak için kendi sisteminize göre konfigüre etmeniz gerekmekte. Sanırım bu işi de zorlanarak yapmazsını :D Geçelim Şimdi kodlara…

İşte o Kod…

[notice type=alert]Eğer WordPress sisteminde yeniyseniz ya da PHP kodlama üzerine pek bilginiz yoksa bu kodu kullanmanızı pek tavsiye etmiyorum. Çünkü WordPress tema sisteminden iki dosyaya müdahale edeceğiz. Bunlar single.php ve style.css.[/notice]

Öncelikle yedek alarak ftp programı kullanarak temanızdaki single.php dosyasını indirin. Sonra açarak şu kodları istediğiniz yere yada content alanının aşağısına yerleştirin.

<div class="socials">
<a class="btn_email" href="mailto:?subject=<?php the_title(); ?>&amp;amp;body=<?php the_permalink() ?>">E-Posta</a>
<a class="btn_comment" href="#respond">Yorum</a>
<a href="http://del.icio.us/post?url=<?php the_permalink() ?>&amp;amp;title=<?php the_title() ?>" title="Submit to Del.icio.us" target="_blank" class="btn_delicious">Del.icio.us</a>
<a href="http://www.digg.com/submit?phase=2&amp;amp;url=<?php the_permalink() ?>&amp;amp;title=<?php the_title() ?>" title="Submit Post to Digg" target="_blank" class="btn_digg">Digg</a>
<a href="http://reddit.com/submit?url=<?php the_permalink() ?>&amp;amp;title=<?php the_title() ?>" title="Reddit'e Yolla" target="_blank" class="btn_reddit">Reddit</a>
<a href="http://technorati.com/faves?add=<?php the_permalink() ?>" title="Technorati" target="_blank" class="btn_technorati">Technorati</a>
<a href="http://furl.net/storeIt.jsp?t=<?php the_title() ?>&amp;amp;u=<?php the_permalink() ?>" title="Furl" target="_blank" class="btn_furl">Furl</a>
<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>"&amp;t="<?php the_title(); ?>" target="blank" class="btn_face"> Facebook</a>
</div>

Bu işlemi yaptıktan sonra ftp üzerinden style.css dosyasını indirin ve aşağıdaki kodları style.css dosyasının en sonuna yapıştırın.

/* Social Bookmarks Style Baslangic */
.socials {font-size:10px; font-weight:bold; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #BBB9B2; padding:5px 5px 5px 10px; width:575px;}
.socials a {margin-right:10px; color:#BFBCB3;}
.btn_email {background:url(images/mail.gif) left no-repeat; padding-left:15px;}
.btn_comment {background:url(images/comments.gif) left no-repeat; padding-left:15px;}
.btn_delicious {background:url(images/delicious.gif) left no-repeat; padding-left:15px;}
.btn_digg {background:url(images/digg.gif) left no-repeat; padding-left:15px;}
.btn_reddit {background:url(images/reddit.gif) left no-repeat; padding-left:15px;}
.btn_technorati {background:url(images/technorati.gif) left no-repeat; padding-left:15px;}
.btn_furl {background:url(images/furl.gif) left no-repeat; padding-left:15px;}
.btn_face {background:url(images/facebook.jpg) left no-repeat; padding-left:15px;}
/* Social Bookmarks Style Bitis */

Bu işlemi de yaptıysanız yaptıklarınızı son kez kontrol ederk single.php ve style.css dosyasını direkt olarak aldığınız yerlere yükleyin. Bundan sonrası okuyucularınızın paylaşımlarınıza kalmış. Ha bu arada az kaldı unutuyordum. Aşağıdaki dosyayı da indirin ve iiçndeki resimleri temanızın images klasörüne yükleyin. Aman diyim bu resimler olmazsa pek bi işe yaramaz sonra :D Orjinal Yazı ise WPFunc Üzerinde..

[download id=”12″]

Haydi Selametle…

Yazı Biterken Biten Şarkı: Manga – Üryan Geldim

3 thoughts on “Blogunuza Sosyal İmleme Çubuğu Ekleyin…”

Comments are closed.