TUTORIAL BUAT BLOG LENGKAP DAN TIPS KOMPUTER: RAHASIA SCRIPT TUKAR LINK LEBIH HIDUP Dengan DROP DOWN MENU

MEMBUAT TUKAR LINK LEBIH HIDUP
Selama ini Kolom Tukar Link di Sidebar hanya statis saja, maka kali ini saya akan memberikan bahasan Rahasia cara membuatnya.
Seperti biasa pertama-tama masuk dahulu ke Layout, klik Add a Gadget di sidebar.
Cari HTML/Javascript dan klik.

Masukkan kode berikut ke dalam HTML :

<div style="border: 1px solid rgb(130, 230, 170); overflow: auto; width: 198px; height: 100px;"><ul><li><a href="http://Tutorialblog-sg.blogspot.com/">Tutorial Membuat Blog</a></li><li><a href="http://nvidia-nb-driver-moded.blogspot.com/">Nvidia Mobile Modif</a></li><li><a href="http://VISTA-SG.blogspot.com/">Windows Vista Tips Tweak</a></li></ul></div>

Klik SAVE dan Selesai.

TIPS Perubahan Script
1. border: 1px ---> ini bisa diganti angkanya misal 3px atau 10 px.
Semakin besar angka maka Frame Border akan semakin tebal.

1px solid rgb(130, 230, 170); overflow: auto; width: 198px; height: 100px;

2. warna : (130, 230, 170) bisa anda ganti eksperimen untuk warna border
misalkan diganti (0, 0, 0) kalau mau hitam saja atau (0, 200, 0) atau (10, 10, 180)
dan lihat saja hasil perubahan warnanya. Sesuaikan dengan warna latar blog anda.

3. width: 198px; height: 100px
Ukuran width = Lebar Frame dan height = tinggi Frame
Ini bisa dirubah sesuaikan dengan ukuran Lebar Sidebar anda.
Standar minimum 170 x 70px sudah cukup minimal untuk dibaca.
Karena Tinggi 70 px bisa memuat 3 baris Link.
Terserah anda mau memakai ukuran berapa yang penting tidak terlalu kecil dan dipaksakan.

4. Sekarang memasukkan Link dari teman/blogger lainnya, standarnya seperti ini, perhatikan contoh kalimat Script dibawah :

<li><a href="http://Tutorialblog-sg.blogspot.com/">Tutorial Membuat Blog</a></li>

http://Tutorialblog-SG.Blogspot.com/ ---> Bisa anda ganti dengan URL blog lain
Tutorial Membuat Blog ---> Bisa anda ganti dengan Deskripsi dari Blog tersebut
Misalkan menjadi ini :

<li><a href="http://NAMA_BLOG_ORG.blogspot.com/">CARA TUKAR LINK RAHASIA JELAS</a></li>

Jadi setiap kali anda mau menambah alamat URL bog lain untuk tukaran link, masukkan kalimat script ini secara lengkap, tinggal merubah saja alamat URL dan deskripsinya.

Nah Tutorial Cara menambah LINK sudah selesai.

Sekarang Bagaimana membuat Script Tukar Link tersebut menjadi Hidup dan tidak Monoton istilahnya.
Begini.
Script Tukar Link di atas bisa kita rubah supaya nantinya pada saat Mouse kita mengarah ke kalimat link tersebut, akan muncul DESKRIPSI url yang bisa lebih panjang sesuai kemauan kita, juga hurufnya bisa di pertebal/bold.
Lihat contoh Script di atas yang sudah dirubah sebagai berikut :

Contoh:

<div style="border: 1px solid rgb(0, 0, 100); overflow: auto; width: 204px; height: 100px;"><ul><li><a href="http://TutorialBlog-SG.blogspot.com" title="TUTORIAL Tentang Cara Membuat BLOG di Blogspot/Blogger secara Lengkap dan Rinci - mudah bagi Pemula"><strong>Tutorial Blogger SECRET</strong></a></li><li><a href="http://Indo-SG.Blogspot.com" title="Tentang Indonesia, Macam2, Hot, Music, Artis, gado-gado, dari Entertain, Bisnis, Business, Money, Uang, Saham, Forex, Finance, Komputer, Joke, Lucu, Cerita, Software, Download, Buka-bukaan, General....all in one Gosip Blogspot.com Blogger"><strong>INDO HOT BLOG</strong></a></li></ul></div>

OK perhatikan salah satu kalimat script paling atas ini :

<li><a href="http://isiURL-NAMA-BLOG-ANDA" title="isi-DESKRIPSI NAMA BLOG ANDA Di Blogspot"><strong>JUDUL BLOG ANDA SINGKAT</strong></a></li>

Terlihat ada penambahan TITLE = untuk men-deskripsikan apa isi blog & url anda, sehingga saat Mouse mengarah ke Link tersebut akan muncul tulisan title tersebut.
Dan (strong) untuk menebalkan Huruf.
Hasilnya bila mouse menuju ke Link akan seperti gambar di bawah ini.