Menambah Add Elemen pada Bagian Header

Menambah add elemen pada bagian header bertujuan agar kita dapat menambah suatu gadget di lain waktu, mungkin ketika ingin menambah kotak pencarian blog maka trik ini cocok digunakan. Selain itu sebagian rekan blogger (termasuk saya) menggunakan trik ini untuk menambah gadget menu Horisontal. Nah bagi yang menginginkan layout/tata letak blognya memilki elemen add gadget tambahan pada bagian header, silahkan langsung peraktek trik yg akan kita bahas dalam postingan kali ini.

Sebagai contohnya, berikut ini adalah tampilan bagian header sebelum ditambah elemen add

Setelah ditambah, maka tampilannya akan seperti berikut ini



Sekarang pasti sudah pada tahukan bedanya, pada bagian yg telah saya tandai dgn warna merah tersebutlah yang saya maksud dengan add elemen baru atau tambahan, maka untuk membuatnya

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.

4. Beri tanda centrang pada Expand Template Widget.

5. Kemudian cari kode <div class='region-inner header-inner'> (gunakan Control F/F3).
Selehah ketemu seperti kode dibawah

<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='teks(Header)' type='Header'>
<b:includable id='main'>

Lalu ganti '1' dengan '2' dan 'no' menjadi 'yes'

6. Simpan Template


Untuk melihat hasilnya, silahkan pergi ke halaman tata letak/layout.

Di atas adalah cara menambah add gadget elemen yg berada tepat di atas
 bagian header blog.
Oleh karena itu, elemen ini cocok digunakan untuk menyimpan gadget
seperti form pencarian atau search.

**Jika kode diatas tidak ketemu,maka gunakan kode dibawah ini

Cari kode <div id='header-wrapper'>
Selehah ketemu seperti kode dibawah

<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>

Sama dengan diatas ganti '1' dengan '2' dan 'no' menjadi 'yes'

Simpan hasil Template

Slamat mencoba smg bermamfaat...!

Baca Juga Artikel Ini