TeqnoFire

Saturday, 31 March 2012

Add columns to Blogger Footer: How to Add Three Columns to Blogger Footer Section?

10:42 Nics Patel No comments

The default Blogger template has only one column footer. If you surfing Internet frequently, you will see that many websites and blogs has three column footer. This three column footer is becoming very popular and spreading rapidly in Web 2.0. It's quite easy to implement this type of three column footer in your Blogger template. Moreover, if you do so then you will see some of the good advantages like..

You will get enough valuable space for your widgets.
You can add/replace more gadgets/widgets.
You can rearrange all the gadgets/widgets.
If you place all the biggest gadgets at the footer section, the main content will be loaded faster.
It will also contribute your blog design as the modern Web 2.0.

This page contains information related to add three columns to your Blogger footer section.

Steps to add three columns to Blogger footer section

Follow the following steps to add three column to Blogger footer section:

Step 1: Back-up your existing blog

Before any type of modification of your blog template code, it's very essential to back-up your existing blog template. You may take backup only the template or the widgets (gadgets) only or you may take the complete back-up of your blogger blog. I already discussed the process of back-up in other pages. To know the process of back-up, you may follow the following posts..

Step 2: Remove all widgets (gadgets) from the footer section

Before doing any change of your Blogger template code, go to your blog's layout and just see whether there is any widget to the footer section. If there is any widget (gadget) then please remove them from the footer section. Alternately, you can drag-and-drop all the widgets form the footer section to anywhere (sidebars or below the main blog post etc.) to the template. After removing all the widgets from the footer, follow the following steps.

Step 3: Adding CSS code for the footer section

This section of code will be the definition of your blog's footer column. All these are used for all the columns design. In this page, I just mentioned the code of the footer columns. You may customize according to your wish by using several colors, lines etc. All these will be discussed in the next tutorial.
Now, go to your template code section.
Before adding CSS code to your blog footer, first find the following two lines of code:

You may use Ctrl + F key to find those texts in Firefox. Please, copy the following code and paste the code before the searched texts i.e. the code ]]></b:skin>

]]></b:skin>
</head>
/* 
    Code is developed by:  
        http://www.letstit.blogspot.com 
    Code Description:  
        Codes for adding columns (3 columns) in the blogger footer section
*/
#footer-columns{
    border-top:1px dotted #999999;
    clear:both;
    margin:0 auto;
}
.column1{
    padding: 0px 5px 3px 5px;
    width: 30%;
    float: left;
    margin:3px;
    text-align: left;
}
.column2{
    padding: 0px 5px 3px 5px;
    width: 30%;
    float: left;
    margin:3px 3px 3px 5px;
    text-align: left;
}
.column3{
    padding: 0px 5px 3px 5px;
    width: 30%;
    float: right;
    margin:3px;
    text-align: left;
}
.addwidget {
    padding: 0 0 0 0;
}
#footer-columns ul {
    list-style:none;
    margin:0 0 0;
    padding:0 0 0;
}
#footer-columns li {
    margin:0;
    padding-top:0;
    padding-left:0;
    padding-bottom:.25em;
    padding-right:15px;
    text-indent:-15px;
    line-height:1.5em;
}
body#layout #footer-columns {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
body#layout .column1 {
    width: 32%;
    float: left;
}
body#layout .column2 {
    width: 32%;
    float: left;
}
body#layout .column3 {
    width: 32%;
    float: right;
}

Step 4: Add containers to hold all the footer columns

After adding CSS code, it's time to add the containers for the footer. To add container, first search the following code:

1.<b:section class='footer' id='footer'/>

Select the above line of code from your blog template and delete the entire line from the template code and paste the following lines of code there :

<div id='footer-columns'>
<div class='column1'>
<b:section class='addwidget' id='col1' preferred='yes' style='float:left;'>
</b:section>
</div>
<div class='column2'>
<b:section class='addwidget' id='col2' preferred='yes' style='float:left;'>
</b:section>
</div>
<div class='column3'>
<b:section class='addwidget' id='col3' preferred='yes' style='float:right;'>
</b:section>
</div>
<div style='clear:both;'/>
</div>
<b:section class='footer' id='footer'/>

Step 5: Save the modified template's work

After successfully finishing the above tasks, save the modified code by clicking Save Template button to save the whole modified code. Now, your blog has three columns in the footer section.

Back-up Blogger Blog Completely: How to Back-up Your Blog Completely (Posts + Comments + Gadgets)

10:39 Nics Patel No comments

Blog back-up is required to save and restore your blog contents in the critical moment. This will help you to transfer your blog one domain to another or to replace all the contents to another blog or to make security of the contents of your blog. There are many ways to take back-up of your blog completely. Here, complete back-up means to take back-up of posts, comments and gadgets. This page contains the information related to the steps to take for secure back-up of your blog completely.

Note: This tutorial is for back-up your whole blog. If you wish to back-up only the template design then click here or if you want to wish to take back-up the gadgets only then click here.

Steps to back-up your blog completely (Posts + Comments + Widgets)

There are many ways to back-up your blog completely. Here, only the simplest and easiest method has been described. Follow the following steps to back-up your blog completely.

Step 1: Accessing to the "Settings" of your blog

Type www.blogger.com to your browser and hit Enter key.
Log in to your account by giving your user name and password.
After successful log in, you will redirect to Dashboard.
From the dashboard, find out the blog to which you want to take back-up completely.
After selecting your desired blog, you will see a link named as Settings just below your selected blog. Click on Settings and you will redirect to that blog's setting page.

Step 2: Selecting "Export" to back-up the blog completely

