Sahabat pemikir cerdas masi seputar buat menu ni sahabat, ini ada tutor mengenai membuat dropdown menu sahabat. bisa menambah kecantikan blog sahabat juga dengan tata letak yang tepat. sahabat contohnya seperti di bawah ini sahabat.
Dengan dropdown menu bisa menghemat space atau
ruang di blog sahabat, karena dengan ukuran yang kecil seperti itu bisa
menyimpan link dan text yang banyak sahabat. hanya saja kita harus bisa menempatkan pada posisi yang tepat sahabat. Untuk sahabat yang ingin mencoba ,lansung aja kita coba sahabat.
Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>
Text yang berwarna biru muda adalah link. ganti text Link 1 dan Link 2
tersebut dengan link2 kamu.caranya buka blog sahabat, nah di judul
postingan klik kanan pointer mouse, kemudian copy link location dan
kemudian paste di Link 1 dan Link 2 .Text yang berwarna kuning adalah tulisan yang ditampilkan. Itu juga harus km ganti.
Contohnya seperti ini :
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://pemikir-cerdas.blogspot.com/2012/03/cara-menampilkan-seluruh-judul.html"> Cara Membuat Menu Vertikal </option>
<option value="http://pemikir-cerdas.blogspot.com/2012/02/cara-mempercantik-blog-dengan-mudah.html"> Cara Menampilkan Posting Baru </option>
</select>maka hasilnya akan seperti ini :
untuk menambahkan menu lagi, tambahkan kode seperti ini :
<option value="Links 2">Text 2</option>sebelum kode </select>Link
dalam dropdown menu di atas jika di klik akan membuka link di halaman
yang sama. ini cocok untuk Arsip dan link-link yang masih berhubungan
dengan blog tsb.
Ada satu tipe lagi yang jika diklik linknya maka
akan membuka window baru tanpa menutup blog sahabat. Yang ini cocok untuk
Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
Tidak ada komentar:
Posting Komentar