How do you to Customized Three Column Footer Widget In your Blogger?
At present Blogger is
the most popular to promote you products. So why don't you Customize your blog?
You can do it very easily. Let's try this!
Add
This Three Column Widget Inside Your Blogger Templates Follow
these steps, 1. Go To Blogger >
Layout > Edit HTML 2. Back Up your template 3. Search for ]]></b:skin> 4. Just before ]]></b:skin> paste this CSS code, /* ----- LOWER SECTION -----
*/ #lower { margin:auto; padding: 0px 0px 10px
0px; width: 100%; background:#333434; } #lower-wrapper { margin:auto; padding: 20px 0px
20px 0px; width: 960px; } #lowerbar-wrapper { border:1px solid
#DEDEDE; background:#fff; float: left; margin: 0px 5px
auto; padding-bottom:
20px; width: 32%; text-align:
justify; font-size:100%; 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; color:#0084ce;
text-transform:uppercase; 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; } 5.
Now Search For </body> and just above this code paste
the code below, 6.
Save your template. done! Now visit
the page Layout > Page Elements and start
adding widgets! :>> That?s All! A
tutorial on Four Column Footer widget will be posted soon. Till then
keep playing with this one :> Do let me know if you needed help. Your
questions are more than an honor!
Md Zubair
Ahmed
Post Your Ad Here
Comments