Cara Membuat Menu Horizontal Blog Pada Header Blog

10/29/2012
Menu di dunia online internet memiliki arti tersendiri khususnya dalam blog. Karena menu tidak hanya merupakan salah satu atribut yang dapat memperindah tampilan blog. Tujuan utama membuat menu media online internet adalah sebagai sarana membuat link untuk menampilkan halaman posting yang terdapat dalam media pemasangnya maupun link-link media lainnya sengaja ditetapkan.

Menu pada media online internet sekurang-sekurangnya terdapat dua bentuk menu yaitu Menu Horizontal dan dropdwon Menu.

Menu Horizontal Blog
Gambar: Menu Horizontal Blog Ronamasa.Com
Sementara yang menjadi topik bahasan di sini adalah membuat menu Horizontal. Menu Horizontal adalah menu media online internet blog yang terletak pada header blog yang berfungsi sebagai tempat untuk membuat link baik link internal media pemasangnya maupun link umpan ke media online internet lainnya.

Dengan adanya menu yang terpampang di bawah header blog setidaknya akan memberikan gambaran kepada pengunjung tentang artikel-artikel di dalamnya.

Cara membuat menu Horizontal yang berada di bawah header blog dapat dilakukan dengan langkah-langkah sebagai berikut:.
1. Sign in di blog
2. Pilih Tata Letak
3. Klick Tambah Gadget/Add gadget.
4. Pilih Html/Javascript
5. Cara penulisan seperti berikut ini atau juga bisa langsung copy kode di bawah ini dan ditempatkan pada gadget HTML/Javascript

<div id="tabs">
<ul>
<li><a href="http://bangahyar.blogspot.com">HOME</a></li>
<li><a href="http://bangahyar.blogspot.com/2011/09/cara-mengatur-tata-letak-menu.html">Tata Letak Menu Horizontal Di Bawah Header Blog </a></li>
<li><a href="http://bangahyar.blogspot.com/2011/07/cara-membuat-Menu-horizontal.html">Menu Horizontal Blog </a></li>
</ul>
</div>
Sebelum memasang kode-kode di atas pada html/javascript agar terlebih dahulu merubahnya seperti yang tertera di bawah ini supaya menu horizontalnya dapat berfungsi secara optimal.
  • Tulisan yang berwarna orange adalah url yang terbuat dari judul posting blog yang telah dipublikasi secara online internet atau situs tujuan dalam dunia online internet pula. Untuk mengantipasi kesalahan yang tidak disengaja tentang link silahkan melihat di sini untuk memastikan ketepatan link tujuannya.
  • Judul-postingan.html : Halaman situs tujuan
  • HOME :Tulisan yang tampil di Menu sebagai teks yang mewakil teks link url halaman judul posting blog
6. Paste kode yang dikopi di atas pada html/javascript
7. Jangan lupa disimpan ya.... supaya menu horinzontalnya jadi.
8. Tempatkan gadget yang ditambah di bawah header blog

Setelah melakukan langkah-langkah yang dijelaskan di atas selamat melihat hasilnya.

Artikel lainnya

Cara Mengatur Tata Letak Menu Horizontal Di Bawah Header Blog
Cara membagi Dua Kolom Header Blog
Cara Praktis Mengatur Tampilan Blog
Cara Mendapatkan Kembali Password Accounts Google
Cara Membuat Site Map ke Google, MSN dan Yahoo Untuk Blog
Cara Menampilkan Kotak atau Box Peta Lokasi Pada Halaman Posting Blog
Terima Kasih Google-FireFox Web Browsing Atas URL nya
Ronamasa