Cara Membuat Link dan Button (Menu Navigasi)

by Kwangkxz

Pembahasan Trik Blogging kita kali ini adalah bagaimana caranya membuat Menu Navigasi yang berisikan link. Mungkin diantara para blogger sudah sering melihat artikel mengenai ini, dan caranya pun pasti sudah expert. Nah trik yang akan saya terangkan disini sangat simple dan mudah. Oleh sebab itu artikel ini di khususkan untuk para blogger pemula yang belum pernah membuat Menu Navigasi.

Oke, sebelumnya saya ingin memberikan informasi bagi anda yang menggunakan layanan Blogger/Blogspot, yang sudah saya alami, Blogspot memiliki kekurangan dalam hal page, tidak seperti Wordpress yang memberikan fasilitas page pada blognya.

Tapi anda jangan khawatir, dengan menggunakan bantuan CSS dan penggunaan image, kita bisa menciptakan sendiri button untuk navigasi page-nya. Kita bisa membuat link yang berisi Home, About ME, Contact, dan link-link lainnya sesuai dengan kebutuhan anda. Page yang akan kita buat, bisa berupa link biasa, rollover link, dan link image.

1. Membuat Link Teks

Untuk menempatkan link-link tersebut, kita harus menyimpannya di Page Element HTML/JavaScript. Baiklah untuk cara yang pertama ini, kita akan membuat link berupa teks biasa (tanpa variasi)

Berikut langkah-langkahnya :

• Masuk ke halaman Dashboard anda
• Lalu klik pada link Layout, terus pilih Page Element
• Setelah Halaman Page Element ditampilkan, lalu klik/pilih Add a Gadget (lihat gambar dibawah)

• Lalu akan muncul tampilan kotak dialog Add a Gadget. Anda pilih atau klik HTML/JavaScript (klik di tanda (+)) seperti gambar dibawah ini.

• Akan tampil halaman Configure HTML/JavaScript, lalu yang perlu anda lakukan adalah menyiapkan link apa saja yang akan ditampilkan. Kebetulan penulis hanya menampilkan 5 link saja. Contohnya seperti dibawah ini :

<a href=”http://www.kwangkxz.co.cc”>Home</a>

<a href=”http://www.blogger.com/profile/0123456789”>About</a>

<a href=”http://www.kwangkxz.co.cc/search/label/tutorial”>Tutorial</a>

<a href=”http://www.kwangkxz.co.cc/search/label/testimonial”>Testimonial</a>

<a href=”http://www.kwangkxz.co.cc/search/label/contact”>Contact</a>

Lalu anda sesuaikan link diatas dengan URL dan kategori yang anda miliki, yg saya tuliskan diatas hanya sebagai contoh saja.

Keterangan : Link-link diatas bisa disesuaikan dengan alamat blog anda. Sesuaikan alamat link dengan postingan yang dibuat.

• Selanjutnya lalu klik Save
• Anda atur posisi gadget tersebut agar posisinya berada dibawah Header.

• Lalu selanjutnya klik Save
• Akses Blogspot anda untuk melihat hasilnya.

Mudah bukan ?

Sebenarnya, masih banyak trik blogging mengenai cara pembuatan link dan button ini, anda bisa melihat dalam artikel saya yg lain yaitu :

• Membuat Link CSS
• Membuat Button dan cara Menambahkannya ke Blogspot
  

Sekian pembahasan dari saya, dan bila anda menemui kesulitan, bisa mengisi kolom komentar, dan saya akan berusaha membantu anda.

Semoga artikel ini bermanfaat.

Terimakasih.