Pasang browser opera mini 5 emulator di posting
Hidup ini penuh ujian ;)
Di sini isinya artikel-artikel ujicoba, testing, blom jadi, dan blom siap dipublish :D
Monday, February 8, 2010
Monday, February 1, 2010
Tambah 3 Kolom Di Footer
Buat anda yang ingin menambahkan 3 buah kolom di bagian footer blog di Blogger (blogspot.com), silahkan ikuti tutorial pemasangannya berikut ini.
Pada bagian head, cari kode
Cari kode berikut ini:
Ganti kode
Save template, Selesai.
Silahkan beralih ke tab Page Elements, sekarang seharusnya di bagian footer sudah terdapat tiga kolom untuk widget. Silahkan anda isi widget yang diinginkan.
.
Sumber
Kode Stylesheet
Pada bagian head, cari kode
]]></b:skin>
, lalu di atasnya tambahkan kode stylesheet berikut ini:#footer-column-container { clear:both; } .footer-column { padding: 10px; }
Kode Wrapper Footer
Cari kode berikut ini:
<div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div>Catatan: Pada beberapa template blog tidak terdapat id value "footer wrapper", melainkan "footer", intinya adalah tag div untuk bagian footer.
Ganti kode
<b:section class='footer' id='footer'/>
tersebut di atas dengan kode berikut ini:<div id='footer-column-container'> <div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> <p> <hr align='center' color='#5d5d54' width='90%'/></p> <div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'> <b:section class='footer' id='col-bottom' preferred='yes'> <b:widget id='Text2' locked='false' title='' type='Text'/> </b:section> </div> <div style='clear:both;'/> </div>
Save template, Selesai.
Silahkan beralih ke tab Page Elements, sekarang seharusnya di bagian footer sudah terdapat tiga kolom untuk widget. Silahkan anda isi widget yang diinginkan.
.
Sumber
Subscribe to:
Posts (Atom)