Rabu, 10 November 2010

Menambkan Menu Header di Blogspot

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 ]]></b:skin> 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:
<a href=http://alamatblog.blogspot.com>HOME</a><a> | </a><a href=http://alamataboutpageURL>ABOUT</a><a> | </a><a href=http://mailto: abcd@gmail.com This e-mail address is being protected from spambots. You need JavaScript enabled to view it >CONTACT</a><a> | </a><a href=http://alamattipsURL>TIPS</a>
  Catatan: 
Ganti kata yang berwarna hijau dengan nama menu yang dinginkan.Ganti kata yang berwarna merah dengan alamat URL sesungguhnya.

0 komentar:

Posting Komentar