Loading...

Cara Menambah Elemen Halaman Diatas Header



Kali ini saya ingin berbagi trik blog cara menambah elemen halaman diatas header dan cara membuat manu tab navigator horizontal. Berhubung pada postingan cara membuat menu tab view, seorang teman bertanya pada kolom komentarnya seperti ini:


rencanapembelajaran mengatakan... 

oh ya, kalau mau buat tab menu di bagian atas header bisa gak. soalnya cuma blog2 tertentu yang ada menu nya di bagian atas, misalnya kayak blog ini ada menu agama islam, teknologi, glitter text, kesehatan dsn. blog saya bisa kah di buat spt itu ? mohon petunjuknya.. silahkan di liat blog saya !
Jawabannya: Alhamdulillah bisa, pertama anda tentu harus mengetahui dulu cara menambah elemen di atas header.
menambah elemen di atas header
Berikut ikuti langkah langkahnya:
Dalam keadaan login=> pada dasbor klik tata letak/ layout=> edit HTML=> cari kode ]]></b:skin> 
  • Tambahkan kode berikut diatas kode ]]></b:skin> 
#gadget_header{ 
margin:10px 0; 
padding:1%; 
width:100%;} 
  • Kemudian cari kode berikut  <div id='header-wrapper'> 
  • Kemudian copy kode berikut diatas <div id='header-wrapper'> 
<div id="gadget_header"> 
<b:section class='header' id='gadgetheader' preferred='yes'/> 
</div> 
  • Selanjunya simpan template!
Lihat hasilnya klik elemen halaman, jika ada kolom tambah gadget diatas header langkah langkah yang anda lakukan berhasil!
Selanjutnya elemen tambah gadget diatas header bisa anda gunakan untuk macam macam widget. Untukcara membuat menu tab navigator horizontal pada postingan berikutnya insyaAllah. Sedangkan cara menambah elemen halaman dibawah header bisa lihat .disini

Click here for comments 0 komentar:

Berkomentarlah :

1.Dengan kata-kata yang sopan
2.Tidak menaruh link aktif ataupun non aktif
3.No spam, no sara, and no porn
4.Tidak promosi blog
5.Komentar yang tidak sesuai dengan isi konten akan langsung saya hapus
6.Komentar yang bagus akan saya publish dan saya beri komentar balik

Terima kasih atas komentar Anda
Back to Top