25 Nisan 2010 Pazar

Takipçileriniz için Facebook & Twitter & RSS Sayaçları

Evet.Sıra geldi fasulyenin faydalarına :).Evet arkadaşlar benim sağ taraftaki menüyü görüyorsunuz gelen ziyaretçilere karşı hoş bir görünüm gösteriyor peki bu görünümü sizler nasıl yapacaksınız bugün o soruya cevap vereceğim.bu beni Sitenize gelen ziyareçilere facebookta RSS de ve ardından Twitterde kaç adet takipçiniz varsa göstermekte.Bu menüyü sadece Bloggerlarda Kullanmıyor üstelik isteyen Blogcu arkadaşlarımızda bu menüyü kullanamabilmekte.Evett isterseniz artık anlatıma geçme vakti geldi.
Şimdi öncelikle





Bloggerlar Yerleşim > Html & Javascript dedikten sonra ve



    <style>
    .rss-mbt {
        background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/S7wwAxlnAsI/AAAAAAAAC_g/9s74YaAwpls/s800/RSS1.png) no-repeat;
        height: 64px;
        padding: 0px 20px 0px 80px;
        margin-top: 20px;
    }

    .twitter-mbt {
        background: url(http://3.bp.blogspot.com/_7wsQzULWIwo/S7wv1yUhrdI/AAAAAAAAC_Y/_yw-vTwlc7g/s800/TWITTER1.png) no-repeat;
        height: 64px;
        padding: 0px 20px 0px 80px;
        margin-top: 20px;
    }

    .facebook-mbt {
        background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/S7wwExG3-MI/AAAAAAAAC_o/37FdJ2lDUUY/s800/FACEBOOK1.png) no-repeat;
        height: 64px;
        padding: 0px 20px 0px 80px;
        margin-top: 20px;
    }

    .follower-rss, .follower-twitter, .follower-facebook {
        font-family: Georgia,  sans-serif, Times;
        font-size: 1.1em;
            font-style:italic;
            color:#289728;
    }

    .follower-rss span {
        font-size: 1.9em;
        font-weight: bold;
            font-style:italic;
            color:#FFB93C;    
    }

    .follower-twitter span {
        font-size: 1.9em;
        font-weight: bold;
            font-style:italic;
            color:#6DB6E6;    
    }

    .follower-facebook span {
        font-size: 1.9em;
        font-weight: bold;
            font-style:italic;
            color:#3889BA;    
    }

    </style>

    <div class="rss-mbt">
    <div class="follower-rss"> <span>515</span> loyal readers
    </div>
    <a href="ADD-RSS-FEED-URL-HERE" rel="nofollow">RSS feed</a>
    | <a href="ADD-RSS-EMAIL-FEED-URL-HERE" target="_blank" rel="nofollow">E-mail</a>
    </div>

    <div class="twitter-mbt"><div class="follower-twitter"><span>1058</span> followers</div>                           
    <a href="ADD-YOUR-TWITTER-URL-HERE" target="_blank" rel="nofollow" title="I definitely follow you back">Follow us on Twitter!</a>
    </div>                       

    <div class="facebook-mbt">                       
    <div class="follower-facebook"><span>260</span> followers                            </div>                           
    <a href="ADD-YOUR-FACEBOOK-URL-HERE" target="_blank" rel="nofollow">Join us on Facebook!</a>
    </div>

kodlarını ekleyip editleyerek kullanabilirler


Blogcular ise Şablon HTML'sini düzenle dedikten sonra




</head>
   Tagından önce

<style>
.rss-mbt {
    background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/S7wwAxlnAsI/AAAAAAAAC_g/9s74YaAwpls/s800/RSS1.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 20px;
}

.twitter-mbt {
    background: url(http://3.bp.blogspot.com/_7wsQzULWIwo/S7wv1yUhrdI/AAAAAAAAC_Y/_yw-vTwlc7g/s800/TWITTER1.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 20px;
}

.facebook-mbt {
    background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/S7wwExG3-MI/AAAAAAAAC_o/37FdJ2lDUUY/s800/FACEBOOK1.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 20px;
}

.follower-rss, .follower-twitter, .follower-facebook {
    font-family: Georgia,  sans-serif, Times;
    font-size: 1.1em;
        font-style:italic;
        color:#289728;
}

.follower-rss span {
    font-size: 1.9em;
    font-weight: bold;
        font-style:italic;
        color:#FFB93C;    
}

.follower-twitter span {
    font-size: 1.9em;
    font-weight: bold;
        font-style:italic;
        color:#6DB6E6;    
}

.follower-facebook span {
    font-size: 1.9em;
    font-weight: bold;
        font-style:italic;
        color:#3889BA;    
}

</style> 

Kodlarını Ekliyoruz Ardından Şablonda uygun bir yere istediğimiz bir yere Aşağıdaki kodları Ekliyoruz



<div class="rss-mbt">
<div class="follower-rss"> <span>515</span> loyal readers
</div>
<a href="ADD-RSS-FEED-URL-HERE" rel="nofollow">RSS feed</a>
| <a href="ADD-RSS-EMAIL-FEED-URL-HERE" target="_blank" rel="nofollow">E-mail</a>
</div>

<div class="twitter-mbt"><div class="follower-twitter"><span>1058</span> followers</div>                           
<a href="ADD-YOUR-TWITTER-URL-HERE" target="_blank" rel="nofollow" title="I definitely follow you back">Follow us on Twitter!</a>
</div>                       

<div class="facebook-mbt">                       
<div class="follower-facebook"><span>260</span> followers                            </div>                           
<a href="ADD-YOUR-FACEBOOK-URL-HERE" target="_blank" rel="nofollow">Join us on Facebook!</a>
</div> 


Kendinize göre editleyin ve kullanın Hepsi Bu Kadar Hayırlı Olsun :)

Hiç yorum yok:

Yorum Gönder

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