Free Blogger Templates

BTemplates, the best place for Blogger templates since 2008.

Instant Blogger Template

Instant

Free Download Live Demo

2,904 Downloads.


Mobile screenshot

Instructions

  1. How to install a Blogger template.

About Instant

Instant is a free Blogger template adapted from WordPress with 2 columns, magazine-like layout, right sidebar, ads ready, slider and posts thumbnails.


More Magazine Blogger templates:


Credits

Author: PBTemplates.
Designer: .


15 Questions and comments on Instant

rohit bind 10 January 2011 at 6:06

how to change the size of the template.. ?

↩ Reply
rohit bind 10 January 2011 at 6:22

hwo to change the size of title?

↩ Reply
Claudia 10 January 2011 at 10:56

@rohit bind:

Go to Design/Edit HTML and find the following code:

#header h1{margin:0 5px 0;padding:10px 0 0 0px;font-family:Arial, Helvetica, Sans-serif;font-weight:bold;font-size:48px;text-transform: uppercase;color:#f0eeee;}

Then change the “font-size” value to 48 from a different size.

↩ Reply
Cofee 11 January 2011 at 4:03

hello, just, well, do not use your template but maybe you can help me and my staff and these are very similar.

Well it turns out that I my blogger options Say you want 8 publications per page and on the first page on the homepage bone if they leave at 8 but changed to the second page and only leave 4 and such publications as out on the first page , wanted to see if you can help me so that all pages are 8 publications and publications are not repeated on other pages.

a greeting and I hope you can help me with this doubt.

ha! and sorry for my English.

↩ Reply
Claudia 11 January 2011 at 16:44

@Cofee: You are showing too much content in your blog. Blogger paginates your blog automatically when your homepage is too heavy. The easiest solution is to reduce the size and weight of your pictures and the number of widgets and javascript elements.

↩ Reply
Cofee 15 January 2011 at 3:02

Hello that such good results that I have a template similar to this and wish to change the size of the titles of publications and edit this part

# header h1 {margin: 0 5px 0; padding: 20px 0 0 0px; font-family: Verdana , Arial; font-weight: bold; font-size: 44px; color: # e0ba0b; text-transform: uppercase;}

but nothing happens, if I may say that I can do would be greatly appreciated, Greetings

↩ Reply
Claudia 15 January 2011 at 19:17

@Cofee: You must find the following code:

.post-title{margin:0 0 8px 0;padding:0;color:#21262F;font:bold 22px Arial, Helvetica, Sans-serif;line-height: 28px;text-transform: uppercase;}
↩ Reply
rohit bind 19 January 2011 at 2:51

thanx a lot..!!!@Claudia:

↩ Reply
Alejandra 20 January 2011 at 8:44

Hey!! I love your design. it’s simply fantastic. I’d like to use it buy I need to change the photographs so as to addapt them to the blog I am creating. I’d like to replace them for fotographs of my own. Could you tell me how to do it??? Thanks a lot.

↩ Reply
Claudia 21 January 2011 at 20:23

@Alejandra: Go to Design/Edit HTML and find the following code:


<div class='imageElement'>
<h3>This is featured post 1 title</h3>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.</p>
<a class='open' href='SLIDER-1-URL-HERE' title='This is featured post 1'></a>
<img alt='' class='full' src='https://1.bp.blogspot.com/_rKLBTcXIDJY/TSaOthH2CZI/AAAAAAAAAcI/ymkh41hGUy4/s000/1.jpg'/>
</div>
<div class='imageElement'>
<h3>This is featured post 2 title</h3>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.</p>

<a class='open' href='SLIDER-2-URL-HERE' title='This is featured post 2'></a>
<img alt='' class='full' src='https://2.bp.blogspot.com/_rKLBTcXIDJY/TSaOuO6PdfI/AAAAAAAAAcM/53XfKwvG_tI/s000/2.jpg'/>
</div>
<div class='imageElement'>
<h3>This is featured post 3 title</h3>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.</p>
<a class='open' href='SLIDER-3-URL-HERE' title='This is featured post 3'></a>
<img alt='' class='full' src='https://1.bp.blogspot.com/_rKLBTcXIDJY/TSaOuXKQe0I/AAAAAAAAAcQ/GeMltAYYuuk/s000/3.jpg'/>
</div>
<div class='imageElement'>
<h3>This is featured post 4 title</h3>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.</p>
<a class='open' href='SLIDER-4-URL-HERE' title='This is featured post 4'></a>

<img alt='' class='full' src='https://4.bp.blogspot.com/_rKLBTcXIDJY/TSaOumA48AI/AAAAAAAAAcU/b_Tpy54OHM4/s000/4.jpg'/>
</div>
<div class='imageElement'>
<h3>This is featured post 5 title</h3>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.</p>
<a class='open' href='SLIDER-5-URL-HERE' title='This is featured post 5'></a>
<img alt='' class='full' src='https://3.bp.blogspot.com/_rKLBTcXIDJY/TSaOu9m3HyI/AAAAAAAAAcY/FJgYgGLq50s/s000/5.jpg'/>
</div>

All your images must be 620px × 320px.

↩ Reply
Alejandra 23 January 2011 at 9:14

Thanks a lot Claudia!!! I Love your work!!!

↩ Reply
Alejandra 24 January 2011 at 20:24

Hello Claudia!! Sorry to disturb you again but I’m trying to personalize the blog by adding some widgets and HTML. The problem is that I had decided to add those kinds of arrows that allows you to go to the bottom or to the top of the blog just by clicking on them. This required the introduction of the Scriptaculous and Prototype code into the HTML just above . I have no problems with this, except for the fact that when I checked the blog to see how the arrows work – which worked perfectly fine by the way-, I realized that neither the SLIDER nor the NAV worked properly. They just stopped working. And they didn’t work till I removed the Scriptaculous and Prototype code. Why could this happen? I know that if you are already using JQuery you are likely to have these kinds of problem, but I couldn’t find any JQuery code in this skin. So, again, why does this happen??? It would be a pity because there are a lot of other widgets such as the “arrows” that personalize the blog but required the use of Scriptculous. What can I do?? Thanks a lot.

↩ Reply
Claudia 25 January 2011 at 12:16

@Alejandra: This template uses MooTools, not Jquery, Prototype and Scriptaculous are different javascript libraries and, if you use them, you can cause conclicts. So, if the template uses MooTools, it is better you to use only MooTools scripts.

↩ Reply
Alejandra 25 January 2011 at 18:09

Thanks a lot Claudia!!! I’ll follow your advice.

↩ Reply
Iury 27 January 2011 at 11:41

Hi Claudia. I’m editing the navbar and I wanna know how to reduce the length between the pages, allowing to insert more pages at the navbar. For example, reducing the lenght between Businees and Downloads, Downloads and Parent…
Thanks.

↩ Reply

Leave a Reply to Alejandra Cancel reply

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