Cara membuat menu di bawah header Versi II

Home - . File Baru -> Korektor Kita Versi Massal , Absensi Guru Digital , Absensi Siswa , Buku Induk V2 , Program Konter Pulsa (Untuk Agen Pulsa) , Link Penting -> Daftar dan Dapatkan Penghasilan , Pasang Iklan Link Di Sini

Pengumuman!!!
Untuk sementara admin tidak melayani jasa pembuatan file / program dalam bentuk EXCEL (pada hari-hari sekolah). Karena admin sedang berkonsentrasi menuju UN 2014. Terimakasih atas perhatiannya!

Bila kita kemaren sudah belajar cara membuat menu di bawah header yang beda, sekarang kita akan belajar tentang cara membuat menu di bawah header versi II. Saya pikir versi ini akan lebih menarik disbanding lain kemaren. Terus terang saya tidak menjamin sukses dalam pemasangannya, tapi jangan khawatir , 99,99% kemungkinan bisa sukses dalam memasang menu ini.

Dalam versi lain masih banyak yang tidak sukses saya juga tidak mengerti kenapa tidak sukses. Oleh karena itu saya mencoba memberikan versi yang lainnya. Semoga dalam versi ini semua yang mau mencoba, semua yang ingin memiliki blog yang terpasang menu dibawah headernya bisa sukses sebagaimana yang diharapkan.

Nah bagaimana cara membuat menu menurut versi  ini, kita simak dan kita ikuti langkah-langkah berikut:

• Masuk account blog kita pilih rancangan lalu EDIT HTML
• Jangan lupa centang “Expand Widget Templates ” 
• selanjutnya Cari code ]]></b:skin>, gunakan CTRL+F untuk lebih cepatnya dalam pencarian code tersebut
• Jika sudak ketemu dengan code ]]></b:skin> masukkan Code berikut tepat diatas code ]]></b:skin>

#catmenucontainer{ height:33px; width:1000px; margin:0 auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyKUAor8wnTXOIVLRN1IzCTsFWcPjWHChrbgti-NgNN-EJxEJQyh188NyhL6s1eG5l1YC3zeXMMGdvhuPDXpqWBcavdywmNuyYNBfBLP29XZXHCApa4S0lJSBlHlqqmQMLPkMERVgiEHhI/s1600/2.gif) repeat-x; display:block; padding:0px 0 0px 0px; font-size:12px; font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-weight:normal; border-top:1px solid #252424; } #catmenu{ margin: 0px; padding: 0px; width:1000px; background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOc8oOOZL3pBb7CV5tt_IgN2nGVZkhdnW7HPni7QLnhQA_MPF1Ep7OSHU1dL78YvR5g4CtayZ8DzF0F_uWp5zKuT139tctw59JRNXvj-U28EPWIZsYYhu0ceKtyb9bxFMBvDUwrFeuNwXu/) repeat-x; height:33px; } #catmenu ul { float: left; list-style: none; margin: 0px; padding: 0px; } #catmenu li { float: left; list-style: none; margin: 0px; padding: 0px; } #catmenu li a, #catmenu li a:link, #catmenu li a:visited { color: #fae7df; display: block; margin: 0px; padding: 9px 10px 10px 10px; } #catmenu li a:hover, #catmenu li a:active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrZ-kertLC3AHZreqvgldqZ65TDZVh2ITERXfh9nx7gmQn4VYqqR6prb7Hb-L2tG2URXUTSI3iOEia2WA2cCr2V5nOLsRvC6qH5jFlN-tE5whkwGwDiJU1A5vfSMPvp-zt1xQnJvWoG7RG/) repeat-x; color: #fff; margin: 0px; padding: 9px 10px 10px 10px; text-decoration: none; } #catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited { background:#ED4A05; width: 150px; color: #fae7df; font-family:Tahoma,century gothic,Georgia, sans-serif; font-weight: normal; float: none; margin: 0px; padding: 9px 10px 10px 10px; border-bottom: 1px solid #FF7800; } #catmenu li li a:hover, #catmenu li li a:active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrZ-kertLC3AHZreqvgldqZ65TDZVh2ITERXfh9nx7gmQn4VYqqR6prb7Hb-L2tG2URXUTSI3iOEia2WA2cCr2V5nOLsRvC6qH5jFlN-tE5whkwGwDiJU1A5vfSMPvp-zt1xQnJvWoG7RG/) repeat-x; color: #fff; padding: 9px 10px 10px 10px; } #catmenu li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; } #catmenu li li { } #catmenu li ul a { width: 140px; } #catmenu li ul a:hover, #catmenu li ul a:active { } #catmenu li ul ul { margin: -34px 0 0 170px; } #catmenu li:hover ul ul, #catmenu li:hover ul ul ul, #catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul { left: -999em; } #catmenu li:hover ul, #catmenu li li:hover ul, #catmenu li li li:hover ul, #catmenu li.sfhover ul, #catmenu li li.sfhover ul, #catmenu li li li.sfhover ul { left: auto; } #catmenu li:hover, #catmenu li.sfhover { position: static; } 

