25+ Best Free Premium Blogger Templates

Blogger is one of most popular blogging platform and there are thousands of blogger templates out there that you can easily find using Google but it is a time taking and a hard job to select a nice and high quality template, that's why in this post, we have selected 26 best, beautiful, useful, awesome, optimized, responsive, SEO friendly and premium blogger templates for you and we hope you might need any one of it.

GoGreen Free Premium Template



Demo More Info/Download

Cricket Mag Blogger Template



Demo More Info/Download

Videoism Blogger Template



Demo More Info/Download

WebDepot Blogger Template



Demo More Info/Download

Folio Blogger Template



Demo More Info/Download

Retina Blogger Template



Demo More Info/Download

Pakistani Mag Blogger Template



Demo More Info/Download

WebMag Blogger Template



Demo More Info/Download

Metro Classic Responsive Blogger Template



Demo More Info/Download

Al-Islamic Blogger Template



Demo More Info/Download

Timeline Magzine Blogger Template



Demo More Info/Download

AndroidMag Blogger Template



Demo More Info/Download

Creative Gallery Blogger Template



Demo More Info/Download

Geeks Gadget Blogger Template



Demo More Info/Download

Twitter Blogger Template



Demo More Info/Download

Metro UI Blogger Template



Demo More Info/Download

News Magzine Blogger Template



Demo More Info/Download

MaxMag Responsive Blogger Template



Demo More Info/Download

Blogism Blogger Template



Demo More Info/Download

MegaMag Blogger Template



Demo More Info/Download

Dazzling Designer Blogger Template



Demo More Info/Download

Hi-Tech Technology Blogger Template



Demo More Info/Download

Diffuse Magzine Blogger Template



Demo More Info/Download

Damn-LOL Blogger Template



Demo More Info/Download

Apollo Blogger Template



Demo More Info/Download

We hope you will get your desired blogger template from this selected list and we will keep it update as new free or premium templates released. If you have any query regarding theme installation, feel free to comment or contact us.

Remove Link From Post Titles For Blogger

Hello Again,

         Removing the link from post titles from post page is a good thinking because it is there for nothing, if some one do click on it, it will redirect to the same page, which doesn't seems a professional work, so better to remove link from  post titles when we are at the post page. It is also too easy to do this just follow the few steps below to do it.

• Login to Blogger Dashboard
• Click on the blog, and then click "Template" tab
• Click on "Edit HTML"
• Find the Following code

<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>

• And Replace it with the following code

<b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<data:post.title/>
</b:if>

• Finally Click on "Save template"

If you have any query, you can ask in the comments below. Thanks

Submit Sitemap To Google Webmaster Tools For Blogger

Google Webmaster Tools is great place to get the organic traffic, organic traffic is traffic comes from Search engines. it helps you in indexing your blog or site and improves crawling rate. It is good your blog or site SEO to submit your sitemap to Google.

Many blogger users don't know how to submit sitemap to Google Webmaster Tools, and some of blogger users which have submitted their sitemap are suffering from seeing "26 URLs submitted". Follow the method below to Submit all URLs your site contains.

• Go to Google Webmaster Tools
• Sign in to your account, Select the blog whose sitemap you want to submit
• Click on the "Sitemaps"

• Click the "Add/Test Sitemap" button at the top right corner
• A small box appears there. Put the following code in the field

atom.xml?redirect=false&start-index=1&max-results=500

• Finally Click on "Submit Sitemap"
• Refresh the page and get excited to see your upto 500 URLs submitted.

Note: If your blogger blog has more than 500 posts, then you need to submit another sitemap, but with a little change in code. See the example carefully below to understand the change.

atom.xml?redirect=false&start-index=501&max-results=1000

Don't forget to share it your friends too, so they can also able to submit their sitemaps. And if you have an question you can ask in the comment below. Happy Blogging! 

Create Custom 404 Error Page For Blogger

A 404 error page is shown when user clicked on a broken link or try to navigate to a link manually. either the post has been deleted or have a typo mistake in the URL. It is good for our blog SEO to provide a good response in our 404 error page, and fortunately blogger is allowing us to have a custom 404 error page.

You can have two options for 404 error page, one is redirect the broken link page automatically to your blog Home page or other is showing them a sweet message on 404 error page.

