Menambahkan Elemen Baru Dibawah Header

Postingan kali ini berkenaan dengan postingan sebelumnya yakni membuat menu dibawah header. karena menu yang dibuat diletakkan di gadget dibawah header. pertanyaannya adalah bagaimana jika template blog saya tidak terdapat gadget dibawah headernya berarti kita tidak bisa bikin menu donk. duh jangan berputus asa gitu dulu sobat karena blog yaqindlive akan share cara membuat atau menambahkan elemen baru dibawah header. masih bingung tidak dengan yang dimaksud, jika masih silahkan tatap gambar dibawah ini hoho.


Cara menambahkannya sebagai berikut :
1. Log in ke blogger
2. Pada menu klick Rancangan ➨ Edit HTML
3. CentangExpand Template Widget ➨ Backup dulu templatenya untuk berjaga-jaga bila terjadi  kesalahan.
4. Copy kode berikut lalu pastekan diatas kode ]]></b:skin>

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

5. Kemudian cari kode yang mirip dengan kode dibawah 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>

6. Copy kode dibawah ini dan pastekan di bawah kode diatas

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

7. Save template anda dan tunggu hingga loading selesai
8. Klik element laman dan lihat anda sudah mempunyai elemen baru dibawah header

..: Congratulation & Happy Blogging :..

0 komentar:

TEMPLATE COSTUMIZED BY : YAQINDLIVE TEAM