cara Menambah 3 Kolom widget pada Footer

Posted by Azis Grafis on 10/9/11

Pada saat kita memilih template yang sesuai dengan blog kita terkadang ada saja yang terasa kurang salah satunya mungkin tidak adanya kolom footer untuk widget seperti blog ini. Awalnya dari template yang asli tidak tersedia kolom footer untuk ditambahkan widget setelah Klinik Blogger modif sedikit akhirnya berhasil menambah footer 3 kolom . Bagi anda yang malas ganti template atau sudah sreg dengan template sekarang dan ingin menambah footer 3 kolom, tips ini mungkin berguna.



Oke, langsung saja ke tutorialnya:

1. Login ke Blogger.

2. Tata Letak >> Edit HTML

3. Centang Kotak Expand Widget Template.

4. lalu cari kode ]]></b:skin> , dan letakkan kode berikut ini di atas kode ]]></b:skin>


/* -- bottom -- */

#bottom {
width:850px;
clear:both;
margin:0 auto;
float:left;
padding:10px 0;
color:#333;
background:#ffffff;
border-top:#ffffff;
border-bottom:#ffffff;
}

#bottom a:link {
color:#006699;
text-decoration:none;
}

#bottom a:hover {
color:#c06000;
text-decoration:underline;
}

#bottom a:visited {
color:#808080;
text-decoration:none;
}

#bottom h2 {
color:#000000;
padding:10px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #333;
font-size:11px;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
}

#bottom ul {
padding:0;
margin:0;
color:#333;
}

#bottom ul li {
list-style-type:none;
border-bottom:1px dotted #333;
background: url("http://lh3.ggpht.com/_w3vbLlHM5kg/SbaWQmXKL8I/AAAAAAAAAEc/W7TmnpAs0x4/s144/Arrobblue.png") no-repeat 0px .17em; padding-left:17px;
margin-top:2px;
}

#bottom1 {
width:260px;
float:left;
padding-left:15px;
}

#bottom2 {
width:260px;
float:left;
padding:0 20px 0 20px;
}

#bottom3 {
width:260px;
float:right;
padding-right:15px;
}



5. Kemudian cari kode HTML <div id="footer-wrapper"> atau kode yang sejenis. Kemudian copas kode di bawah ini di atas kode tersebut.


<div id='bottom'>
<b:section class='bottom' id='bottom1' preferred='yes'/>
<b:section class='bottom' id='bottom2' preferred='yes'/>
<b:section class='bottom' id='bottom3' preferred='yes'/>
</div>




Jangan lupa di simpan.
Kemudian buka menu tata letak, dan cari 3 kolom yang sudah anda buat. Kemudian anda boleh mengisinya dengan widget atau apapun yang anda suka.

Tags: Cara menambah tiga kolom di bagian footer, cara menambah tiga kolom add elemen pada footer, trik menambah tiga kolom pada footer, menambah tiga kolom add elemen pada bagian bawah, cara mudah mengedit kolom add elemen pada template blogger

{ 1 comments... read them below or add one }

Korean Maniac said...

yaah.. kok dibagian header yg ketambah yak :\

Post a Comment