Monday, April 16, 2012

How To Add Widget At Footer On Blogger

If your template does not support the option of adding widgets at the footer what to do.If your blogger blog is big as well you cant change the template either because you already have added codes of related post with thumbnails,parsed adsense codes,powerful meta tag for SEO.It will be very difficult for you to change the template again.But hopefully you don't need to change your template you can add 3 horizontal widget at footer

How To Add Horizontal Widget At Footer In Blogger

Go To Blogger > Design > Edit HTML

For the safety back up your template

Using CTRL+F find the following code

Now paste the following code just before it

/* -----   LOWER SECTION   ----- */
#lower {
padding: 0px 0px 10px 0px;
width: 100%;
#lower-wrapper {
padding: 20px 0px 20px 0px;
width: 960px;


#lowerbar-wrapper {
border:1px solid #DEDEDE;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 32%;
text-align: justify;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;

.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}

.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
font: bold 14px Arial, Tahoma, Verdana;
border-bottom:3px solid #0084ce;

.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;

.lowerbar li {
margin: 0px 0px 2px 0px;
padding: 0px 0px 1px 0px;
border-bottom: 1px dotted #ccc;

Dont save the template now still some works are remaining>

Now search for the following code>

Just above this code paste the following code

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
<div style='clear: both;'/>
</div> </div>

Save the template now visit the Page Elements and you will see options adding widgets


Click Here To add Comment