
Panduan Web dan Blog
1.Membuat Artikel Terkait
2.Membuat Text Area
3.Membuat text melayang
4.Membuat Link Download
5.Membuat Menu DropDown
6.Membuat 3 Kolom Dibawah Header
7.Membuat 3 Kolom Diatas Footer
8.Menghilangkan Navbar
9.Membuat Background Posting
10.Membuat Background Gambar
11.Membuat Link Backlink
12.Membuat Status YM Online
13.Pasang Widget SMS
14.Mengganti Icon Blogger
15.Membuat Menu Artikel Menjadi 2 Bagian
16.Membuat-typing-text-
1.Membuat Artikel Terkait
2.Membuat Text Area
3.Membuat text melayang
4.Membuat Link Download
5.Membuat Menu DropDown
6.Membuat 3 Kolom Dibawah Header
7.Membuat 3 Kolom Diatas Footer
8.Menghilangkan Navbar
9.Membuat Background Posting
10.Membuat Background Gambar
11.Membuat Link Backlink
12.Membuat Status YM Online
13.Pasang Widget SMS
14.Mengganti Icon Blogger
15.Membuat Menu Artikel Menjadi 2 Bagian
16.Membuat-typing-text-
Cara Membuat Dropdown Menu
Dengan dropdown menu kita bisa mnghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
Gimana? Mau mencobanya?
Gini nih caranya :
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 merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.
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.
Contoh :
<select onchange="document.location.href=this.options[this.selectedIndex].value;"><option value="0" selected="selected">Select Iklan</option>
<option value=" http://www.iklan88.blogspot.com/2011/01/iklan-kategori-aneka "> Aneka</option>
<option value=" http://www.iklan88.blogspot.com/2011/01/alat-kantor.html "> Alat Kantor</option>
Hasilnya :
Selamat Mencoba Semoga Sukses
0 Comment:
Post a Comment
Silahkan Beri Komentar Anda disini, Pergunakan Bahasa yang Singkat dan Sopan, Berikan Komentar Anda Sesuai Topic Artikel.