• Apabila hal diatas sudah dilakukan, selanjutnya cari code <div id='content-wrapper'> Lalu copas code berikut di bawah code  <div id='content-wrapper'>

<div id='catmenucontainer'> <div id='catmenu'> <ul> <li><a href='http://pecintateknologi2012.blogspot.com/'>Home</a></li> <li><a href='http://pecintateknologi2012.blogspot.com/p/download' title='Download'>Download</a> <ul class='children'> <li><a href='http://pecintateknologi2012.blogspot.com/p/software' title='software'>software</a></li> <li><a href='http://pecintateknologi2012.blogspot.com/p/ebook' title='Ebook'>Ebook</a></li> <li><a href='http://pecintateknologi2012.blogspot.com/p/videomo3' title='video dan Mp3'>video dan Mp3</a></li> </ul> </li> <li><a href='http://pecintateknologi2012.blogspot.com/p/madura' title='Madura'>Madura</a> <ul class='children'> <li><a href='http://pecintateknologi2012.blogspot.com/p/bangkalan' title='bangkalan'>bangkalan</a></li> <li><a href='http://pecintateknologi2012.blogspot.com/p/sampang' title='sampang'>sampang</a></li> <li><a href='http://pecintateknologi2012.blogspot.com/p/pamekasan' title='pamekasan'>pamekasan</a></li> <li><a href='http://pecintateknologi2012.blogspot.com/p/sumenep' title='sumenep'>sumenep</a></li> </ul> </li> <li><a href='http://pecintateknologi2012.blogspot.com/p/about' title='about'>about</a></li> <li><a href='http://pecintateknologi2012.blogspot.com/p/contact' title='contac'>contact</a></li> </ul> </div> </div> <div class='clear'/>  

Catatan 
silahkan anda lihat hasilnya dulu baru diedit, karena saya yakin akan lebih mudah dipahami atau dimengerti.
Url berikut silahkan ganti dengan url anda sendiri http://pecintateknologi2012.blogspot.com/p/download dan seterusnya. Nama download dan seterusnya juga diganti sesuai keinginan anda. Untuk melihat demonya bisa lihat diblog ini atau di sini .

Sampai disini dulu ya, Semoga Sukses . Oooh ya ..

Kalau anda ingin cara yang mudah, sekarang blogger yang baru sudah menggunakan pengaturan yang cukup mudah. Anda bisa menampilkan laman di tab atas. Dan itulah yang menjadi menu header. Sama saja kok. Jadi nggak usah repot-repot mengganti kode. Tapi kalau anda ingin bereksperimen ya silakan saja. Semoga bermanfaat.

Anda sedang membaca artikel tentang Cara membuat menu di bawah header Versi II dan anda bisa menemukan artikel ini dengan url http://my-axes-educate.blogspot.com/2012/07/cara-membuat-menu-di-bawah-header-versi.html . Anda boleh menyebarluaskan atau mengcopy artikel Cara membuat menu di bawah header Versi II jika memang bermanfaat bagi anda atau teman-teman anda, namun jangan lupa untuk mencantumkan link sumbernya. Terimakasih.