Title Tags Modification on your Blog

By default on blogger, the display would be BLOG TITLE + POST TITLE. What we are trying to do is to interchange the two, POST TITLE first then followed by the BLOG TITLE in order to increase traffic.

For customize templates, we need to change the tag <data:blog.pageTitle/> to <data:blog.pageName/>
so that the changes will take effect.

Step 1:

Go to Lay out then click edit HTML in your dashboard.

Step 2:

Search the tag <data:blog.pageTitle/>

Step 3:

Replace it with the following code:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>


Click save template.

It's Done. Cheers! It will improve your Traffic.

Read More

Hide your Blogger Navbar

Some bloggers ask on how to delete the navbar on blogger. If fact, it can be done but the downside is it might violet the TOS of blogger. To be safe, it might be best to only hide the navbar rather to delete. Here's a very easy steps:

Step 1:

Login to Blogger

Step 2:

Go to Lay-out then click edit HTML.

Step 3:

Back-up your template. Click "donwload full template". (Very Important)

Step 4:

Find the code below. Just focus on the body {.


body {
background: #8F8E8E;
width: 100%;
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}

Step 5:

Copy the following code above the body {.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Click save template. View your blog for the result. Very Easy.

Cheers! Leave comment.

Read More

How to make a 3 Column Footer

Making your blog footer into 3 columns is very easy in just few minutes. Maybe you wonder how bloggers made such tweak to their blogs. Here's the simple steps to follow:

Step 1:

If you have already added widgets on your footer, temporarily transfer it to the sidebar.

Step 2:

Go to Edit HTML. Check the box "expand widget templates". Press CTRL+F and search the code below:

<div id=’footer-wrap’>
<b:section class=’footer’ id=’footer’/>
</div>

Step 3:

Replace the above code with the following:

<div id=’footer-wrapper-container’>

<div id=’footer1′ style=’width: 32%; float: left; margin:0; text-align: left;’>
<b:section class=’footer-col’ id=’col1′ preferred=’yes’ style=’float:left;’/>
</div>

<div id=’footer2′ style=’width: 32%; float: left; margin:0; text-align: left;’>
<b:section class=’footer-col’ id=’col2′ preferred=’yes’ style=’float:left;’/>
</div>

<div id=’footer3′ style=’width: 32%; float: right; margin:0; text-align: left;’>
<b:section class=’footer-col’ id=’col3′ preferred=’yes’ style=’float:right;’/>
</div>
<div style=’clear:both;’/>
<p>
<hr align=’center’ color=’#c2c2c2′ width=’90%’/></p>
<div id=’footer-bottom’ style=’text-align: center; padding: 10px;’>
<b:section class=’footer’ id=’col-bottom’ preferred=’yes’>
<b:widget id=’Text99′ locked=’false’ title=” type=’Text’/>
</b:section>
</div>
<div style=’clear:both;’/>
</div>

Step 4:

Add style to your footer.

#footer-wrapper-container {
clear:both;
}

.footer-col {
padding: 10px;
}

Cheers! Done. Any questions? Leave comments.


Read More