Life have a lot of color .....

1.    Klik gambar Google Translate di atas, kalo sudah masuk ke sini,

Pilih Tools, kemudian

Pilih bahasa yang anda gunakan di blog anda, misalnya pilih Indonesia

Copy kode yang berada di bawah tulisan "Copy and paste the HTML below to include the gadget on your webpage." kemudian paste di Tata Letak --> Add Gadget --> HTML/javasript terus paste kode tersebut di kolom konten

2.    Simpan.

Jika anda masih bingung apa itu Dropdown Menu maka lihatlah contoh di bawan ini. Dropdown menu contohnya seperti di bawah ini, kamu bisa tambahkan menu sampai juta jutaan link.Sebagai contoh saya cuma pasang dua link saja

Arsip BlogCara Membuat Dropdown MenuCara Membuat Menu Vertikal

Nha udah tahu kan? Dengan dropdown menu kita bisa menghemat space atau ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak.

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 biru muda adalah link. ganti text Link 1 dan Link 2 tersebut dengan link2 kamu.caranya buka blog kamu, nah di judul postingan kamu 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://trik-blog-nyaman.blogspot.com/2009/04/cara-membuat-menu-vertikal.html"> Cara Membuat Menu Vertikal </option>
<option value="http://trik-blog-nyaman.blogspot.com/2009/04/cara-menampilkan-posting-baru.html"> Cara Menampilkan Posting Baru </option>
</select>

maka hasilnya akan seperti ini :

Arsip BlogCara Membuat Dropdown MenuCara Membuat Menu Vertikal

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 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 yang merupakan kode paling atas dari menu ini :

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

hasilnya akan seperti ini :

Arsip BlogCara Membuat Dropdown MenuCara Membuat Menu Vertikal

Complete deh...

Caranya:

1. Masuk Ke Tata Letak,kemudian pilih gadget.
2. Pilih HTML/JavaScript
3. Copy Paste Script di bawah ini  . .

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:110px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i41.tinypic.com/5e6g3k.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=265736&amp;boxtag=e1q4w7&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>

<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=265736&amp;boxtag=e1q4w7&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>

</div>

<!-- END CBOX -->

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

4.Save

Tulisan yang berwarna Merah,di ganti dengan Script C-Box Atau Shoutmix Teman" ya ? ? ?

Selamat mencoba . . . .

8. Ganti kode berwarna merah dengan Script shoutmix/Cbox kamu.
9. Ganti juga ukuran yang berwarna biru untuk atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
10.Jangan lupa Save.

silahkan di coba dan lihat hasilnya.