Cara Membuat Elemen Persis Di bawah Header | Tips Blogspot | Membuat Header Elemen
Cara Membuat Elemen Persis Di bawah Header | Tips Blogspot | Membuat Header Elemen >>> bahwa tidak hanya cara tersebut saja yang bisa anda lakukan namun masih ada teknik yang lain untuk dapat meyimpan widget atau elemen persis di bawah header. Teknik yang di maksud adalah dengan membuat kolom baru langsung di bawah header, penasaran bagaimana caranya? yuk di lanjut mang!!! Untuk membuat kolom baru tidaklah sesulit yang anda bayangkan, anda hanya cukup menambahkan sedikit kode css serta HTML kedalam kode template anda. Belum tahu caranya? silahkan ikuti langkah berikut :
- Login ke blogger dengan ID anda.
- Klik Tata Letak.
- Klik tab Elemen Halaman. Perhatikan struktur layout template anda.
- Sekarang kita akan membuatkan sebuah kolom baru persis di bawah header. Siap? yuk mulai.
- Klik tab Edit HTML.
- Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).
- Copy kode berikut, lalu paste di atas kode ]]></b:skin>
#under_header{
margin:10px 0;
padding:1%;
width:98%; - Cari kode yang mirip dengan kode di bawah ini :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div> - Copy kode berikut lalu paste persis di bawah kode tadi :
<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div> - Klik tombol Simpan TEMPLATE. Tunggu beberapa saat sampai template anda tersimpan.
- Klik tab Elemen Halaman.
- Yihaa! sekarang anda sudah mempunyai elemen yang langsung persis di bawah header, silahkan tambahkan elemen yang inginkan. Mau pasang iklan google adsense, klik saya.com atau apa saja atau mungkin mau pasang photo anda yang ganteng serta cantik di sana.
- Selesai.
- Selamat Mencoba .....
Category Article blogger
