:: Sponsored By ::

Add Column To Blogger Footer

Posted on March 13, 2010 by Purpleroses

Add Column To Blogger Footer

 Biasanya default kita ada horizontal Add a gadget element.

Kita boleh tambah 3 lagi column dan biarkan column yang sedia ada tu kat bawah.



Kelebihan dia:
- Anda boleh letak banyak wigdet.
- Anda boleh susun wigdet yang ada ikut suka anda.
- Anda punye main content area will load faster if u place your biggest wigdet in the bottom.


Mula-mula, Check Expand Wigdet (supaya boleh nampak semua code). 
LAYOUT > EDIT HTML, and search 
]]></b:skin>
</head>
 
 Dan kemudian paste Code ini di bawahnya.
#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: 31%;
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;
}
Kemudian cari (Ctrl+f) <b:section class='footer' id='footer'/>
 DELETE IT, and replace with 

0 Responses to "Add Column To Blogger Footer":

 

This Template is Brought to you by : AllBlogTools.com blogger templates

Blogger Templates