27 Nisan 2010 Salı

Blogger Sosyal Ağ Menüsü | Anasayfanız Sosyal Ağlarda Paylaşılsın

Merhaba Arkadaşlar.Bir Süre Önce Kullanmaya başladığım "Sosyal Ağ Menüsü" Gerek tasrımı olsun gerek kullanım ergonomisi olsun bu açılardan gayet başarılı bir şakilde oluşturulmuş bir menü.Menü Ekleme Seçenekleri arasında tanınmış sosyal ağlar bulunmak.dünya Devi Google bunların arasında tabiki.Google haricinden ise Facebook , Twitter , Digg Delicious , STumbleupon bulunmakta. Bunlara ilaveten Feedburner E-mail aboneliği Linkinide veriyoruz.

Gördüğünüz gibi sosyal imlerin menüsünde kullanılşan iconlar set halinde yapılmış ve ziyaretçiye hoş bir görüntü sağlamakta.
Bu menüyü Bloggerler haricinde Blogcu Arkadaşlarda Kullabilmekte üstelik.
Dilerseniz Nasıl Ekleneceği Konusunda anlatımımıza Geçelim.






Öcelikle


1- Blogger  Arkadaşlar Hesaplarına giriş yapıyor
2- Yerleşim > Sayfa Öğeleri > Gadget Ekle > HTML + Javascript Diyorlar Ve
3- Aşağıdaki Kodları Ekliyorlar.





    <center><tr>
    <td valign="top" width="50%">
    <table border="0" cellpadding="0" cellspacing="0" width="222">
    <tbody>
    <tr>
    <td width="28" height="30"><img border="0" width="25" src="http://3.bp.blogspot.com/_7wsQzULWIwo/SpxXCHkYF9I/AAAAAAAABu8/3EIK9V5TGzY/s400/FACEBOOK.png" height="25"/></td>
    <td height="30"><a href="http://www.facebook.com/sharer.php?u=http://BLOG URL.blogspot.com" target="_blank" rel="nofollow">Share on Facebook</a></td>
    </tr>
    <tr>
    <td height="30"><img border="0" width="25" src="http://3.bp.blogspot.com/_7wsQzULWIwo/SpxfJT5jV0I/AAAAAAAABvU/vj-2FSGnJCY/s400/TWITTER.png" height="25"/></td>
    <td height="24">
    <a href="http://twitthis.com/twit?url=http://BLOG URL.blogspot.com">Share on Twitter</a></td>

    </tr>

    <tr>
    <td height="30"><img border="0" width="25" src="http://2.bp.blogspot.com/_7wsQzULWIwo/SpxfI9BoQqI/AAAAAAAABvM/sI_RGyM6Uxk/s400/STUMBLE-UPON.png" height="25"/></td>
    <td height="30"><a href="http://www.stumbleupon.com/submit?url=http://BLOG URL.blogspot.com" target="_blank" rel="nofollow">Share on StumbleUpon</a></td>
    </tr>
    <tr>
    <td height="30"><img border="0" width="25" src="http://1.bp.blogspot.com/_7wsQzULWIwo/SpxfKFaKnyI/AAAAAAAABvk/fezNFHWne9A/s400/DELICIOUS.png" height="25"/></td>
    <td height="30"><a href="http://del.icio.us/post?url=http://BLOG URL.blogspot.com" target="_blank" rel="nofollow">Share on Delicious </a></td>
    </tr>

    </tbody>

    </table>
    </td>
    <td valign="top" width="50%">
    <table border="0" cellpadding="0" cellspacing="0" width="222">
    <tbody>
    <tr>
    <td width="28" height="30"><img border="0" width="25" src="http://1.bp.blogspot.com/_7wsQzULWIwo/SpxfIfVxSbI/AAAAAAAABvE/cp4RV60pZL4/s400/DIGG.png" height="25"/></td>
    <td height="30"><a href="http://digg.com/submit?phase=2&url=http://BLOG URL.blogspot.com" target="_blank" rel="nofollow">Share on Digg </a></td>
    </tr>

    <tr>
    <td height="30"><img border="0" width="22" src="http://2.bp.blogspot.com/_dchgDUvjlTY/SP3dMy4TvuI/AAAAAAAAAFE/cStvZWKD5bY/s400/Google-icon.jpg" height="22"/></td>
    <td height="30"><a href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://BLOG URL.blogspot.com" target="_blank" rel="nofollow" title="Bookmark this blog on Google">Bookmark on Google</a></td>
    </tr>
    <tr>
    <td height="30"><img border="0" alt="Email" width="21" src="http://4.bp.blogspot.com/_7wsQzULWIwo/SxMuFjn0BII/AAAAAAAACbE/GOTIEAtrU0I/s400/Email+Orange_128.png" height="22"/></td>
    <td height="30"><a href="http://feedburner.google.com/fb/a/mailverifyuri=mucozer&amp;loc=en_US" target="_blank" rel="nofollow">Receive Email Updates</a>
    </td>
    </tr>
    </tbody>
    </table></td></tr></center>


