Monday, March 12, 2012

Awesome Rss, Facebook and Twitter Counter Widget For Blogger

Awesome Rss, Facebook and Twitter Counter Widget For Blogger
Rss, Facebook and Twitter is the most useful media to promote a website for developer.
Why Rss, Facebook and Twitter become the most useful media for website developer?
Because 52% people in this world used internet to open any social media like Rss, Facebook and Twitter. Just try to compare Rss,Facebook and Twitter
1. Rss has Alexa rank #1 because its a subdomain from google.
2. Facebook has alexarank #2 in world wide and #2 in USA. They reach 44,6% Internet User/day
3. Twitter has rank #9 on world wide and #8 in USA. Reach for 8% Internet user/day.
So i estimate that 52% People in this world will open Rss, Facebook and Twitter per/day.
And web developers see a chance if they optimize their social media network.
Now, how about you? Do you have a Rss, Facebook or twitter account? And are you a web developers? Are you optimize your Rss, Facebook or Twitter account?
 If you asked me "Are you optimize your social media account?"
Exactly i will answer "Not yet!"
I just have 88 Rss Subscriber, 14 Facebook Fans and 1486 Twitter Followers.
I think its a little on rss and facebook and i think thats enough on twitter. So how to optimize your social media account?
i guess that you can install a Rss, Facebook and Twitter Counter widget on your site.
As you can see on my sidebar, you'll look a Rss, Facebook and twitter counter like this
Rss, Facebook And Twitter Counter For Blogger

Ok now lets we go to the step, how to install awesome Rss, Facebook and Twitter Counter Widget For Blogger
1. Login to blogger
2. Go to design-layout
3. Find </b:skin> code
4. Copy this code below before </b:skin> code
.rss-mbt {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEffwIY6cDSpcDDQtqVgVBSDaym9oDo5F31KBsG8Qwoq3Dc0DLiDBl1JIfiKnv1jTvUTGBQktTLZhZtN3S3LT2v-tj8ONQWDm4Zl4A3_CZ0jHvBzjVJYf3MYXIaDF8uNgu3-90ZQW-ZKU/s1600/rss+sepia.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 5px;
}
.twitter-mbt {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZd5hWQ8pynlkBagM1Xpomzo6P_9dxvslDd1AXsXzz3oadAoRkgYjoY_tT0IyoFr7t5sO6TloYr7JXfw_lRWcbaB1flwGXR5FS1SUs0_oT-OAqJGP2MB6jK5iIi5R9DNfiK92IVhWMGXQ/s1600/twitter.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 10px;
}
.facebook-mbt {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMrVjooAopva6EuRSM08440RQmHtQ9Mv6KvpM0WXcvhubt79khs-L43vaHf0E3YcTvygfN-Y_VS3NZjpfWJdJmQZeFMruDAa9KclHa3o4kL8LFJ_LSjhZTJJDS9O9q1TSzSZwwQvcANsg/s1600/fb+sepia.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 10px;
}
.follower-rss, .follower-twitter, .follower-facebook {
font-family: Georgia, sans-serif, Times;
font-size: 1.5em;
font-style:italic;
color:#D3C5B1;
padding-top:20px;
text-shadow:1px 1px #B2A99D;
}
.follower-rss a, .follower-twitter a, .follower-facebook a {
color:#AA9C89;
}
.follower-rss span {
font-size: 2.2em;
font-weight: bold;
font-style:italic;
}
.follower-twitter span {
font-size: 1.9em;
font-weight: bold;
font-style:italic;
}
.follower-facebook span {
font-size: 1.9em;
font-weight: bold;
font-style:italic;
}
5. After that save it. 
6. Go to layout and click "add a gadget" button
7. Copy this code below
<div class='rss-mbt'>
<div class='follower-rss'>
<span><a href='http://feeds.feedburner.com/BlogYahyagan'>88</a></span> loyal readers</div></div>
<div class='twitter-mbt'><div class='follower-twitter'><span><a href='http://twitter.com/#!/blogyahyagan'rel="nofollow" >1491</a></span> followers</div></div>
<div class='facebook-mbt'>
<div class='follower-facebook'><span><a href='http://www.facebook.com/blogyahyagan'>14</a></span> followers</div>
</div>
8. Finally save it.
Congratulations, you've dont to install the widget. So this is it the "Awesome Rss, Facebook and Twitter Counter Widget For Blogger"

Note
- Change the url with you own account url
- Change the number (Counter) with your own
Related Posts Plugin for WordPress, Blogger...