Membuat Menu di Blogger ( Blogspot )

Membuat Menu di Blogger ( Blogspot )

Mungkin para sobat pernah menggunakan template Blogspot yang memang sudah cocok dengan selera sobat tapi sayangnya template Blogger tersebut tidak ada menunya.

Menu juga berguna untuk menghemat ruang blog yang biasanya terletak di bawah header. Saya ada salah satu cara untuk membuat menu di blogger / blogspot, pembuatan menu ini berlaku untuk semua template blogger, karena kode di bawah ini akan membuat area widget sendiri, yang terletak di bawah head.

Langsung saja ya...

Pertama buka menu Design atau Layout klik Edit HTML.

Kedua Kasih tanda cek (centang) pada cekbox "expand widget template".

Ketiga cari kode ]]></b:skin>, kalau sudah ketemu kemudian copy kode css di bawah ini tepat diatasnya.

#menuq{ font-family: Verdana; padding:10px;}
.menuq a { color:blue; border:1px #EDEEF0 solid; padding:5px; text-decoration:none;}
.menuq a:hover {color:red; border:1px #000000 solid; text-decoration:none;}
.menul .widget { border-bottom-width: 0;}

Keempat cari kode

<div id='header-wrapper'>
<b:section .......dst>
</b:section>
</div>

lalu copy kode di bawah ini tepat di bawah kode di atas.

<div id='menuq'><br /><b:section class='menuq' id='menul' preferred='yes'/>
</div>

Kelima simpan template. Kemudian klik page elements, coba perhatikan dibawah head akan ada area widget baru.

Selanjutnya ketujuh klik add widget dan pilih HTML/JavaScript, kemudian copy kode di bawah ini ke dalamnya.

<div id="menuq">
<a href='http://epuljapaneseblog.blogspot.com/2010/04/link-exchange.html'>Link Exchange</a>
<a href='http://epuljapaneseblog.blogspot.com/search?max-results=9999' target='new blank'>Daftar Isi</a>
<a href='http://forumnya-para-blogger-rajadesa.blogspot.com' target='new blank'>Forum</a>
</div>

Kemudian ganti Linknya dengan Link anda.

Tambahan, kode yang berwarna merah bisa anda ganti dengan selera anda.

Anda baru saja selesai membaca artikel di EpulJapanese Blog yang berjudul: Membuat Menu di Blogger ( Blogspot )

dengan URL: http://epuljapaneseblog.blogspot.com/2010/08/membuat-menu-di-blogger-blogspot.html

Apabila anda menyukai artikel ini atau merasa bermanfaat silahkan bagikan artikel ini di Facebook, Google+ dan Twitter anda dengan meng-klik tombol-tombol Share yang ada diatas postingan ini.

Dapatkan artikel EpulJapanese Blog terbaru langsung ke email anda. Silahkan masukkan alamat email anda:

Related Post

Tips Trik Tutorial Ms.Office

• Cara Agar Dokumen Ms.Word Tidak Bisa di Copy dan di Edit
• Cara Agar Postingan Blog Tidak Bisa Copy Paste, di Blok dan klik Kanan
• Cara Dokumen Ms. Word Tidak Bisa di Edit
• Cara Menampilkan Kotak Komentar di Blogspot
• Cara Membuat Tabel di Postingan Blog Dengan Menggunakan Google Dokumen
• Cara Membuat Spoiler di Blogspot
• Memasang Windows Alert di Blog
• Cara Men-disable Klik Kanan dan Block di Blogspot
• Cara Mengganti Cursor di Blog Dengan Gambar
• Memasang Tombol Like Facebook di Blogger
• Beberapa Variasi Tulisan Chat di CBOX
• Indonesia Siap Bersaing di SERP
• Label di Klik Tampil Hanya Judul Postingan
• Cara Memasang Balas Komentar Pada Komentar di Blogspot
• Cara Membuat Scroll Pada Daftar Komentar di Blogspot
• Cara Memasang Status Yahoo Messenger ( YM ) di Blogspot
• Cara Menampilkan Background Pada Postingan Blogspot
• Cara Membuat Kotak Iklan Di Blog
• Cara Setting Blog Di blogger / Blogspot
• Cara Membuat Related Post di Bawah Postingan Blog
• Cara Membuat Slideshow Album Foto dan Menampilkannya di Blogspot
• Mendaftarkan Blog atau Web ke Search Engine
• Cara Membuat Scroll pada Label, Arsip Blog Atau Widgets Lain
• Cara Menampilkan Code HTML di Postingan Blogspot
• Cara Membuat Blog di Blogspot