Cara Menambah Elemen Persis Di bawah Header

Suatu saat anda ingin memasang menu Drop down, namun setelah anda memasang kode CSS di templete,
dan kemudian ingin memaasang nya pada widget, ruang yang anda inginkan dibawah header tidak tersedia,
hal ini jika anda mendapat kode tersebut tidak ada kode CSS templete yang menambah widget di bawah header, jangan bingung dulu, anda hanya cukup menambahkan sedikit kode css serta HTML kedalam kode template anda. Ingin tahu caranya?
Silahkan ikuti langkah berikut :

1.    Setelah Anda Login, Pilih rancangan.
2.    Klik Tata Letak.
3.    Klik tab Elemen Halaman.
4.    Lihat Struktur Layout Anda, dibawah Header (JUDUL BLOG) Belum ada kotak laman Add Gadget,
Untuk Menambahkannya adalah:
5.    Klik tab Edit HTML.
6.    Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).
7.    Copy kode berikut, lalu paste di atas kode ]]></b:skin>
 ( tekan tombol CTRL + F ) untuk memudahkan pencarian kode dengan cukup menngetik ]] pada kotak pencarian.

#under_header{
margin:10px 0;
padding:1%;
width:98%;
}

8.    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>
9.    Copy kode berikut lalu paste persis di bawah kode tadi :

<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>

10.    Klik tombol SIMPAN TEMPLATE. Tunggu beberapa saat sampai template anda tersimpan.
11.    Klik tab Elemen Halaman untuk melihat hasil penambahan kotak add gadget.
12.    Sekarang anda sudah mempunyai elemen yang langsung persis di bawah header, dan siap untuk dipasang iklan atau menu dropdown yang Anda suka, atau ingin menambah widget yang lain?
silahkan Anda tentukan sendiri.
Semoga dapat menambah pengetahuan Anda dan Bermanfaat.

No comments:

Post a Comment

Followers