Create Custom Counters Facebook Twitter Followers

Hi readers,  

These days social networking is big advantages for websites , blogs etc because social network helps to publish your website and get good traffic. Today we are going to create own custom followers counters. You can see these followers counter footer of the O2 Tricks . So, lets create ...

Live Demo 

You can see this Site Footer.

Steps For adding counter :-

1. Go To Blogger > Layout
2. Choose Add a Gadget or Add a Page element
3. Choose HTML/JavaScript
4. Finally paste the code below inside the HTML/JavaScript widget,

<center><span style=' background-color:#F2F2F2; border-top: 1px solid #F2F2F2; border-right: 1px solid #8A8A8A; border-left: 1px solid #F2F2F2; border-bottom: 1px solid #8A8A8A; padding: 4px 4px 4px 4px; color: #34CAFF; font-family: sans-serif, arial; font-size: 13px;'>

<span style=' background-color:#D1DEFF; font: 10px arial; color:#666; border-top: 1px solid #666; border-right: 1px solid #fff; border-left: 1px solid #666; border-bottom: 1px solid #fff;  padding: 1px 2px;'>1098<blink>+</blink></span>Followers</span></center>

Customization :- 

Above Code I have modified as O2 Tricks, You can use these also :-

For Facebook :-

<center>
<p><a href='http://www.facebook.com/o2tricks' rel='nofollow' target='_blank'><img border='0' onmouseout='this.src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGgePSSiFAOeZevN8zq57U0d1QcnbVB5gdOeX_WZBlsRZ1WWyfYHSFIt4KtpoGBospdmnUkjVNxj1lvZBU57jaohNtlYLepDpjm-pBr9kJJLaqLFESmzbA9vs9zoRpqylI_I5tTxAGMvU/s400/FACEBOOK2.png&#39;' onmouseover='this.src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1oYlsynvlPF7hB5xz3LWdWCxa9J-EPm84SzQdisU6CJ8XqVeb-71wK5xR_yBJG81dYkyn23gkvi7QC8WdDM41wgjYts-vby6Hmgt-l5x_ihNf5NwxlypsgEIKco5LVcshifKv_cC3Pyk/s400/FACEBOOK1.png&#39;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGgePSSiFAOeZevN8zq57U0d1QcnbVB5gdOeX_WZBlsRZ1WWyfYHSFIt4KtpoGBospdmnUkjVNxj1lvZBU57jaohNtlYLepDpjm-pBr9kJJLaqLFESmzbA9vs9zoRpqylI_I5tTxAGMvU/s400/FACEBOOK2.png'/></a>
<span style=' background-color:#F2F2F2; border-top: 1px solid #F2F2F2; border-right: 1px solid #8A8A8A; border-left: 1px solid #F2F2F2; border-bottom: 1px solid #8A8A8A; padding: 4px 4px 4px 4px; color: #34CAFF; font-family: sans-serif, arial; font-size: 13px;'>
<span style=' background-color:#D1DEFF; font: 10px arial; color:#666; border-top: 1px solid #666; border-right: 1px solid #fff; border-left: 1px solid #666; border-bottom: 1px solid #fff;  padding: 1px 2px;'>1098<blink>+</blink></span>
<a href='http://www.facebook.com/o2tricks' rel='nofollow' style='color:#5773B8; text-decoration:none;' target='_blank'>Followers</a></span></p></center>

For Twitter :-

<center><p><a href='http://twitter.com/o2tricks' rel='nofollow' target='_blank'><img border='0' onmouseout='this.src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0hEPVTsxdnjzQlu6xNAi9vlyjfXagejcRmho_40JM1d8pOXbczx8yIGgxdVZgJmANWCH8u3l-6gQauFNAUacJvcogRshQMk08AaX8kiSVW4s_FjFDYEUQka8SUMQ5wOg9fZPukxEZ0eA/s400/TWITTER2.png&#39;' onmouseover='this.src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv-Jr66-wzb-YCcpgDBGOzlQ_hkXwGJPkfd5mnpYJo6eRyD6oXflGywBtUQELP9h299nZZH29wH5LzSDWFfy8IvncM66I1FcrKYzqW8BR3lXTmOiE2t5qz8wASSw54AOFeiEIcYKyI-P4/s400/TWITTER1.png&#39;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0hEPVTsxdnjzQlu6xNAi9vlyjfXagejcRmho_40JM1d8pOXbczx8yIGgxdVZgJmANWCH8u3l-6gQauFNAUacJvcogRshQMk08AaX8kiSVW4s_FjFDYEUQka8SUMQ5wOg9fZPukxEZ0eA/s400/TWITTER2.png'/></a>
<span sans="" ms="" style=" background-color:#F2F2F2; border-top: 1px solid #F2F2F2; border-right: 1px solid #8A8A8A; border-left: 1px solid #F2F2F2; border-bottom: 1px solid #8A8A8A; padding: 2px 4px 4px 4px; color: #666; font-family: sans-serif, arial; font-size: 10px;">
<span style=" background-color:#D2E9F8; font-size: 9px; border-top: 1px solid #8A8A8A; border-right: 1px solid #ddd; border-left: 1px solid #8A8A8A; border-bottom: 1px solid #ddd; padding: 0px 1px;">159<blink>+</blink></span> <a href='http://www.twitter.com/o2tricks' rel='nofollow' style='color:#5773B8; text-decoration:none;' target='_blank'>Followers</a></span></p></center>

Thats it 

Don't forget to Subscribe . Share it , Like it , tweet it ...

Please give me your feedback in comment box, Don't be Silent reader's...