Futebol Blogger Template

Demo Download Template name : Futebol Template type : 1 Sidebar, 3 Column, Fixed width, Green, Left Sidebar, Rounded corners, Top Navigation Bar, White Release date : 09-01-09 Coder/Designer Name(s) : http://templatesparanovoblogger.blogspot.com Coder/Designer URL(s) : http://templatesparanovoblogger.blogspot.com Basic Instructions : How to install a Blogger template Advanced Details : http://templatesparanovoblogger.blogspot.com/2009/09/template-futebol.html

Zin Folio Professional Blogger Template

Demo Download Template name : Zin Folio Professional Template type : 3 Column, Adapted from Wordpress, Blue, Featured Section, Header Banner, Magazine, Premium, Right Sidebar, Slider Release date : 08-26-09 Coder/Designer Name(s) : Cahaya Biru / Jinsona Design Coder/Designer URL(s) : http://www.CahayaBiru.com http://web2feel.com Basic Instructions : How to install a Blogger template Advanced Details : http://www.cahayabiru.com/2009/08/zin-folio-full-versions_30.html

Google Friend Connect Not Displaying : Problem Fixed

More my template users told me their Google Friend Connect gadgets are not displaying correctly.So I tried to fix this problem and finally I found the solution for this.If your Google Friend Connect gadget is not displaying, then follow the simple steps given below:

Login to your Blogger dashboard --> Design --> Edit HTML.

Scroll down to where you see the </head> tag of your template.

Now copy below code and paste it just before the </head> tag.

<script type='text/javascript'>
//<![CDATA[

JSON.extend({
parse: function(string) {
return JSON.decode(string);
},
stringify: function(obj) {
return JSON.encode(obj);
}
});

//]]>
</script>

Save your template and you are done.

When your problem is fixed, please don't forget to leave a comment.

How To Remove Auto Read More Feature

In this tutorial I am going to explain how to remove "Auto Read More feature with Thumbnail".This method will not work with every blogger template.But this tutorial will help you to remove auto read more feature from many template you can download from here.

Before doing this change,I highly recommend to backup your blogger template first.



Login to your Blogger Dashboard --> Design --> Edit HTML.

Click on "Expand Widget Templates".

Now find below code in your template.(code can be change bit,according to your template.)

<p><script type='text/javascript'>
summary_noimg = 800;
summary_img = 650;
img_thumb_height = 150;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
 s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx =  s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<div><a expr:href='data:post.url'>Read more &#187;</a></div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></p>

Now replace it with below code:

<p><data:post.body/></p>

Save your template.

How To Configure a Navigation Menu

In this tutorial,I am going to explain how to configure a navigation menu of a template.This tutorial Not Only for below navigation menu configuration,But Also this will helpful to configure any CSS navigation menu.

For example lets look at how to configure below navigation menu.



Login to your Blogger Dashboard --> Design --> Edit HTML.

Find the word "Advertise".(using Ctrl+F keys)

You can see like this code:



Change the name "Advertise" if you want.In this example I do not change the name "Advertise",Because I have a advertise URL.

Replace "#" mark with the URL you want to go when click on the name "Advertise".

My Advertising URL is "http://buysellads.com/buy/detail/24170"

So I replace "#" mark with the my Advertising URL.After doing this it will look like this:



Now I have configured "Advertise" link of above navigation menu.Other links (Contact,Support,About) configurations are also same to this method.So you can configure all navigation links very easily.

Look at the example below:



Note : You do not need to change "Home" URL,because it is automatically linked to your homepage.

After doing this changes save your template.

I think this easy tutorial will helpful for you.

Zinmag Chronicle Blogger Template

Demo Download Template name : Zinmag Chronicle Template type : 2 Sidebar, 3 Column, Adapted from Wordpress, Fixed width, Magazine, Premium, Right Sidebar, Top Navigation Bar Release date : 08-26-09 Coder/Designer Name(s) : Cahaya Biru / Jinsona Design Coder/Designer URL(s) : http://www.CahayaBiru.com http://web2feel.com Basic Instructions : How to install a Blogger template Advanced Details : http://www.cahayabiru.com/2009/09/zinmag-chronicle-blogger-template.html

Zitizen Professional Blogger Template

Demo Download Template name : Zitizen Professional Template type : 2 Sidebar, 3 Column, 4 Column, Adapted from Wordpress, Featured Section, Fixed width, Magazine, Premium, Red, Right Sidebar, Slider, Top Navigation Bar Release date : 07-23-09 Coder/Designer Name(s) : Cahaya Biru / Jinsona Design Coder/Designer URL(s) : http://www.CahayaBiru.com http://web2feel.com Basic Instructions : How to install a Blogger template Advanced Details : http://www.cahayabiru.com/2009/07/zitizen-full-versions.html

Zinmag Futura Blogger Template

