Menambah Menu pada Header Blog

1. Login ke Blogspot--> Tata LeTak --> Edit HTML

2. Untuk berjaga-jaga bila nanti pada hasil editnya ada hal yang tidak sesuai dengan keinginan, maka download terlebih dahulu template awal, sehingga kita bisa mengembalikan kondisi template seperti semula dengan cara meng-upload (unggah) template awal yang telah didownload sebelumnya. 3. Setelah itu cari kode ]]> dan tambahkan kode berikut diatasnya: #under_header{ } 4. Setelah itu cari baris kode berikut (atau yang mirip, tergantung model template yang dipakai ya): <div id='header-wrapper'> <b:section class='header' id='header' maxwidget="1" showaddelement="no"> <b:widget id='Header1' locked='true' title='Blog Doddy (Header)' type='Header'/> </b:section> </div> dan tambahkan kode dibawah ini dibawah kode tersebut diatas: <div id="under_header"> <b:section class='header' id='underheader' preferred='yes'/> </div> 5. Setelah itu klik tombol SIMPAN TEMPLATE, dan periksa pada Elemen Halaman apakah kolom Tambah Gadget yang baru dibuat sudah muncul dibawah header 6.Pergi ke Tata letak-->Elemen Halaman Klik link Tambah Gadget dibawah header, lalu pilih HTML/JavaScript gadget. 7. Masukan kode berikut ke dalam kolom HTML/JavaSricpt: alamatblog.blogspot.com>HOME | /alamataboutpageURL>ABOUT | mailto: abcd@gmail.com This e-mail address is being protected from spambots. You need JavaScript enabled to view it >CONTACT | alamattipsURL>TIPS Catatan: Ganti kata yang berwarna hijau dengan nama menu yang dinginkan.Ganti kata yang berwarna merah dengan alamat URL sesungguhnya.

Posted in: Tips 'n Trik