Kodlarını Ekliyoruz Kendimize göre Editledikten sonra Menümüz Kullanıma Hazır.

Blogcular İçin

Şablon Ayarı Şablon HTML'sini Düzenle Dedikten sonra




    <center><tr>
    <td valign="top" width="50%">
    <table border="0" cellpadding="0" cellspacing="0" width="222">
    <tbody>
    <tr>
    <td width="28" height="30"><img border="0" width="25" src="http://3.bp.blogspot.com/_7wsQzULWIwo/SpxXCHkYF9I/AAAAAAAABu8/3EIK9V5TGzY/s400/FACEBOOK.png" height="25"/></td>
    <td height="30"><a href="http://www.facebook.com/sharer.php?u=http://BLOG-URL.blogcu.com" target="_blank" rel="nofollow">Share on Facebook</a></td>
    </tr>
    <tr>
    <td height="30"><img border="0" width="25" src="http://3.bp.blogspot.com/_7wsQzULWIwo/SpxfJT5jV0I/AAAAAAAABvU/vj-2FSGnJCY/s400/TWITTER.png" height="25"/></td>
    <td height="24">
    <a href="http://twitthis.com/twit?url=http://BLOG-URL.blogcu.com">Share on Twitter</a></td>

    </tr>

    <tr>
    <td height="30"><img border="0" width="25" src="http://2.bp.blogspot.com/_7wsQzULWIwo/SpxfI9BoQqI/AAAAAAAABvM/sI_RGyM6Uxk/s400/STUMBLE-UPON.png" height="25"/></td>
    <td height="30"><a href="http://www.stumbleupon.com/submit?url=http://BLOG-URL.blogcu.com" target="_blank" rel="nofollow">Share on StumbleUpon</a></td>
    </tr>
    <tr>
    <td height="30"><img border="0" width="25" src="http://1.bp.blogspot.com/_7wsQzULWIwo/SpxfKFaKnyI/AAAAAAAABvk/fezNFHWne9A/s400/DELICIOUS.png" height="25"/></td>
    <td height="30"><a href="http://del.icio.us/post?url=http://BLOG-URL.blogcu.com" target="_blank" rel="nofollow">Share on Delicious </a></td>
    </tr>

    </tbody>

    </table>
    </td>
    <td valign="top" width="50%">
    <table border="0" cellpadding="0" cellspacing="0" width="222">
    <tbody>
    <tr>
    <td width="28" height="30"><img border="0" width="25" src="http://1.bp.blogspot.com/_7wsQzULWIwo/SpxfIfVxSbI/AAAAAAAABvE/cp4RV60pZL4/s400/DIGG.png" height="25"/></td>
    <td height="30"><a href="http://digg.com/submit?phase=2&url=http://BLOG-URL.blogcu.comquot; target="_blank" rel="nofollow">Share on Digg </a></td>
    </tr>

    <tr>
    <td height="30"><img border="0" width="22" src="http://2.bp.blogspot.com/_dchgDUvjlTY/SP3dMy4TvuI/AAAAAAAAAFE/cStvZWKD5bY/s400/Google-icon.jpg" height="22"/></td>
    <td height="30"><a href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://BLOG-URL.blogcu.com" target="_blank" rel="nofollow" title="Bookmark this blog on Google">Bookmark on Google</a></td>
    </tr>
    <tr>
    <td height="30"><img border="0" alt="Email" width="21" src="http://4.bp.blogspot.com/_7wsQzULWIwo/SxMuFjn0BII/AAAAAAAACbE/GOTIEAtrU0I/s400/Email+Orange_128.png" height="22"/></td>
    <td height="30"><a href="http://feedburner.google.com/fb/a/mailverifyuri=mucozer&amp;loc=en_US" target="_blank" rel="nofollow">Receive Email Updates</a>
    </td>
    </tr>
    </tbody>
    </table></td></tr></center>

Kodları Ekleyerek Kullananabilirler.

Hayırlı Olsun Selametle

Hiç yorum yok:

Yorum Gönder

Yorum Almak Bir Site Sahibine Verilecek En Güzel Hediyedir Teşekkür Ederim..