Menampilkan Hitungan Follower RSS, Twitter dan Facebook

”Menambahkan

Menyajikan untuk Anda widget yang indah dan berguna bagi yang ingin menampilkan jumlah Pengikut twitter Anda, RSS FEED dan Pengikut Facebook. Widget ini hanya didasarkan murni CSS dan HTML tanpa menggunakan JavaScript oleh karena itu anda hanya perlu memperbarui jumlah secara manual.Caranya sangat mudah anda hanya mengcopy paste saja kode yang sudah tersedia dibawah ini, dan edit yang perlu anda edit.
Lihatlah bagaimana widget akan terlihat seperti pada blog dengan sidebar sempit (screenshot seperti di atas)
Langkah - Langakahnya seperti dibawah ini

  • Login ke Blogger 
  • Rancanagn => Elemen Laman
  • Tambah Gadget => HTML Javascript
  • Copas Kode Dibawah INI :

    <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 Created By Cobasanasini!</a>
    </div>



  Note : 
- Pastikan untuk mengganti teks tebal  berwarna merah dengan rincian yang anda dibutuhkan (Link, Twitter, Feedburner dan Facebook) dan mengganti nomor tebal  berwarna merah dengan jumlah Pengikut anda saat ini. Misalnya 515 ganti dengan nomor pengikut RSS FEED anda saat ini.Ganti 1058 dengan jumlah pengikut Twitter anda dan mengganti 260 dengan jumlah pengikut Facebook anda

Simpan dan Anda selesai! Sekarang tampilan blog Anda untuk melihat widget yang menakjubkan tergantung pada sidebar Anda

Demonya Disini :




515 loyal readers


RSS feed

| E-mail





Semoga Berhasil

2Coment :

  1. Waaaw baru aku tahu ... ada cara seperti ini :)

    Budayakan Komentar Balik.. :)

    BalasHapus
  2. @TORAYASURABAYA : oke sob !!!

    BalasHapus