Selasa, 23 Februari 2010

Tips 17 : Menambah kolom dibawah header

Kita sering melihat ada gambar atau foto dibawah header, memang ada template yang sudah mempunyai kolom dibawah header, tapi banyak juga yang masih belum ada. Terus bila pada blog anda belum ada kolom tersebut dan anda ingin sakali menaruh gambar atau foto tepat dibawah header, caranya bagaimana?

Jangan khawatir, kita dapat membuat kolom itu sendiri, caranya mudah dengan menambahkan beberapa baris script html, kita dapat memperolehnya.

Mau tahu?... baik ikutilah cara membuat kolom tersebut dibawah ini .....





#01. Mula-mula anda masuk ke blog anda, dari dasboard klik 'Tata letak', kemudian klik 'Edit HTML'

#02. Cari kode ]]>
Maaf kodenya tidak dapat ditulis lengkap, anda dapat lihat kode HTML dibawah ini.





















#03. Setelah selesai cari kode HTML lainnya, yaitu div id='header-wrapper', dan ketiklah kode HTML tepat dibawah kode tersebut.






















#04. Setelah anda benar mengetiknya, klik menu simpan template, kemudian klik 'Laman Baru', maka anda akan mendapatkan kolom seperti dibawah ini.








Bagaimana, mudah bukan?, pada posting berikutnya kita akan belajar bagaimana caranya menaruh gambar atau foto pada kolom yang baru kita buat ini, jadi ikutilah terus artikelnya.

Selamat dan sukses untuk anda.........



Ruddy Harjanto

Artikel yang berhubungan :
1. Cara membuat marquee
2. Cara membuat buku tamu
3. Cara membuat judul posting favorit
4. Cara membuat Favicon
5. Cara membuat Drop capital
6. Cara membuat Digital signature
7. Cara membuat Related post
8. Cara membuat Read more

1 komentar:

Uut3aja mengatakan...

makasih mas :D

Posting Komentar

Anda dapat mengisi komentar pada kotak yang disediakan