The Blogger icon shows slavery and Blogger's direct ownership of your blog. Learning to remove it gives you space for a custom footer and other interesting activities on your site. If you've used WordPress blogs before, there's a similar WordPress logo and a phrase "make your site with WordPress" on each free site.
What does that show?
It simply shows that you're liable to advertising the CMS that holds your blog content. You need freedom such that when someone uses your blog, he doesn't feel like he's using a free piece of shit.
In this guide, I am going to move you through the process of removing the Blogger icon from your blog.
How Blogger is made
Blogger is made of a template. That template is one piece of code controlling how all parts of your blog appear. You can see your blog template code by going to the Theme.
Click editHTML
There it is. The monster code controlling your blog. If you understand HTML, CSS and JavaScript, you'll be able to try and understand the structure of your blog. What makes it complex is the Blogger XML tags used to determine which gadget appears in which section.
If you don't know any computer language, keep watch and I will explain all the steps to the core.
Steps to removing the Blogger icon
1. Scroll to the bottom of the template code
Once you are at the bottom, look for the Blogger icon gadget. It's also backed by the Blogger attribution gadget. We want to make sure none of them appears in our blog.
If you need a visual representation. Look at the code screenshots below.
The footer section
2. Adding comments
If you have studied web design to the core, you learn one thing. When changing a certain piece of code, instead of deleting the unwanted code, you have to make it a comment such that if the change is not what you expect, you can then remove the comment tags and the code runs as before.
So, how do you add comments.
In HTML and XML, you add multi-line comments by adding <!-- before the code and --> after the code. An example is.
<!--
Your code
-->
You'll see that the color of characters in a comment turns greyish.
Where to add comments
Add the opening tag, <!--, before the following code.
<b:section class='footer' id='footer' name='Footer'
Add the closing tag, -->, just before the last <div> tag.
Once you are done,
3. Saving the code
Save your code, but after it is saved successfully, work on the next step such that your icon will never appear again.
4. Spread the love. Share the article with your friends and peers. This will keep us working to get you customization steps to improve your blog.
If you feel your blog isn't performing well in terms of SEO, check out my SEO checklist for creating optimized blogs.
Thanks for reading. If you get any issues, comment them and I will be right on you. If you need to, contact us on the contact us page or our side bar.
AUTHOR
Emmy Jayson
Comments
Post a Comment
Put your comment here