Cool All In One Social Media Profile With Rss Subscription Widget For Blogger

In this tutorial im gonna explain how to add unique Rss Subscription widget with social media profile icons.It's very easy to add your blogger template.Just flow the below steps and you get the unique All In One Social Media Profile With Rss Subscription Widget.

DEMO

1. Log in to blogger account and Click drop down.

2. Now select "Layout" Like Below.

3. Click Add Gadget and select 'HTML/Javascript

4. Paste below one of below code.

<style> #btrixsocialcounters{ width:300px; padding: 0 0 40px 0; border: 1px solid #CCC;} ul#btrixcounters { list-style: none; margin:0px; overflow: hidden; width:300px; padding:10px 0 40px 0; margin:10px 0 -60px 12px; } ul#btrixcounters li { float:left; margin:0px 0px 5px 0px; width:auto; padding:0px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} ul#btrixcounters li a { display: block; height: 54px; margin-right: 10px; padding-top: 85px; text-align: center; text-decoration: none; width: 85px; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); font-weight: bold; } ul#btrixcounters li:hover { opacity:0.6 } ul#btrixcounters li:last-child a{ margin-right:0px; } ul#btrixcounters #counter-rss { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxsuep4ypJPr1Llp8cT4mHalRZfUMA7CEmkEzP5pc7WzrFKXqZ1Ug_oJcI8ROU38qLgQwOnLS34J4VlnIW2kWUhIMOBIRCypEsVldCSGWM7_HolMec-HvIszLIpaxDHd11fy5xiSKPyRXQ/s1600/btrix-rss-counter.jpg') no-repeat } ul#btrixcounters #counter-rss a { color:#cf6600 } ul#btrixcounters #counter-facebook { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3rr7qMaOVzEss2ppu-JwRmG2P7vj7NqDDmCUf_dNbTm9TeHlvFqa9rS477hJ3C8BZJgLgAUt6sgvTK-6DNg6_v47lj7sLGae0ZPtqrtyzEOmNurKWuWEuE2b2MIOaJmruEKMi0DRp_mCX/s1600/btrix-facebook-counter.jpg') no-repeat } ul#counters #counter-facebook a { color:#3b4d8f } ul#btrixcounters #counter-twitter { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw0Pg_wStgJRfuoXUO6CVJ2LawmGUqP667kpTSZ9Yzql_RGhzg5nU1YFnPMPo4YPsZA-hC3u2ZdGPv83gaFjSRiadcEUeQ5h5vIQfdkMcPoaIbJ6kZPtwjej_-DVklQZFpsbZ5YnWIlXHD/s1600/btrix-twitter-counter.jpg') no-repeat } ul#btrixcounters #counter-twitter a { color:#276ab6 } .textwidget {width: 300px;margin-top: -50px;} input[type="submit"] {color: white;border: 0px;text-transform: uppercase;font-size: 11px;padding: 13px;float: left;font-weight: bold;background-color: #2DA1EB;margin-left: 100px;cursor: pointer;margin-top: 10px;} </style> <center> <br /> <div id="btrixsocialcounters"> <ul id="btrixcounters"> <li class="first-item" id="counter-rss"> <a href="http://feeds.feedburner.com/grimslab">550</a></li> <li id="counter-facebook"> <a href="https://www.facebook.com/makemonyonline24">2319</a></li> <li id="counter-twitter"> <a href="http://twitter.com/grimslab24">5263</a></li> </ul> <div class="btrixtextwidget"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=grimslab', 'popupwindow', 'scrollbars=yes,width=350,height=520');return true" style=" padding: 3px; text-align: center;" target="popupwindow"> <h3> Enter your email address:</h3> <br /> <input name="email" style="width: 180px;" type="text" /><br /> <input name="uri" type="hidden" value="grimslab" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /></form> </div> <a href="http://grimslab.blogspot.com/" style="margin-right: -50px;margin-top: 100px;font-size: 10px;">Add this</a> </div>

• Replace grimslab with your Feedburner ID 
• Replace makemonyonline24 with your Facebook username
• Replace grimslab24 with your Twitter Username

5. Now save your HTML/Javascript'.

You are done... Enjoy....

Categories: blogger tips , Data entry/VA , Rss Subscription Widget , SEO , Social plagins