YARO STARAK BLUE PRINT

Yahoo bot last visit powered by  Bots Visit
Google bot last visit powered by Bots Visit
powered by PRBbutton
Personal Blogs - BlogCatalog Blog Directory
Blog Directory & Search engine
Minggu, 16 Mei 2010

MEMBUAT MENU DROPDOWN TANPA EDIT HTML

BAGAIMANA CARA MEMBUAT MENU DROPDOWN ?

atikel ini adalah salah satu cara untuk memperindah tampilan blog anda dan juga mempermudah pengunjung blok anda untuk mencari artikel yang ada di blo anda. menu Dropdown juga merupakan solusi untuk anda yang ingin menghemat tempat di blog anda. karena dengan menggunakan Dropdown menu ini kita bisa menyembunyikan banyak link dalam satu menu dropdown. Lihat contoh menu Dropdown di bawah ini.

image image

Gambar kiri adalah menu dropdown sebelum di klik, dan yang kanan setelah di klik. cara membuat menu dropdown ini sangat mudah dan anda tidak perlu membuka halaman edit html untuk membuatnya, karena menu dropdown ini diletakkan di sidebar, jadi mudah untuk dipindah – pindahkan bila letaknya kurang memuaskan, dan juga tidak begitu memberatkan loading blog anda. jadi mestinya keberadaan menu dropdown ini nantinya akan sangat membantu anda untuk memperindah blog anda. dan yang pasti gak pake ribet.

langkah – langkah untuk membuat menu dropdown ini sebagai berikut, silahkan anda masuk ke Blogger. seperti biasa, login, lalu pilih TATA LETAK teruskan ELEMENT HALAMAN.
lalu Pilih TAMBAH GADGET lalu pilih HTML/ JavaScript. setelah itu anda Masukan code di bawah ini :

----------------------------------------------------------------------------------------------------------------------

<select onChange="document.location.href=this.options[this.selectedIndex].
value;" style="width:230px">
<option value="0" selected />WALET
<option value="http://earning-news.blogspot.com/2010/04/budidaya-burung-walet.html" /> budidaya burung walet
<option value="http://earning-news.blogspot.com/2010/04/cara-mencuci-sarang-walet.html" /> Mencuci sarang
<option value="http://earning-news.blogspot.com/2010/05/farming-of-edible-nest-swiflet-for.html" /> The farming of Swiflet
<option value="http://earning-news.blogspot.com/2010/05/memulai-budidaya-walet.html" />Memulai budi daya walet
<option value="http://earning-news.blogspot.com/2010/05/walet.html" /> Walet
<option value="http://earning-news.blogspot.com/2010/05/masalah-dalam-budidaya-walet.html" /> budi daya walet
<option value="Link Anda" /> Permasalahan walet
<option value="http://earning-news.blogspot.com/2010/05/sejarah-budidaya-walet.html" /> Sejarah budidaya walet
<option value="http://earning-news.blogspot.com/2010/05/resep-masakan-sarang-walet.html" />Reasep masakan walet
</select>

<select onChange="document.location.href=this.options[this.selectedIndex].
value;" style="width:230px">
<option value="0" selected />GAHARU
<option value="http://earning-news.blogspot.com/2010/05/gaharu.html" /> Gaharu
<option value="http://earning-news.blogspot.com/2010/05/pemeliharaan-bibit-gaharu.html" /> Pemeliharaan bibit
<option value="http://earning-news.blogspot.com/2010/05/budidaya-gaharu-sistem-bio-induksi.html" /> Sistem bio induksi

</select>

----------------------------------------------------------------------------------------------------------------------

Ganti tulisan berwarna biru muda dengan Link yang inginkan.
Ganti tulisan berwarna merah dengan judul untuk menu dropdown Anda.
Teks warna ungu merupakan judul dari menu anda, anda bisa mengganti dengan teks yang anda inginkan. dan untuk menyesuaikan ukuran luas dari menu dropdown agar sesuai dengan lebar dari sidebar di blog anda, anda cukup mengganti tulisan angka berwarna oranye, jika sudah selesai, silahkan anda Simpan. lalu lihat hasilnya.

terima kasih anda telah mengunjungi blog ini, silahkan lihat artikel yang lain dan satu lagi saran dari saya, apabila anda memiliki blog pribadi dan mempunyai keinginan untuk membuat blog anda lebih eksis harap anda anda me – link blog saya ini dan tinggalkan pesan anda di shoutbox agar saya bisa me – link blog anda juga. ini jenis kerja sama yang saling menguntungkan juga khan…?

copy dan paste – kan scrip link saya di bawah ini

----------------------------------------------------------------------------------------------------------------------

<!-- link EARNING news pakai logo-->
<center><a href="
http://earning-news.blogspot.com" target="_blank"> <img src="http://farm5.static.flickr.com/4022/4544396701_207e85590f_o.png" align="center" /></a></center>
<!-- end link EARNING news pakai logo—>

----------------------------------------------------------------------------------------------------------------------

Tampilan link saya

logo earning

1 komentar:

Blogadexme | Tips Komputer | Download Lagu | Info Terbaru mengatakan...

mntap sob.....

Posting Komentar

Posting yang berkaitan

TUKARAN LINK SILAHKAN COPY LINK DI BAWAH INI

Ą