If you are a Blogger user you will be familiar with a link that says "Subscribe to: Posts (Atom)" at the bottom of your posts. Frankly speaking, nobody clicks on that link because everybody uses RSS feeds and not Atom. Also the position of that link is not good at all and it comes in the way of your blog's design. So here's a short tutorial on how to remove that link!
A screenshot of what you are about to remove:
A screenshot of what you are about to remove:
Steps to implement:
1. Go to your blogger dashboard >> Design >> Edit HTML
2. Search for the following piece of code (To search, press CTRL + F and enter the code in the box that appears).
]]></b:skin>
3. Copy the following code and paste it directly above/before ]]></b:skin>
.feed-links { display:none !important; }
4. Hit Save template and you're done!
What did we just do?
(Understand the code!)
The code we pasted above ]]></b:skin> is a CSS code. In your blog's HTML code, there is a class called "feed-links". Hence we wrote .feed-links{} in our CSS code. Next, we used the "display" property of CSS and gave it the value "none". display:none hides an element, and it will not take up any space.
The element will be hidden, and the page will be displayed as if the element is not there. Hence, all the content inside the class "feed-links" will now be hidden. By !important we tell the browser that this is important, so do it and ignore all other subsequent rules!
Also remember that whenever you want to add a CSS code in your Blogger template, always add it above/before ]]></b:skin> In this way the code will take effect and you can find all your CSS code in a single place.
The element will be hidden, and the page will be displayed as if the element is not there. Hence, all the content inside the class "feed-links" will now be hidden. By !important we tell the browser that this is important, so do it and ignore all other subsequent rules!
Also remember that whenever you want to add a CSS code in your Blogger template, always add it above/before ]]></b:skin> In this way the code will take effect and you can find all your CSS code in a single place.
0 comments:
Post a Comment