Customize Blogger

Add read more to blogger

noreply@blogger.com (BlogMaster) — Thu, 04 Nov 2010 08:22:00 +0000

Read more blogger shortens your post view in order to read more from that post visitor have to click on that button on your post. This is a simple process no need to edit your template and waste your time. Give more time to write than to design.

Here are some steps that you need to follow
⇒Sign into blogger dashboard
⇒Click on Settings
⇒Scroll down the page to the last

⇒Select post editor as Updated editor which is recommended
⇒Now make a new post and write the post
⇒Insert Jump break this will add read more to blogger post

Add Numbere page navigation below posts

noreply@blogger.com (BlogMaster) — Wed, 27 Oct 2010 14:17:00 +0000

Number page navigation bar is a widget that lets you to move among blogspot posts. If you have so many posts on your blog it will help visitors to see them easily than viewing a long page.

Number page navigation is a smart widget that also works on blogspot blogs. Putting all the posts on a single page teases the visitors. Or scrolling a long page to see all the posts is a tedious job.

Customize your blog with numbered navigation bar that makes visitors to see all the posts, number of posts, and jump to the number of post they want. This is an example of numbered post navigation. It is working on this blog www.tanhaarzoo.blogspot.com.

Adding or installing this widget to your blog takes following steps. Requirement for this widget is that your blog should have number of posts. More than 5 posts. This widget only show navigation for blog posts not for blog pages.

⇒ Go to Design → Edit Html.
⇒ Press and to find the this code or ending tag of template skin "]]></b:skin>"
⇒ Replace this code with the below code.

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
]]></b:skin>

The above was the CSS part of the numbered widget now we will add a widget to the body section of template that will display the making of gadget on the page. We want widget to be displayed below the post in the end of the page so we will add the code in the end of the body for widget to be displayed.

⇒ Press & to find the end tag of body i-e; </body> for placing widget.
⇒ Replace </body> with the below widget code.

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>
</body>

You can change Next and Previous values to your own choice. Similarly you can also add a symbol given below

Code	Symbol
&lArr	⇐
&rArr	⇒
&larr	←
&rarr	→

The widget is added to your blog, just you need t set border and background values of buttons and hover effect. This will be done by adding a "html/javascript" page aliment to Design layout.
⇒ Go to Design → Page Element
⇒ Click to Add a widget
⇒ Select "html/javascript"
⇒ Past the below code in it and Click Save

Note:
You also have to change some settings of your post
this is done by following steps
⇒ Click on Design → Page element
⇒ Click on Edit option of Blog Posts
⇒ Make setting as in below Picture

Also add Read More to blog post:

Free Blogger Blogspot Templates

noreply@blogger.com (BlogMaster) — Tue, 26 Oct 2010 11:40:00 +0000

How to install a template:

? Download the file (template of your choice)
? Unzip the file and extract .xml file from zip
? Go to Design?Edit html?Click on Brows Files
? Select the extracted .xml file and click open
? Click on Upload File
? Save Template
? Select "keep widgets" or "Delete Widgets" what ever you want

Facebook-Lover.

Following templates are available:
Facebook lover---Green-tweet---Amoeba---Anillas-o2---Be-aGourmet---Black-Sapphire---Blogpress---Blogger-tube---Blod-life-btemplate---Books2---Bulletin-Board---Choco-theme---Club-red---Complicated-Girl---Culinary---Cumulus---Cutepinky---Design-pile-Pink---Dj-in-th-house---Dock-Dock---Early-morning---Echo-History---Emprrors---FemaleZineFlambeau---Foodiary---Framed---Futebol---Gallery---Girl-in-Circles---Gravity---GreenMag---Grunge-Girl---Hanging2---Home-carpenter---Hybrid-Gallery---Impress---

Free blogger templates available to download and install to your blogspot blog. customize your blogger blog with 2 column and 3 column Blogger templates to make it cool looking. These are top 100 blogger layouts that i find best for your blogspot blog. These layouts have well designed backgrounds and color theme which totally changes your Blog to a professional looking blog. 3 column blogger templates have 3 column layouts for widgets on either side. Right and left layouts. 2 column templates or themes are also well designed that fits to your blogspot blog and make it cool.

These awesome blogger templates can easily be customized and edited. Customize them according to your need. If you know xml or html then you can easily customize these free downloaded templates.

Blogger themes are really nice looking having good looking backgrounds,backgrounds that attract the visitors. Annoying backgrounds see off traffic,and these are top 100 that i found best among all for every new blogger. these themes are easily be customize.

Green-Tweet.

Amoeba

Anillas-02.

Be-a-Gourmet.

Black-Sapphire.

Bloggerpress.

BloggerTube.

Bold-life-btemplates.

Books2.

Bulletin-Board.

Choco-Theme.

Club-Red.

Complicated-Girl.

Culinary.

Cumulus.

Cutepinky.

DesignPile-Pink.

DJ-in-the-House.

Dock-Dock.

Early-Morning.

Echo-History.

Emperors.

FemaleZine.

Flambeau.

Food-and-Cooking.

Foodiary.

Framed.

Futebol.

Gallery.

Girl-in-circles.

Gravity.

GreenMag.

Grunge-Girl.

Hanging2.

Home-Carpenter.

Hybrid-Gallery.

Impress.

Remove Blogger Navbar with template designer

noreply@blogger.com (BlogMaster) — Mon, 25 Oct 2010 10:02:00 +0000

Remove navbar of your blog very easily without editing blogspot template, using template designer. Get rig of navbar that teases you and lets some of visitors to go to next blog or looks bad. Removing navbar of blogger does not creates any problem. so don't worry and don't think that it will make some problem for you. The command that hides navbar in "Visibility:hidden" and "Display:none"

The attribute that tells about navbar is "#navbar"
how to remove navbar follow the following easy steps
⇒ Sign in to your Blogger account and click on Design
⇒ Click on Template Designer

Template Designer will take your blog to it .
⇒Now click on Advanced button on left side of the screen

After that the whole designer of font colors and background etc will open. Scroll it down and click on the last option "Add CSS"
⇒ Click on Add CSS and add the code
Code:

#navbar{

visibility:hidden;

display:none;

}

Click on Apply template on the top of the screen and see.
Template Designer will also show you in Preview below the designer screen