Add RSS slide badge to your blog

by sohel on April 17, 2011

in Blog Tricks,Blogging,Tips & Tricks

Those who have their own blog, may want to design their page  more smartly. Add a RSS feed slider badge to your blog, it could be attract your visitor. There are some plugins available for wordpress. But we can do this manually. Now what kind of blogging platform are you using? WordPress or Blogger? This two platform are more popular. So this post can help you to add a sliding RSS feed badge to your blog.

Sliding badge RSS Feed

Rss Feed

For WordPress:

  • Go to your Dashboard and click editor sub tab under the theme tab.
  • Select Style.css and past the following code where you want.

#subscribe{position:fixed;top:40%;left:0;}

#subscribe a{width:30px;display:block;background:url(‘http://farm6.static.flickr.com/5145/5627660422_e1f18ba22d_m.jpg’) no-repeat 0 0;}

#subscribe a.subscribe{height:165px;}

#subscribe a:hover.subscribe{background-position:-30px 0;}

  • Save style.css file, and open footer.php file. Past the following code just above the </head> tag.

<div id=”subscribe”>

<a href=”YOUR-LINK-HERE” class=”subscribe”></a>

</div>

But if you using blogger platform then

  • Go to your blogger Dashboard>Design>Edit HTML
  • Expand widget and look for </body> tag.
  • Paste the following code above the </body> tag.

<div id=”subscribe”>
<a href=”YOUR-LINK-HERE” class=”subscribe”></a>
</div>

Save your template and you are done.

Google Buzz
Share this:
Share this page via Email Share this page via Stumble Upon Share this page via Digg this Share this page via Facebook Share this page via Twitter

Related posts:

  1. How to add 3d earth visitor counter on blogspot/wordpress
  2. What is the difference of administrator and visitor
  3. Think Before Blogging…

Previous post:

Next post: