Cara Memasang Menu Dropdown

Udah lama gak nulis Akhirnya aku punya lagi nih salah satu trik
mau tau apa........ :t ....?
yaitu trik memasang menu dropdown... hah..??? :o belum tau....? :o
itu tu yang kayak gini

Arsip BlogText 1Text 2

nah udah tau kan....? mau tau cara masang nya.....?
ok deh langsung aja ni caranya :

Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kotat "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.

Contohnya seperti ini :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://rassiv123.blogspot.com/2009/03/ada-yang-pingin-buat-menu-horizontal.html"> Cara Membuat Menu Horizontal </option>
<option value="http://rassiv123.blogspot.com/2009/03/cara-memasang-kotak-pencarian-google.html"> Kotak Pencarian Google
</option>
</select>

maka hasilnya akan seperti ini

:Arsip BlogLinks 1">Text 1Links 2">Text 2

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 kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

ganti dengan kode ini :

<select onchange="javascript:window.open(this.options[this.selectedIndex].value;">

hasilnya bisa kamu lihat sendiri

Semoga Sukses ;)

Cara Membuat Menu DTree

Kali ini saya akan menunjukan cara membuat menu Dtree belum tau ??????
yah :d masa belum tau itu tu yang kaya pohon bercabang cabang..


Menu Dtree ini sangat berguna jika kamu memiliki postingan yang buanyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Nah kamu pingin tahu cara membuatnya?

Ok...langsung aja ke TKP :

1. Login to Blogger, trus pilih "Layout --> Edit HTML"
2. Taruh kode berikut ini diatas kode <head>

<link rel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script>

3. Trus Klik Tombol "Save

4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu, udah tahu khan cara pasangnya? itu lho di menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript". Itulah script yang harus kamu copy di sidebar kamu.

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>

berikut ini keteranganya:
- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).
- Angka yang pertama harus unik tidak boleh ada yang sama
- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).

5. Trus klik save, dan coba lihat hasilnya

Pusing gak.... :D ? kalau pusing kasih komentar kamu.....!!!!

*selamat mencoba,.... dan happy blogging :z * ......ZZZZZ :s