Cara Membuat Kotak Di Bawah Header

Hafidz Dzulf (Author)

Woke , w ni seseorang yg aph adanya , selalau happy sama teman2 , kg ada kata galau , setiap hari gw cma belajar wktu sekolah selbihnya main , hobi maen bola sma nge-Blog segitu ajh prekenalan tentang w ..... (Salam Kenal Gan)

Cara Membuat Kotak Di Bawah Header

Posted by : Hafidz Zulghaffar Selasa, 16 April 2013

Woke , kali ini kazedama mw mosting tips membuat kota(objek) di bawah header , mungkin beberapa blogger sudah banyak yang mengetahui cara membuatny , tapi ada beberapa newbie seperti saya , yang belum mengetahui cara membuatnya , kg usah lama-lama beriku cara2 membuatny ....

Nah gambar di ats itu contoh kotak(objekny) , langsung saja dah kita coba ......

1.Masuk ke akun Blogger kalian , kemudian pilih tulisan template

2.Cari kode ]]><b:skin
3.Kemudian masukan kode di bawah ini , tepat di atas kode ]]><b:skin

#VZN1{ margin-top:20;margin-left: 0px ;margin-bottom:50px ;border:5px solid #DDD;border-radius:10px 10px 10px 10px ;width:1090px;height:200px; background: #222; position:relative;}

Keterangan:
-kode warna Merah : itu adalah warna background , silahkan ganti warnany sesuka kalian
-kode warna Biru : itu adalah warna border(garis pinggir) , silhkan ganti juga warnany sesuka kalian

4.berikut ini adalah kode HTML nya , cara meletakany silahkan anda cari kode <div id='content'> letakan kode di bawah ini tepat di atas kode <div id='content'>