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'/> </b:if>
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"> <ul> <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> </ul> </div>
NOTE :
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=='search site'){this.value=''};" onblur="if(this.value==''){this.value='search site'};" value="" /> </form> </div>
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&fg=202931&anim=1" height="26" width="75" style="border:0" alt="" /></a> </div> <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 == 'Enter email address here') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter email address here';}" /><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> </div> </div>
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.
License:
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:
http://creativecommons.org/licenses/by/3.0/
it's very nice template....
Did you designed this template Lasantha ? It's really cool.
Hello!
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
waw this's great Template, i like it ^_^
nice i like it! how do i add recent post and recent comment at the bottom?
@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&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&num=10" type="text/javascript"></script>
Remember to replace YOURBLOG with your real blog name.
Excellent template.thanks Lasantha.
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.
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.
wow i like this...let me try this.....
thank you so much 🙂
Join community Box we add manually? No icon appears
@vishal goyal
Yes,it must add manually.Use the code in the zip file.
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
@tchock
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('.post h3,.rmlink,.postdetails,h1,.footercolumns h2,.sidebar h2,.commenttop,#header .description,.fcredit,.footercolumns2 h2,');
</script>
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('.rmlink,.postdetails,h1,.footercolumns h2,.sidebar h2,.commenttop,#header .description,.fcredit,.footercolumns2 h2,');
</script>
it's very nice, really i got much more amazing templates on your site thanks for sharing all this good work
Best Mobile Phones
@Blogger Tips And Tricks|Latest Tips For Bloggers
Thanks for ya help sir
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.
http://math.opan.web.id/2009/12/alat-peraga-matematika-nilai-kebenaran_18.html
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
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.
Thanks for Pure Magazine V1 Bro :D,
how to i edit the tabs
great template
this is my blog
http://marvelous-stuff.blogspot.com/
Hi, nice template!
How do i add popular post? tq
hy , please help me to change 4 colums footer in 3 colums
Waiting For v2
i like your design of template blogspot..very nice..good luck
nice template! like this post thanks.