Cara Buat Drop-down Blogroll

Cara Buat Drop-down Blogroll di Blogger Blogspot dan blog WordPress
Tutorial oleh www.fatihsyuhud.com
Sebagian blogger wordpress.com mengeluh karena tidak dapat memakai Marquee (Teks bergerak) untuk tukar link / blogroll dengan blogger Indonesia yang lain. Tanpa menggunakan Marquee (marki) atau teks bergerak, brogroll akan sangat panjang dan mengganggu pemandangan.
Sebenarnya kita dapat juga memakai Menu Pull-down supaya tempat jadi irit, tapi cara ini tidak dapat membuat live link (link hidup)
sehingga teman yang diajak tukar link tidak mau. Termasuk saya. Blogger yang ngelink saya dengan memakai menu pull-down tidak akan mendapat love-link balik dari saya. Jadi gimana alternatifnya? Pakailah drop-down menu. Lihat contohnya di sidebar blog ini bagian bawah. Ikuti petunjuk praktis berikut:

Copy / paste kode di bawah ini dan masukkan di sidebar blog wordpress.com atau blogger / blogspot Anda. Jangan lupa untuk mengganti alamat URL dengan alamat situs yang Anda suka.

<div style="border:1px solid #006600;overflow:auto;width:160px;height:100px;">
<ul>
<li><a href="http://afatih.wordpress.com/" target="new">Blog Tutorial</a></li>
<li><a href="http://fatihsyuhud.com/" target="new">Blogger Indonesia</a></li>
<li><a href="http://alkhoirot.com/" target="new">Alkhoirot</a></li>
<li><a href="http://www.jobvacancycareer.com/" target="new">Job Vacancy</a></li>
<li><a href="http://www.lowongankerjas.net/" target="new">Kerja</a></li>
<li><a href="http://www.lowongankerjas.org/" target="new">Kerja</a></li>
<li><a href="http://www.beasiswas.com/" target="new">Beasiswa</a></li>
<li><a href="http://www.beasiswas.net/" target="new">Beasiswa</a></li>
<li><a href="http://www.beasiswas.info/" target="new">Beasiswa</a></li>
<li><a href="http://www.beasiswas.org/" target="new">Beasiswa</a></li>
<li><a href="http://lowonganbeasiswa.com/" target="new">Info Beasiswa</a></li>
</ul>
</div>

Cara memasukkan kode.
Untuk wordpress.com:
1. Setelah login, klik Desain / Design;
2. Klik Widget
3. Teks Widget -> klik Tambah atau Add
4. Klik Simpan Perubahan
5. Di Teks Widget yang tadi klik Sunting atau Edit
6. Copy dan paste kode di atas di situ.
7. Klik “Ubah” dan klik “Simpan Perubahan”
8. Selesai.
Untuk Blogger.com / Blogspot:
1. Setelah login, klik Tata Letak atau Layout
2. Klik Tambah Gadget atau Add Gadget
3. Klik HTML / JAVASCRIPT
4. Copy / paste kode di atas
5. Klik Simpan.
6. Selesai.
TIPS PENTING:
1. Untuk menambah atau mengurangi lebar / width kotak drop-down, Anda tinggal merubah angka setelah “width”. Sementara untuk merubah / mengedit ukuran panjang-pendeknya (ke atas-bawah-nya, Anda tinggal mengganti angka setelah “height”.
2. Untuk menambah atau membuat link baru, tinggal copy / paste salah satu baris link yang ada dan ganti dengan alamat URL situs yang akan dimasukkan ke website / blog Anda.
Selamat mencoba dan salam ngeblog.
Update: Setelah mempertimbangkan satu dan lain hal, akhirnya blogroll di fatihsyuhud.com yang semula memakai marquee atau teks bergerak saya rubah menjadi drop-down.