JeritanBlog telah ditukar nama BelajarBlogs...
Home » » Papar pengiraan untuk RSS, Twitter dan Facebook Followers

Papar pengiraan untuk RSS, Twitter dan Facebook Followers


Anda telah melihat banyak fikiran bertiup widget di blog wordpress tetapi kini masa untuk membuat Blogger tempat yang lebih baik! Memperkenalkan kepada anda hanya satu lagi widget cantik dan lagi berguna yang memaparkan bilangan semasa pelanggan blog anda, pengikut twitter dan facebook.



Sila lihat bagaimana widget akan kelihatan seperti di blog dengan sidebar  (screenshot di atas diambil di blog dengan sidebar luas)




Ikut Langkah Berikut Untuk Tambah Pengiraan Pengikut Untuk Blogger Anda


  • Pergi Untuk Blogger> Layout
  • Pilih Tambah widget
  • Pilih HTML / JavaScript widget
  • Paste kod di bawah di dalamnya,


<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>


NOTA: - Pastikan untuk menggantikan teks huruf tebal, dengan butir-butir yang dikehendaki (link FeedBurner anda, twitter dan akaun facebook) dan menggantikan nombor huruf tebal dengan tuduhan pengikut semasa anda. Sebagai contoh menggantikan 515 dengan bilangan semasa anda Pelanggan, gantikan 1058 dengan bilangan pengikut twitter anda dan menggantikan 260 dengan bilangan pengikut facebook anda

     5. Simpan dan anda selesai! Sekarang melihat blog anda untuk melihat widget menakjubkan tergantung pada sidebar anda: D


Ubahsuaian:

Saya berharap ia tidak sukar untuk menambah :). Anda boleh menggantikan imej yang digunakan dalam widget ini dengan pautan imej pilihan anda. Berikut adalah beberapa Ikon Media Sosial yang anda boleh gunakan,


2 ulasan:

  1. abe, time kasih wujudkan blog ni ..boleh ler dijadikan sumber rujukan nanti :)

    BalasPadam