Showing posts with label blogger templates. Show all posts
Showing posts with label blogger templates. Show all posts

Game Maniac Blogger Template

Game Maniac is a free premium blogger template with 3 columns, sidebar on the right and left, rounded corners, exclusive design for Blogger and posts thumbnails.
Excellent layout for blogs about games.

Template Details

Template Name : Game Maniac Blogger Template
Template Author : Biyan Pasau
Designer : http://www.dzignine.com

Adding a Banner to Minima Template

In my previous post I showed you how to add a banner to the Thisaway blogger template. Now lets look at how to add a banner to the Minima Blogger template. To add a banner to the Minima template is much easier to do than the Thisaway template because it doesn’t require that you add anything to the CSS. The ideal location for a banner on the Minima template is directly beneath the header. To add a banner directly under the header simply

Step 1 : login to your blogger account and click on the layout tab. Then select edit HTML

Step 2 : Scroll down to the end of your HTML code and locate the script <div id=’content-wrapper’>.

Step 3 : paste your banner code directly under <div id=’content-wrapper’>.

Step 4 : Click save template and your done.

You will notice in my example that I have provided that I place the banner code inside <center></center>. List will align the banner in the center of the page, and give you the ideal placement of your banner.

Good Luck

Adding a Banner to your Blogger

In this demonstration I am going to show you very easily how to add a 468 x 60 to the header of your blogger account. For this demonstration I will be using the theme Thisaway. To add a 468 x 60 banner to your blogger requires that we place three pieces of code inside your Blogger template.

Step 1: Once you have logged into your blogger account go to the layout tab and select edit html.

Step 2: The first piece of could that we need to enter into our template is a
inside our CSS. Now if you’re not familiar with programming don’t worry about it, just simple copy the code below.

#banner_468_60 {

float: right;

width: 468px;

height: 60px;

position: relative;

text-align: center;

padding-top: 2px;

padding-bottom: 2px;

padding-left: 2px;

padding-right: 2px;

}

Now you can place this piece of code anywhere within the CSS for the layout.

Step 3: Once we have defined the CSS for our banner now were are ready to place the
inside our template. Now you are going to want to place the
code wherever you are going to want your banners to show up at. For this demonstration we are going to place it inside the header. Simply copy the code before and place into your Blogger template. Since we are wanting our banner to show up in the header we must placed our code right below
, which you will find inside your template.

Placed Banner Code inside

If you have done everything right you should be able to view your blogger and see you banner ad displayed in your banner.

Now to adjust the alignment of your banner simply go back to where you enter the CSS for the Banner and change the padding until you find the alignment that you like.

Note this particular code only works with the Thisaway template. Over the next week or so I will place the steps to adding a banner to other blogger templates so check back.

Tron Legacy

Template Works with the Latest version of Blogger!



For help regarding Using the template click here...

Inception (2010)

Template Works with the Latest version of Blogger!



For help regarding Using the template click here...

Florascent

Template Works with the Latest version of Blogger!


For help regarding Using the template click here...

Field of Dreams

Template Works with the Latest version of Blogger!

Download

For help regarding Using the template click here...

Grunge London


Procedure:
1) Download the template from the link above.
2) Sign in to blogger.com.
3) Go to Design => Edit Template.
4) Download full template, so that in future you will be able to restore your old template.
5) Expand Template Widget.
6) Clear the whole template codes area and then copy the all the codes from the download link there..
7) then save template..
and you are done.... :))
Please comment if you like...


DFire



Procedure:
1) Download the template from the link above.
2) Sign in to blogger.com.
3) Go to Design => Edit Template.
4) Download full template, so that in future you will be able to restore your old template.
5) Expand Template Widget.
6) Clear the whole template codes area and then copy the all the codes from the download link there..
7) then save template..
and you are done.... :))
Please comment if you like...


Anime Shows


Procedure:
1) Download the template from the link above.
2) Sign in to blogger.com.
3) Go to Design => Edit Template.
4) Download full template, so that in future you will be able to restore your old template.
5) Expand Template Widget.
6) Clear the whole template codes area and then copy the all the codes from the download link there..
7) then save template..
and you are done.... :))
Please comment if you like...


Highlight Author's Comment in Blogger


This is a nice way to make your ( author's ) Comment different from all other comment that your readers left. Its is a very Interesting and useful Blogger tip..



1. Login to blogger, then choose "Layout --> Edit HTML". Don't forget to backup your template first.
2. Check the "Expand Widget Templates" box.
3. Copy this script and put it before ]]></b:skin> or copy to your CSS area.
.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Posotion*/
}

4. Then find this code:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>


<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>


5. The orange color text is the code that you have to add to your script. The position must be right.
6. And then save your template


More about blogger tips

Adding a Shout Box to your Blog