1. How to Redirect 404 error page automatically to Home page

• Navigate to Blogger Dashboard
• Click on a blog
• Go to "Setting" tab, and then go to "Search Preferences" tab
• Under Errors and redirections, In Custom page not Found, Click "Edit"
• Paste the below code

Sorry, the page you were looking for in this blog does not exist. You will be redirected to homepage shortly.

<script type = "text/javascript">

BSPNF_redirect = setTimeout(function() {

location.pathname= "http://bloggergiant.blogspot.com/"

}, 5000);

</script>

• Note: Change the http://bloggergiant.blogspot.com to your blog Home page, and you can set 5000 to 0 to redirect immediately
• In last click "Save Changes" 

2. How to create a custom 404 Error page with a sweet message

• Navigate to Blogger Dashboard
• Click on a blog
• Go to "Setting" tab, and then go to "Search Preferences" tab
• Under Errors and redirections, In Custom page not Found, Click "Edit"
• Paste the below code

<font size='5'>Page Not Found!</font><br /><br />

 <img alt="404 Error page" border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiQ-c1QGmj3RKl2PDjlSOR6f1l8JYvlYV3c2WJI9m8LqSihCaMiiZwYz97vbXfZzTy0-ehJT7jsznwiNSROa9TedLmv3tvhZSP5diFHsa9YUgzb2V_oSuNZATmdyqbXIfWLCmPGyRrafg/s400/404_error_page.jpg" title="" width="400" /><br /><br />

<strong>Oops ! Looks like you either clicked a broken link or a Page that does not more exits </strong>

 <br /><br />

<b><u>Other things to try:- </u></b><br /><br />

Go to our<a href="/">Home Page</a>, or use menus or links to navigate to our blog.<br /><br />

Report the Problem to us by <a href='mailto:bloggergiant@gmail.com'>Clicking Here</a>

• Note: Change the bloggergiant@gmail.com to your email.
• Now Click on "Save Changes".
• Live Demo

If you have any query, you can ask in the comments below. Thanks

Recommended For You Widget For Blogger

AddThis made this very easy for us to add "Recommended For You" widget for Blogger, because it released with AddThis Smart Layers and we already shared the method to implement Smart layers to your site or blog. To view the demo go to down and in the right corner you will see what is recommended for you.

The purpose of writing this post is that Smart Layers load at home page on blogger that is what we don't want to Recommended for you widget to load, so follow the steps below to add "Recommended for you" widget to post only.

• First of all go to AddThis Smart Layers
• put "ON" What's next and make sure all other are "OFF"
• then click on "Generate Code"
• then copy the code. And paste in below code

<b:if cond='data:blog.pageType == &quot;item&quot;'>PASTE YOUR CODE HERE</b:if>

• Now go to Blogger Dashboard
• Click on the blog in which you want to add this widget
• then go to template tab and click on "Edit HTML"
• now search for the following code

<body

•  Now put the above code just below the body tag in your blogger template.
• You have made it.

If you have any query you can ask in comments below, it will be our pleasure to help you out. Thanks 

AddThis Introduces New Smart Layers

First of all let me share you some information about AddThis, AddThis is a web's largest social infrastructure and analytics platform, they are working for publishers to personalize and socialize their sites or blogs since 2006. They are making good improvements to their tools, APIs and service to make it powerful and easy to use for advertisers, publishers and brands.In worldwide almost 14 million sites are using AddThis social plugins and analytics.

Now let's come to the point that is AddThis has recently introduces "Smart Layers: Personalizing The Web" They are ensuring us that be using their new product AddThis Smart layers we can drive up to 3x traffic, site engagement and followers. AddThis Smart Layers are multiple tools in one piece of code with personalized features, mobile ready and easy to install that shows the smartness of Smart layers. AddThis Smart Layers includes Share, Follow, Recommended content and What's Next.

Now how to get these smart features to your site or blog, It is an easy task to get the AddThis Smart Layers, follow the steps below:

• Go to AddThis Smart Layers
• Put your social media profiles URLs of Facebook, Twitter, LinkedIn, Google+ and etc
• And Click on "Generate Code" 
• By giving your email address, you can get free analytics reporting on your site's Smart Layers
• Copy the code and paste it in Body tag of your site or blog
• and Enjoy

If you have any query you can ask in the comment below.