Pure Magazine V1 Premium Blogger Template

Posted by Lasantha Bandara on August 12th, 2010 File Under : templates28 Comments

This is a magazine style free premium blogger template created by me.It has many advanced features, you can see in a blogger template.I hope you will like it very much.To configure this template read the instructions given below.And also read the instruction inside the downloaded zip file.

Template Features

  • Column: 3 Columns/2 Sidebars/Right Sidebars
  • Fixed Width Template (1000px width)
  • 2 Horizontal Navigation Menus
  • Auto Read More Feature with Thumbnails.
  • 468*60 Header Ads banner
  • 1 CSS Search Box
  • CSS Subscribe Box included
  • JQuery Featured Post Content Slider included
  • 4 Column Footer section
  • Meta tags installed
  • SEO friendly blogger title hack installed to help you rank higher in Google
  • Facebook Like button installed
  • Hosted images on blogger. Free use forever!
  • Favicon support so you can add your own url icon
  • Compressed CSS to speed up your page load times
  • Modified "Older Posts","Home","Newer Posts" Links
  • Automatically highlight author comments
  • Modified Comments Section to Enable Avatars in Blogger Comments
  • More...

Template name : Pure Magazine V1

Template type : 2 Sidebar, 3 Column, 4 Column footer, Elegant, Featured Section, Fixed width, Header Banner, Magazine, Premium, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Web 2.0, White

Release date : 08-12-2010

Coder/Designer Name(s) : Lasantha Bandara

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/

Advanced Details : http://www.premiumbloggertemplates.com/2010/08/pure-magazine-v1-blogger-template.html

Template Layout Structure

4 Column Footer Section

Template Customization

Basic Template Installation:

1.First download the template and unzip the file.

2.Now, sign in to Blogger dashboard and click on the layout.

3.Here is the important step, after uploading any new Blogger template, all of the previous widgets like your google adsense ads,text,profile,poll,etc etc will be lost.
So, to avoid this to happen, in this step click on 'edit' on all the widgets and copy the codes into notepad,etc.

4.Now click on the 'Edit html' tab

5.First of all please Download Full Template.This is to back up your present template.If the new template that you are going to upload makes/gets into some errors or if you make more complex errors in that,then you will loose everthing.So make sure that you back up your template.

6.Just below that,there's an option of uploading new template.So, use the Browse button and upload the downloaded xml file.

7.Now, a message appear saying that your widgets are about to be deleted.Click on the Confirm & Save (no problem doing this because we already copied the widget codes in Step 3).

8.Now click on "confirm and save".Now you successfully installed the template.

8.Click on the 'Page elements' page now and add the codes that you copied in step3 using the 'Add a Page Element' option.

How To Configure Meta Tags

Find this code in your template:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Now Replace,

DESCRIPTION HERE with your site description.
KEYWORDS HERE with your site keywords.

How To Configure First and Second Navigation Bar

Login to your blogger dashboard--> design- -> Edit HTML.Now Scroll down to where you see below code :

<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-X</a>

Now Replace Your-Link-Here,Link-Title,Link-Name-X with your details.

How to Configure Featured Content Slider

Add this code into a HTML/JavaScript box and place it into above "Blog Posts" section:

