Tips to Use Custom Blogger Template for The First Time

We have to admit that Google Blogger is the best platform to start your blogging career. It's not only just for free, but also it has many powerful and single click maintenance blogging features which makes it awesome.

But, if you want to take your blog to the next level, then you must update your Blogger blogs' default template with a new custom and responsive template. You can also make a blogger default template responsive by adding @media tags in your blogger's XML- style sheet. But, if you don't have CSS editing knowledge, then you can simply download and upload a free custom blogger template from any reputed sources.

Actually, you no need to use external responsive templates in your Blogger blog because, Blogger already has a separate mobile version template and URL to fit your blog in mobile devices perfectly. You just need to enable Blogger mobile version template from Dash Board >> Template >> Mobile >> Yes. Show mobile template on mobile devices.

Still, if you need a custom external template the follow the steps below-

After implementing a custom blogger template from a free source, you need to make some changes to increase your blog's SEO and overall performance.

No#1. Delete All the Default Widgets: First of all you need to delete all the default widgets from your custom template (from "Layout" section of your Blogger Dashboard). Because, some time default widgets might create trouble while you're rearranging widget positions. Most importantly, you have to delete default blogger ''Attribution'' (Copyright) bar because, you have already a copyright notice on your custom blogger template.

You can't delete normally this default copyright notice from "Layout" section. To delete that copyright notice- go to the Dashboard >> Template >> Edit HTML >> Click "Jump to widget" >> ''Attribution'' . Now, you can see codes like this-

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

Just change the red marked "true" to ''false" and save the template. Now you can delete the default copyright notice from "layout" section.

No#2. Heading Tags: Normally, most of the free template, counting "h" tags as follows sequentially- 

• h1= Blog title, 
• h2= Widget title and date, 
• h3= Post title, 
• h4= Comment.  

But, according to SEO your heading (h-tags) tags sequence should be-

• h1= Post title.
• h2= Blog title.
• h3= Widget title and date.
• h4= Comment.

To make changes go to your Dashboard >> Template Designer >> Edit HTML >> Find (Ctrl+F-windows / Cmd+f- mac) all h1 and change it to h6. >> Now, find all h2 and change it to h7 >> Again, find all h3 and change it to h8.

Now finish the changes: 

• Find h6 and change it to h2
• Find h7 and change it to h3
• Find h8 and change it to h1

If you don't follow the step, here is a chance to do mistake.

No#3. Fix Blogger Structured Data: To test your blogger structure data errors, go to the Google Webmaster Tools >> Click "Search Appearance"- "Structured Data". 

To fix those errors you need to change the things below in your blogger HTML template-

1. hfeed to h-feed 
2. hentry to h-entry
3. itemprop='image' to itemprop='image_url'.
4. Delete all the - <meta expr:content='data:blog.blogId' itemprop='blogId'/> And <meta expr:content='data:post.id' itemprop='postId'/>

That's all for now. If you have any other question regarding custom blogger template, then you can ask here without any hesitation. Thanks for reading-

Related Posts:

1. How to Start a Professional Blog on Google Blogger
2. When You Should Edit Your Content and Title?
3. Put Adsense Below Blogger Post Title Without Converting Code

Tips to Use Custom Blogger Template for The First Time 2015-03-26T11:57:00-07:00 Rating: 4.5 Diposkan Oleh: linda