Trik Cara Membuat Menu Navigasi di Header Mywapblog

Table of Contents

Selamat pagi sahabat. selamat datang kembali di Andy2dsd blog. pada kesempatan kali ini saya akan berbagi sebuah trik keren untuk para bloger semua khususnya bagi yang mempunyai blog di mywapblog. Bagi pengguna mwb pasti ada yang iri dengan blogger blogspot yang bisa utak atik kode html seenak udelnya sendiri, tapi jangan khawatir para blogger di mwb sekarang sudah kreatif-kreatif semua *salut* terbukti dengan ditemukannya cara baru untuk membuat menu navigasi di mywapblog berada di atas atau di header blog. wah, keren bukan?? so. langsung aja nih berikut tutorial cara membuat menu navigasi / kategori berada di atas postingan. (screen shoot ada di bawah artikel).

Trik ini sebenarnya adalah metode pengambil system jadi kita tidak perlu repot-repot mencari bagian tertentu CSS untuk kita edit. Kita hanya perlu menambahkan kode Css Cara membuat menu navigasi / kategori di header ini ke Kode CSS yang kita pakai. Caranya anda masuk ke theme >> sunting >> lalu paste kode CSS nya di bawah kode css awal >> simpan.

Langkah pertama silahkan sobat masukan Kode CSS berikut.

#navigation-menu .gocaster { position : absolute; top : 90px; background : #222; text-align : center; color : #fff; font-weight : bold; padding : 8px; margin : 0;} #navigation-menu .gocaster a { color : #fff; font-weight : normal; } #navigation-menu h5 { padding : 8px; background : #222; color : snow; font-weight : bold; text-align: center;}

Nah. Walaupun sudah di pasang , menu blog tidak akan langsung ke atas melainkan ada 1 tahap lagi yang harus di lakukan.

Cara Kerja: buka dasbor - menu navigation tambahkan kode pemanggil berikut.

<*h*5*> Link, Gambar, etc<*/h*5*> Atau pakai ini juga bisa. <*div class="gocaster*">Link, Gambar , etc <*/div*> (tidak pakai *)

Ket: - h5 & gocaster : kode pemanggil css

- top:90px : yaitu buat pergeseran class ke atas. Semakin besar maka semakin ke atas jadi harus di sesuaikan.

-Link, Gambar, etc = isi dengan menu custom yang anda inginkan. harus di sesuaikan dengan classnya.

- tinggal sobat edit saja sesuai dengan css yang di pakai.

Setelah langkah berikut anda ikuti jangan lupa save. Lalu lihat perubahan di blog anda. Mudah bukan?? Sekian dulu post dari saya mohon maaf apabila ada salah-salah kata, sampai jumpa di postingan berikutnya.

Thanks to : twitcaster.mywapblog.com

Salam admin

Andy2dsd