<div id="slider">
<li><a href="featured post 1 link" title="featured post 1 title"><img src="https://4.bp.blogspot.com/_HJvXUqHmf9Y/TGNvxFzefZI/AAAAAAAAABw/OGokoWT4TK8/s1600/slide1.jpg" /></a></li>
<li><a href="featured post 2 link" title="featured post 2 title" /><img src="https://3.bp.blogspot.com/_HJvXUqHmf9Y/TGNvxbrEfDI/AAAAAAAAAB4/Q2vO-uTOYjA/s1600/slide2.jpg" /></a></li>
<li><a href="featured post 3 link" title="featured post 3 title" /><img src="https://2.bp.blogspot.com/_HJvXUqHmf9Y/TGNvxtuui_I/AAAAAAAAACA/iRB6O7pZLVM/s1600/slide3.jpg" /></a></li>
<li><a href="featured post 4 link" title="featured post 4 title" /><img src="https://2.bp.blogspot.com/_HJvXUqHmf9Y/TGNvyB_w4lI/AAAAAAAAACI/D621j2q_Sg0/s1600/slide4.jpg" /></a></li>
<li><a href="featured post 5 link" title="featured post 5 title"><img src="https://1.bp.blogspot.com/_HJvXUqHmf9Y/TGNvyYWOS3I/AAAAAAAAACQ/bcqZp6I24yw/s1600/slide5.jpg" /></a></li>

Replace "featured post x link"s with your real featured posts links.
Replace image addresses with your real featured posts image addresses.

How To Show Slider only in homepage

Read the instruction inside the downloaded template file.

How to Configure Reply Option of Comments

Find this text in your template : YOUR-BLOG-ID

Now replace it with your real blog ID.

More Details : http://www.bloggertipandtrick.net/2010/06/add-reply-option-to-blogger-comments.html

How to Add Search Box

Add this code into a HTML/JavaScript box:

<div id="search">

<form method="get" id="searchform" action="/search" >

<input id="s" class="rounded" type="text" name="q" onfocus="if(this.value==&#39;search site&#39;){this.value=&#39;&#39;};" onblur="if(this.value==&#39;&#39;){this.value=&#39;search site&#39;};" value="" />



How to Configure subscribe box

Enter Below code into a HTML/JavaScript box to Add Slider to your blog:

<div id="social-widget" class="clearfix">

<div class="rss-com"><a href="http://feeds2.feedburner.com/pbtemplates" title="RSS Feed Subscription"><img src="http://feeds2.feedburner.com/~fc/pbtemplates?bg=FD6D00&amp;fg=202931&amp;anim=1" height="26" width="75" style="border:0" alt="" /></a>


<div class="twitter-com"><a href="http://www.twitter.com/btipandtrick" title="Follow On Twitter"><span><b>Twitter</b></span></a></div>

<div class="fb-com"><a href="http://www.facebook.com/pages/Premium-Blogger-Templates/10150130448820134" title="Facebook">Facebook Page</a></div>

<div class="email-com">Subscribe via Email

<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=pbtemplates', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

<input name="email" type="text" value="Enter email address here" class="textarea" onfocus="if (this.value == &#39;Enter email address here&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter email address here&#39;;}" /><input type="hidden" value="Camelgraph" name="uri" /><input type="hidden" value="Artarius Theme Demo" name="title" /><input type="hidden" name="loc" value="en_US" /><input type="submit" class="emailsubmit" value="Subscribe" /></form>



Remember to Replace,

"pbtemplates" with your feedburner ID.(you can find it 3 times)

"btipandtrick" with your twitter ID.

"http://www.facebook.com/pages/Premium-Blogger-Templates/10150130448820134" with your Facebook URL.

How To Configure Favicon

Login to your blogger dashboard--> Design- -> Edit HTML.Now Scroll down to where you see below code :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Now replace "YOUR-FAVICON-URL" with your Favicon address/url.

Configure "Timestamp Format" Format

Login to your blogger dashboard--> Settings- -> Formatting.Now set your timestamp format as the picture below.

Important !!!:

Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.


This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:

File Under : templates