Demo Download Template name : Zinmag Futura Template type : 2 Sidebar, 3 Column, Brown, Featured Section, Fixed width, Magazine, Premium, Right Sidebar, Rounded corners, Slider, Top Navigation Bar Release date : 02-05-09 Coder/Designer Name(s) : Cahaya Biru / Jinsona Design Coder/Designer URL(s) : http://www.CahayaBiru.com http://web2feel.com Basic Instructions : How to install a Blogger template Advanced Details : http://www.cahayabiru.com/2009/02/blogger-template-zinmag-futura.html

Zinmag Primus Blogger Template

Demo Download Template name : Zinmag Primus Template type : 2 Column, Adapted from Wordpress, Black, Elegant, Featured Section, Fixed width, Header Banner, Magazine, Premium, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Web 2.0, White Release date : 01-21-09 Coder/Designer Name(s) : FalconHive.com / Jinsona Design Coder/Designer URL(s) : http://www.falconhive.com http://web2feel.com Basic Instructions : How to install a Blogger template Advanced Details : http://www.bloggerstyles.com/zinmag-primus-blogger-template/

Digital Statement Blogger Template

Demo Download Template name : Digital Statement Template type : 2 Sidebar, 3 Column, Adapted from Wordpress, Featured Section, Fixed width, Magazine, Premium, Right Sidebar, Tabbed widget, Top Navigation Bar Release date : No data Coder/Designer Name(s) : Rajeel KP / Blog Oh Blog Coder/Designer URL(s) : http://rajeelkp.blogspot.com/ http://blogohblog.com/ Basic Instructions : How to install a Blogger template Advanced Details : http://rajeelkp.blogspot.com/2009/04/digital-statement-blogger-template-free.html

Gamezine white Blogger Template

Demo Download Template name : Gamezine white Template type : 2 Sidebar, 3 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Magazine, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, White Release date : 01-29-09 Coder/Designer Name(s) : Cahaya Biru / Jinsona Design Coder/Designer URL(s) : http://www.CahayaBiru.com http://web2feel.com Basic Instructions : How to install a Blogger template Advanced Details : http://www.cahayabiru.com/2009/04/gamezine-white.html

Gamezine Blogger Template

Demo Download Template name : Gamezine Template type : 2 Sidebar, 3 Column, Adapted from Wordpress, Blue, Elegant, Featured Section, Fixed width, Magazine, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar Release date : 01-29-09 Coder/Designer Name(s) : Cahaya Biru / Jinsona Design Coder/Designer URL(s) : http://www.CahayaBiru.com http://web2feel.com Basic Instructions : How to install a Blogger template Advanced Details : http://www.cahayabiru.com/2009/02/blogger-template-gamezine-cahaya.html

Mahusay Blogger Template

Demo Download Template name : Mahusay Template type : 1 Sidebar, 2 Column, Adapted from Wordpress, Brown, Elegant, Featured Section, Fixed width, Grey, Header Banner, Magazine, Premium, Right Sidebar, Top Navigation Bar, White Release date : 07-07-09 Coder/Designer Name(s) : Free Blogger Template / Paddsolutions Coder/Designer URL(s) : http://www.freebloggertemplate.info http://www.Paddsolutions.com Basic Instructions : How to install a Blogger template Advanced Details : http://www.freebloggertemplate.info/2009/07/mahusay-free-premium-blogger-template.html

Zinmag Remedy v103 Blogger Template

Demo Download Template name : Zinmag Remedy Template type : 1 Sidebar, 2 Column, Adapted from Wordpress, Black, Blue, Featured Section, Fixed width, Grey, Magazine, Premium, Right Sidebar, Tabbed widget, Top Navigation Bar, Web 2.0 Release date : 12-23-08 Coder/Designer Name(s) : FalconHive.com / Jinsona Design Coder/Designer URL(s) : http://www.falconhive.com http://web2feel.com Basic Instructions : How to install a Blogger template Advanced Details : http://www.falconhive.com/2008/12/blogger-template-zinmag-remedy.html

Magasin Tres v100 Blogger Template

Demo Download Template name : Magasin Tres Template type : 2 Sidebar, 3 Column, Adapted from Wordpress, Blue, Elegant, Featured Section, Fixed width, Fresh, Header Banner, Magazine, Premium, Red, Right Sidebar, Top Navigation Bar, White Release date : 06-05-09 Coder/Designer Name(s) : FalconHive.com / Padd IT Solutions Coder/Designer URL(s) : http://www.falconhive.com/ http://www.paddsolutions.com/ Basic Instructions : How to install a Blogger template Advanced Details : http://www.falconhive.com/2009/05/blogger-template-magasin-tres.html

Zinmag Tribune Blogger Template

Demo Download Template name : Zinmag Tribune Template type : 1 Sidebar, 2 Column, 3 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Magazine, Premium, Right Sidebar, Tabbed widget, Top Navigation Bar, White Release date : 02-09-09 Coder/Designer Name(s) : FalconHive.com / Jinsona Design Coder/Designer URL(s) : http://www.falconhive.com http://web2feel.com Basic Instructions : How to install a Blogger template Advanced Details : http://www.falconhive.com/2009/02/zinmag-tribune-blogger-template.html