Tips Blogger | Tips Komputer | Tips Internet | Bisnis Online Tips

 

Drop-down Blogroll


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://lowongancpns.blogs.ie/" target="new">Loker</a></li> <li><a 
href="http://kerja.blogs.ie/" target="new">Kerja</a></li> <li><a 
href="http://lowongankerjas.blogs.ie/" target="new">Informasi Kerja</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.

Comments :

0 komentar to “Drop-down Blogroll”

Posting Komentar

Blog Status

Daily Categories