WELCOME TO EHOST.COM.NP

Wednesday, August 3, 2016

7 Blogger Template Edits to make your blog more seo friendly. Remove post atom, wrench icon, blogger Attribution gadget and navbar .

ads space

    We knows blogger templates are lighter and easier to customize. We all have seen how beautiful are bloggers blog but still there are some useless codes present in Blogger's template. To make your blog faster to load , we need to make it more and more lighter by eliminating those parts which are not necessary in blogs like bloggers wrench button ,  powered by blogger Attribution widget, subscribe to post atom and navbar. Deleting these elements from your blog will make your template lighter and the calls to resources will become less. As a website owner you should focus on its speed because a majority of people's closes websites taking more than 3 seconds to load. So it becomes necessary to reduce your page load time. You can check your page load time at tools.pingdom.com for free. Today you will learn how to remove unnecessary codes from your blogger template. 

Bonus tip:  Compress your your entire blogger template with https://htmlcompressor.com/compressor/ and reduce your template size to 70%. 


Let's see how to customize Blogger's template in easy way.



1. How To Remove Blogger Attribution Gadget easily by editing your template.


Remove Powered by blogger


The Attribution gadget is a gadget which is present in your footer section saying " Powered by Blogger". When you try to remove this you will note this this gadget is locked by default. So if you want to remove powered by blogger Attribution widget then you need to unlock this widget by using your template editor.


Follow these simple steps to unlock your Attribution widget.




Step 1. Go to blogger.com then login and head over to your blog.


Step 2. Now go to Template >  HTML .
Step 3. Click anywhere inside your editor and press CTRL+ F to open search box. 


Step 4. Copy below code and paste it on above mentioned search box and hit enter .


Step 5. Now it's time to add some CSS code to remove blogger Attribution widget.


Now Just above add below code:







Step 6. Last step is to save the changes we have done in above step. Just click on save template and wait for the changes to be saved. That's all check your blog now.


2. Remove the navbar to make your Blog more SEO Friendly.



I am not a big fan of this blogger navbar. These days this widget have no use. It also makes your blog looks similar to other blogger blogs. There is a next blog button present which divert your reader to next available blog. It's not good for seo to have Blogger's navbar on your blog because you will loose your precious readers +  the links on navbar to next blog are dofollow. So it is always better to be on save side. 


Remove Blogger NavBar


So to remove it follow some steps below.




Step 1. Visit dashboard > layout .
Step 2. Click edit on navbar and a popup window will open.
Step 3. Click on turn off the Navbar and your navbar will remove.


3. how to remove subscribe to posts (atom) using template editor.


Step 1. Visit Dashboard > Template > Edit HTML.
Step 2. Click on your template editor box and open Blogger's search box by pressing Ctrl+ F.


Step 3. Copy below lines and find it on your template.




Step 4. Just delete them from your template and save all the changes.


Now subscribe to: posts (atom) link will be removed from your blog. 




3. How To SEO Optimize Your Blogger Blog Titles For Higher Search Results




 Read complete article about seo optimizing post titles here


4.  How to remove wrench icon/quick edit pencil in Blogger's blog.



When you open a blogspot blog you will find a editing tool or quick edit pencil on different widgets. These widgets are unnecessarily present in your blog. To make your template even more lighter you should remove this utility from your Blogger's blog. 


Remove quick edit pencil


Follow some simple steps to remove this.




Step 1. Open your Blogger's dashboard > Template > Edit HTML .
Step 2. Paste below code before .


.quickedit {display : none ;}


Step 3. Click “ Save ” on your template.


5. Remove the comments from your About and Contact pages



About us and Contact page doesn't require comments necessarily so it's good idea to remove them from these pages.
To disable comments visit pages, edit page and disallow readers comments present in right sidebar.


6. how to make blogger template seo friendly



There are some changes to do in blogspot blog for max seo. And one of them is changing heading tags in post titles. By default post titles are H3 which have low seo precedence then H1 tags so we will change them to H1 using template editors.
Find < h3 class= ' post- title' > and change < h3 >  to < h1> . See below example for correct changes.
















Save all changes and you are done. 


7. how to make blogger template mobile friendly



Just few months ago Google launched mobile friendly seo update in which those websites which are not mobile friendly will loose rankings on mobile devices. So here you will make your blogger website mobile friendly with some below steps. 


Mobile friendly blogger's template

Step 1. Open Dashboard > Template.
Step 2. Click the setting icon for the mobile template.
Step 3. Now select “Yes. Show mobile template on mobile devices.” and choose your theme!or leave it default.
Step 4. Click the save button.

I hope you have enjoyed this tutorial very much so please comment here with your reviews and also let me know is there any more seo trick and tips for blogger.
ads space
ADS SPACE

0 comments:

Post a Comment

Categories

Article How-to All Posts WordPress Android Web design Blogger Plugins CSS Google JQuery Plugins Programming Reviews Web Hosting Blogger Blogging Blogging Tips Tricks Web Development Facebook Git Internet Make Money Online Social Plugins Tips Tips and Tricks Tools Tutorials Windows WordPress Plugins Blogging Tips and Tricks Freebies GSM Google Analytics HTML How To's JavaScript Plugin Development S.E.O SEO SMS SmartPhone Social Media Tips amp; Tricks Top-Most Updates Webmaster Tools Whatsapp Applications Apps Blogger Basics Documentary Downloads Entertainment Gadgets Games Gmail Google AdSense Guest Post IPhone Make Money Blogging SVN Security Softwares Web Hosting Tips and Tricks Wordpress Tips Wordpress Tips and Tricks hostgator iOS Advertising Networks Advertising Technology Affiliates Antivirus Audience amp; Traffic Biography Blog post Blog post Blogger Blogger Errors Blogger Tips Blogger Tools Blogger Widget Blogosphere Bogger Widgets CSS selectors CSS symbols CSS3 Computer amp; Internet Content Writing Coupon Codes Data amp; Analytics Deleted blog Design DoubleClick for Publishers Email and newsletter marketting Email marketing Excel Tips Excel Tips and Tricks Facebook Tricks Feed Feedburner Feedburner subscribers Font Fun GitHub Giveaways Gmail primary inbox Gmail tabs Google sign-in Guides HTML amp; CSS HTML5 Infographics Inspirational Instagram Internet Marketing Internet Tips amp; Tricks Job Listings Knowledge Life Hacks Lists Make-Money Monetization amp; Conversion Monetize Navigation Online Marketing Other PHP Tutorials Passport Publishing amp; Content Quotes RSS Sidebar Smartphones Social Networking Status Tech Tech Blog Technology Telegram Themes UI / UX User Psychology amp; Research VB.Net Web Tools Web browser Widget Windows Tips Windows-10 ad viewability admin notice blogging tools bluehost cherry-pick clone cors custom scrollbar customizer dismissible notices duplicate post feed title git branch git clone gpg gpg2 hybridauth iPad icon font notice responsive wordpress theme same origin policy scrollbar signed git commit smartsvn theme customizer vcs wordpress theme wordpress themes

Blog Archive