28 Responses to “Pure Magazine V1 Premium Blogger Template”

  1. Erwin says:

    it's very nice template....

  2. TheNepalTucson says:

    Did you designed this template Lasantha ? It's really cool.

  3. Fábio says:

    congratulations model is excellent, but I have a problem due to language.

    I write in Portuguese (Brazil), which uses accents, like this ã, í, ç, é.

    How do they appear correctly?

    I loved the model and would like to use it in Portuguese

    Thanks in advance

  4. oketrik says:

    waw this's great Template, i like it ^_^

  5. Ken Ng says:

    nice i like it! how do i add recent post and recent comment at the bottom?

  6. Blogger Tips And Tricks|Latest Tips For Bloggers says:

    @Ken Ng

    To add a recent post widget use below code:

    <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.YOURBLOG.blogspot.com%2Ffeeds%2Fposts%2Fdefault&amp;num=10" type="text/javascript"></script>

    Remember to replace YOURBLOG with your blog name.

    To add recent comments,use the code given below:

    <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.YOURBLOG.blogspot.com%2Ffeeds%2Fcomments%2Fdefault&amp;num=10" type="text/javascript"></script>

    Remember to replace YOURBLOG with your real blog name.

  7. Anonymous says:

    Excellent template.thanks Lasantha.

  8. Natalie Perez says:

    I just added this template to my blog and this keeps happening, http://diarievampire.blogspot.com/ see how the white lines are all spread about and also the date is blue I want it purple or white to go with my color theme. And I want the text at the bottom columns to be purple or white and I don't know how to change it.

  9. Corporate Logo Design says:

    looks a nice premium themes for blog thanks for share this nice template design with us with details.
    I like this blog post.
    thanks once again.

  10. wasay says:

    wow i like this...let me try this.....

  11. Anonymous says:

    thank you so much 🙂

  12. vishal goyal says:

    Join community Box we add manually? No icon appears

  13. Blogger Tips And Tricks|Latest Tips For Bloggers says:

    @vishal goyal

    Yes,it must add manually.Use the code in the zip file.

  14. tchock says:

    plz man this is important!
    i'm using this template in a frensh blog and when i write a title of a post it don't show these Characters (é è à) can i fix this problem? please sir these Characters are important in frensh

  15. Blogger Tips And Tricks|Latest Tips For Bloggers says:


    This template is using Cufon to design post header fonts,Sidebar widgets titles,Footer widgets titles,...etc.That is why some characters not shown correctly.You can remove Cufon from the template if you want.To remove cufon follow the instruction below:

    1.Find this code from your template:

    <script type='text/javascript'>
    Cufon.replace(&#39;.post h3,.rmlink,.postdetails,h1,.footercolumns h2,.sidebar h2,.commenttop,#header .description,.fcredit,.footercolumns2 h2,&#39;);

    2.Now remove and save your template.

    Note: But if you want to remove cufon only from your blog post titles,then replace above code with below code:

    <script type='text/javascript'>
    Cufon.replace(&#39;.rmlink,.postdetails,h1,.footercolumns h2,.sidebar h2,.commenttop,#header .description,.fcredit,.footercolumns2 h2,&#39;);

  16. Best Mobiles View says:

    it's very nice, really i got much more amazing templates on your site thanks for sharing all this good work

    Best Mobile Phones

  17. Sopandi Ahmad says:

    I Use this template on my blog, http://math.opan.web.id. I have some problem. The numbering format not appear on blog post. Please help me to fix it. Here is example blog post that use numbering.

  18. Jayson Valencia says:

    The "Show Share Buttons" in the blog posts section is not showing, as well as the ads after each article. Kindly help me Lasantha...

    Please mail me at jaysonthegreat@gmail.com

  19. shazad says:

    The blog provides helpful information regarding the topic and it also gives a vast knowledge as well which helps us in our studies and in practical life.

  20. anakmedan.info says:

    Thanks for Pure Magazine V1 Bro :D,

  21. Karijon says:

    how to i edit the tabs

  22. molto says:

    great template
    this is my blog

  23. 360exodus says:

    Hi, nice template!

    How do i add popular post? tq

  24. bensap says:

    hy , please help me to change 4 colums footer in 3 colums

  25. Waryam says:

    Waiting For v2

  26. kowandy says:

    i like your design of template blogspot..very nice..good luck

  27. classified ad submission service says:

    nice template! like this post thanks.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.