From the Settings page, select Basic.
Under Basic, you will find Blog Tools part. Here you will find a link Export blog. Click on that link.

The back-up which you Export by following the above steps, is an .xml document. It's size is small but it contains all the posts, comments and gadgets of your blog. If you open the file, you will not be able to read the file but when you import to any blog, you will find all the posts, comments and gadgets as before.
Thus you can save your blog completely into your hard drive and if you required you can bring all these back again.
By following the above steps and instructions, you can completely back-up your blog including all the posts, comments and gadgets (widgets).

Back-up Blogger Widgets: How to Back up Your Blogger Widgets

10:33 Nics Patel No comments

A widget is a portable chunk of code which can be installed and executed fully separately on any web page by any end users and no modification is needed to the original source code of the web page. Widgets can also termed as Gadget, Badge, Module, Webjit, Capsule, Snippet, Mini and Flake. Widgets are usually implemented by using JavaScript, DHTML or Adobe Flash. You need to back-up your blog's Gadget. The reason for back-up your blog's widgets or gadgets are the following:

If you want to change your blogger template, then you must have to back-up your blog's gadgets.
If you want to change the platform of your blog, then you also need to save the widgets or gadgets.
If you want to ensure security of your blog's widgets or gadgets, you also need to keep back-up them.

This page contains the detail informtion to back-up your blog's gadgets.

Steps to back-up blogger widgets or gadgets:

There are many ways to back-up blogger widgets or gadgets. All the ways are applicable to take back-up of your blog's gadgets. Here, I only mentioned the easiest way to take back-up of your blog's gadgets. I will describe this method because it's the easies way to take back-up of your blog widgets. Now, to back-up all the widgets, follow the following steps:

Step 1: Accessing blog's layout

Type www.blogger.com on your browser's address bar and log in to your account.
After successful log in, you will reach the Dashboard of your account.
Select the blog which you want to keep back-up of gadgets. When you find the blog, look immediately below that blog and you will find an option Layout. Click on Layout. After accessing of this page, you will see small rectangle boxes. All these are the gadgets of your blog.

Step 2: Code back-up of all gadgets

See there is an option Edit, each of the widget's right-bottom corner. Click on Edit. A pop-up window will be opened and you will find some code there. Copy the code and save them to a notepad file. Name the notepad file as you wish.
In this way, take back-up all of the gadgets and save them in the notepads.
You don't need to take back-up the following gadgets code:

About Me gadget
Followers gadget
Archives gadget
Label gadget

All the above mentioned gadgets are default to your blog and you can't copy the code of those gadgets. As those are by default, those will not be lost ever.

Installing the gadgets (widgets) to a new blog or other blog or other template:

Just copy the code and install to anywhere of your blog. For example, if you just take a back-up of any HTML/JavaScript code, you will add a HTML/JavaScript gadgets and paste the code to that gadgets. In this way, you can add or restore the widgets or gadgets to your new template or other blog.

Back-up Blogger Template Design : How to Back-up Your Blogger Template Design

10:27 Nics Patel No comments

Before making any type of customization (any type of changes in the HTML code) of your blog template, it's a wise decision to back-up the blog template design. This will help you to back your previous blog stage if you don't like the new modification or you have done some mistake at the time of template code modification. You can easily back-up your blog template design. It's very easy and quick process. This page contains the information to back-up your blog's template design only.

Steps to back-up blogger template design

Follow the following steps to back-up blogger template design:

Step 1: Accessing the code of your blog

Log in to your blogger account and then from the Dashboard, select the Layout of the blog which you want to take back-up. Finally, click on the Edit HTML option.

Step 2: Downloading the template design

After finishing the above steps, you will find an option Download Full Template under Backup/Restore section. Click on Download Full Template to back-up your blog's template design and show the location to download the template.

Note:

By following this tutorial, you only can keep a back-up of your blog design only. All the widgets and the posts will not be baced-up by this step.

Airtel free working gprs trick 2012 using ucweb handler

23:53 Nics Patel No comments

Free Airtel Gprs trick march 2012 working with opera mini Handler

Probably m.twitter.com is also block by the airtel. and airtel also block so many handler and VPN trick by which we can get free gprs on our mobile.But you don't have to take tension about that we are regularly posting new working airtel gprs trick by which you can get free internet or gprs on your mobile.This trick is working and 100% tested by my all friends.

Follow This Step.

Step 1: Download Opera mini Handler from here

Step 2: Do following setting in Opera mini Handler

Backquery : ?fb.me/browse.php
Proxytype : Host
Proxyserver : fb.me

Step 3 : Save configuration and Restart Opera mini Handler

Step 4 : wait for few second it will open opera mini, browse and download and enjoy

Step 5 : If you found any query then please comment below.

Vodafone gprs trick 2012 | get 6 GB internet

23:27 Nics Patel No comments

This month is very very precious for free gprs trick seekers. In this month i think we have post almost all service providers tricks.like airtel gprs trick, vodafone gprs trick, docomo gprs trick, idea gprs trick march 2012.This is simple trick you have to just send activation sms to vodafone and you will get free gprs upto 6 GB.

Follow This Step:

Just Type "ACT FB" And Send It To "144"

If this trick is works for you and in your state then repeat this procedure for get more free internet

Write comment below for any inquery.

Airtel Free Gprs trick with Nimbuzz handler | April 2012

23:17 Nics Patel No comments

Airtel is again hacked with new nimbuzz handler.nimbuzz handler is used for social networking sites chat.you use this application to chat your yahoo,google,facebook, aol friends.we have another new latest free airtel gprs trick we are currently posting this.