Blogger Sosyal İmleme Eklentisi

14 Şubat 2010 Pazar Yorum Yapın

Blogunuza eklediğiniz bilgilerin, videoların veya fotoğrafların facebook, friendfeed, twitter gibi sosyal ağ sitelerinde paylaşımının yapılabilmesi için blogunuza aşağıdaki kodları ekleyebilir, sitenize gelen trafik akışını bu yolla arttırabilirsiniz.

Öncelikle;

Kumanda Paneli-->Yerleşim-->HTML'yi Düzenle-->Widget Şablonlarını Genişlet-->"Ctrl+F"

yolu ile aşağıdaki kırmızı renkli kodu temamızda aratalım:

<div class='post-footer'>

veya bu kodun bulunmadığı bloglarda aşağıdaki kodu da aratabilirsiniz:

<p class='post-footer-line post-footer-line-1'>

Yukarıdaki kırmızı kodlardan herhangi birini bulduktan sonra hemen altında aşağıdaki kodları yapıştırıyoruz:

    <div class='post-footer'>(Temamızda varolan kod)
    <div align='right'> 

    <!--SOSYAL-AG-TUSLARI-BASLA-->

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

    <!--Facebook-->

     <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title= &quot; + data:post.title' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;Facebooka ekle&quot;;' target='_blank' title='Facebook a ekle'><img alt='Facebook' border='0' src='http://i49.tinypic.com/2m7byaw.png'/></a>

    <!--Twitter-->

     <a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter ile Paylaş' src='http://i50.tinypic.com/3088c4g.png'/></a>

    <!--Friendfeed-->

     <a expr:href='&quot;http://friendfeed.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;Friendfeede ekle&quot;;' target='_blank' title='FriendFeed'><img alt='Friendfeed' border='0' src='http://i50.tinypic.com/2eppncy.png'/></a>

    <!--Digg-->

     <a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Digg ile Paylaş' src='http://i50.tinypic.com/b84gom.png'/></a>

    <!--Stumble-->

     <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble ile Paylaş' src='http://i46.tinypic.com/opcygk.png'/></a>

    <!--Delicious-->

     <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious ile Paylaş' src='http://i50.tinypic.com/o9ixwh.png'/></a>

    <!--Technorati-->

     <a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati ile Paylaş' src='http://i50.tinypic.com/j1573d.png'/></a>

    <!--Reddit-->

     <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title= &quot; + data:post.title' onmouseout='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;paylaş&quot;;' onmouseover='document.getElementById(&quot;socialtext&quot;).firstChild.data=&quot;Reddite ekle&quot;;' target='_blank' title='Reddit e ekle'><img alt='Reddit' border='0' src='http://i50.tinypic.com/2qxm0x2.png'/></a> </b:if>

    <!--SOSYAL-AG-TUSLARI-BITIR-->

    </div></div>(temamızda zaten var olan kod)

Temamızda varolan mavi renkli iki kodun arasına yukarıdaki siyah renkli kodları yapıştırıyoruz. Kırmızı ile ifade ettiğim kısımda ise kendi isteğiniz veya tema konseptiniz bakımından icon paketleri kullanarak imlerin görünümlerini değiştirebilirsiniz. Eğer görünümden memnunsanız kırmızı kodları da siyah kodlarla birlikte sitenize olduğu gibi kopyalayabilirsiniz.

Daha sonra temanızı kaydedip çıkış yaptığınızda işleminiz tamamlanmış olacaktır.