Hi friends how r u ?
I want to show you a good tip for making your blog very good for your readers.
By Adding a "Shout Box".
When someone read your blog and they want to communicate with you then it is a great way to put a shout box to your Blog.......
With this shout box you will know your reader and you can communicate with them.
I may provide you some links for the Shout Box for free
www.shoutmix.com
www.oggix.com
www.freeshoutbox.net
www.freeshoutbox.net
join one of them and get your shout box....

Aha you can also search for a free shout box from google.
by simply googling about it

Please leave a comment if you like this post or subscribe to this blog via RSS or Email.

30+ great resources of blogger Templates (Make your blog Great looking)

After making blog in blogger.com if you dont like the templates that blogger do have, then i may provide you 30+ great resources of blogger Templates .

5ColumnTemplate.Blogspot.com - This site only offers one template with five variations, but it isn’t every day you see a five column theme for any blogging platform, and it is actually pretty clean in presentation.

AllBlogTools.com - A collection of over 100 templates from an assortment of a lot of smaller designers. You can look them up by layout, color, subject matter and so on.

Blogger-Templates.Blogspot.com - Keeps a small selection of top-notch Blogger themes up and running.

Blogger-Templates.Deceblog.net - A small selection of unique themes for Blogger accounts.

Blogger-Templates-Directory.Blogspot.com - A large directory of Blogger templates, links to resources for further development and a whole lot more.

BloggerTemplates.org - Doesn’t seem to have been updated since it originally launched, but all of the templates still work, and have a lot of resemblance to WordPress themes.

BlogspotTemplates.Blogspot.com - Several pages of Blogger templates with tips on how to use them.

BlogspotTemplate.com - Right around 100 templates for Blogger of varying styles and colors.

BlogTemplates.Noipo.org - A small selection of graphical and text based templates for your blog.

BTemplates.com - Features a wide assortment of over 600 free Blogger templates that can be browsed by category, tag, number of downloads and so on.

Carl Galloway’s Blogger Templates - A small selection of some fairly unique templates that haven’t been updated in some time, but are still fully functional.

FinalSense.com - Offers over 300 templates for your Blogger account. Have just about every theme and color combination that you can think of.

FreeBlogger-Templates.Blogspot.com - Focuses heavily on simplified Blogger templates that make for the easiest reading possible.

FreeTemplates.Blogspot.coms - A blog dedicated to bringing you nothing but free Blogger templates. Nicely categorized, and easy to browse.

FreshBloggerTemplates.Blogspot.com - It has been a while since this site released any new templates, but their designs are very clean and still in working order.


Gecko & Fly Blogger Templates - Offers many Blogger templates, most of which are in a more “classic” style, as well as tutorials on how to tweak your blog even further.

GoSuBlogger.com - A large selection of free templates that mix original work with converted WordPress themes.

Isnaini.com - A large and varied collection of templates for use on Blogger, along with a detailed tutorial on how to properly insert them into your account.

JackBook.com - Besides offering a large selection of free templates, with a heavy saturation of video game inspired themes, JackBook also offers tips and pointers on better SEO for your blog.

OurBlogTemplates.com - An odd mix of nearly 200 free templates for you to use and with a dash of reviews of DSLR cameras.

PannaSmontana Templates - Numerous free templates for Blogger, but the site is entirely in Italian. Thankfully it is well designed and you can find your way around.

Public-Template.Blogspot.com - Features a mixture of free templates for you to download, tutorials on how to make your own, and admiration for templates they enjoy.

Simple-Blogskins.Blogspot.com - Offers a handful of free skins for your Blogger account.

Template-Godown.com - A site specializing in converting WordPress themes to the Blogger friendly XML format.

WP-Themes.us - Yes, the name points to them being all about WordPress themes, but they also provide a nice selection of free templates for Blogger.

Yanku-Template.Blogspot.com - Offers some very slick looking, free, Blogger templates of the 2 and 3-column varieties.

Premium Templates:

ChicSassyDesigns.Blogspot.com - Offers up pre-built templates you can buy, will design unique themes and offers background images for sale that you can build your own template around.

PaperbackDesigns.Blogspot.com - Offers free themes and sidebar badges in addition to doing custom designed templates for a fee.

SuckMyLolly.com - A mixture of free and premium themes for your Blogger account. Very colorful in design and lacking the traditional Blogger look.

Tips for Making own Template Design:

Firdamatic Template Generator - Allows you to generate 2 or 3-column templates by just filling in the blanks with your answers.

PsycHorm.org - A nicely implemented free Blogger template generator.

PhotoshopSupport.com - Tips for designing your own Blogger template, using Photoshop.

If you have any Question or any problem you can ask me i would love to help...
Please leave a comment if you like this post or subscribe to this blog via RSS or Email.
Thanks