Attractive Social Media with Count Widget For Blogger

Hello to all my readers hope you are all enjoying the contents in my blog. Today i am back with an Attractive Social Media Widgets with Subscribers count in it. This cool widget makes your readers to subscribe to your feeds, follow you on twitter, like your page on Facebook and for YouTube subscribers.

Attractive Social Media with Count For Blogger

• Go to Blogger.com.
• Login into your Blogger Dashboard.
• Layout –> Click on Add a Gadget –> HTML/Javascript.
• Now copy the below copy and paste it the box.
• Then Click on Save.

<style> .btrix_widget{ margin-bottom:20px; overflow:hidden; clear: both; border: 1px solid black; width: 300px; } .btrix_widget li{ line-height:15px; float:left; width:75px; height:87px; padding:7px 0 10px; -moz-transition:.4s linear; -webkit-transition:.4s ease-out; transition:.4s linear; list-style:none; } .btrix_widget li a{display:block;text-align:center;} .btrix_widget li a strong{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZLLvY7v4Z4LW6z_y56yF_bCefw75eQqgk024FacYGTzcSMvHqITSmP7b3XtWDSiUo7ULekkCbLo_dVQ7JF7cAu2yYYXDvhdewN1nx2OVW03b0wI-LteMwDKPm10KkX8MGCaqV357QJH_x/s1600/bt-icons.png) no-repeat;display:block; opacity:0.7; height:51px; margin-bottom:5px; -webkit-transition: opacity ease-in-out 0.4s; -moz-transition: opacity ease-in-out 0.4s; -o-transition: opacity ease-in-out 0.4s; transition: opacity ease-in-out 0.4s;} .btrix_widget li a:hover strong{opacity:1;} .btrix_widget li:hover a{text-decoration: none;} .btrix_widget li.rss-subscribers a strong{ background-position:center -1084px ;} .btrix_widget li.rss-subscribers a:hover strong{ background-position:center -1139px ;} .btrix_widget li.rss-subscribers span{display:block;font-size:21px;} .btrix_widget li.facebook-fans a strong { background-position:center -1192px ;} .btrix_widget li.facebook-fans a:hover strong { background-position:center -1246px ;} .btrix_widget li.twitter-followers a strong{ background-position:center -868px;} .btrix_widget li.twitter-followers a:hover strong{ background-position:center -922px;} .btrix_widget li.youtube-subs a strong{ background-position:center -976px;} .btrix_widget li.youtube-subs a:hover strong{ background-position:center -1030px;} .btrix_widget li span{display:block;font-size:21px;} .btrix_widget li a small{color:#777;} </style> <br /> <div class="widget btrix_widget"> <ul style="margin-left: -40px;"> <center><h1>Connect with Us</h1></center> <li class="rss-subscribers"> <a href="http://feeds.feedburner.com/MyBloggingTechniques"> <strong></strong> <span>548</span> <small>RSS Feed</small> </a> </li> <li class="twitter-followers"> <a href="https://twitter.com/DanielRakshith"> <strong></strong> <span>5,245</span> <small>Followers</small> </a> </li> <li class="facebook-fans"> <a href="https://www.facebook.com/MyBloggingTechniques"> <strong></strong> <span>2,298</span> <small>Fans</small> </a> </li> <li class="youtube-subs"> <a href="http://www.youtube.com/username"> <strong></strong> <span>1,202</span> <small>Subscribers</small> </a> </li> </ul> </div>

You have to change the counters in the code manually, just change the coloured texts as given below

• Replace MyBloggingTechniques with your Feedburner ID
• Replace MyBloggingTechniques with your Facebook Fan Page Name
• Replace DanielRakshith with your Twitter Username
• Replace Username with your Youtube Username

Also you can edit the number of fans/subscribers/followers you have by changing the numeric characters in the code.

If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.