Ada tiga bentuk tampilan link yang biasa terdapat pada script HTML template blog, yaitu: link active, link visited dan link hover.
* Link active, adalah bentuk tampilan link ke suatu URL tertentu yang masih belum diklik untuk dikunjungi.
* Link visited, adalah bentuk tampilan link yang sudah diklik untuk dikunjungi. Link ini akan kembali ke bentuk active jika kamu menghapus riwayat (history) pada internet explorer, atau jika kamu membuka situsnya di komputer lain.
* Link hover, adalah bentuk tampilan link apabila didekati oleh mouse pointer.
Sampai sini sudah jelas kan? Nah, sekarang baru kita bicara bagaimana memberi rainbow effect (efek pelangi) pada link hover, supaya link pada blog kamu, apabila didekati oleh mouse pointer, akan berubah-ubah warna seperti pelangi. Untuk memberi efek pelangi pada link hover ini sebenarnya cukup mudah, kamu bisa mengikuti langkah-langkah berikut :
* Kopi salah satu script berikut :
<script src='http://arti.master.irhamna.googlepages.com/rainbow.js'/>
atau
<script src='http://xj9.site50.net/anni3access/script/rainbow-link.js'/>
atau
<script src=' http://h1.ripway.com/syarung/text_link_pelangi.txt' type='text/javascript'/>
* Ingat, jangan semua dikopikan. Pilih salah satu saja yang menurut kamu OK.atau
<script src='http://xj9.site50.net/anni3access/script/rainbow-link.js'/>
atau
<script src=' http://h1.ripway.com/syarung/text_link_pelangi.txt' type='text/javascript'/>
* Kemudian Login ke blogger.
* Dari halaman Dashboard klik Tata Letak dan pilih Edit HTML.
* Letakkan script tadi (yang sudah dikopi) di bawah <head> (sebaiknya di bawah <title><data:blog.pageTitle/></title>), yang letaknya ada di barisan awal script.
* Dont forget, save hasil kerjaan kamu.
Untuk melihat hasilnya, coba kamu buka blog kamu dan dekatkan mouse pointer kamu ke kata/kalimat yang memakai link.
Tutorial Blog
- Menampilkan Icon Di Samping Judul Postingan
- Membuat Tombol Top Up
- Cara Mendisable Klik Kanan & CTRL+U pada Keyboard
- Cara Membuat Daftar Isi Di Widget Blogspot
- Cara Membuat Artikel Terkait (Related Post) Di Blogspot
- Cara praktis Membuat Read More Di Blogspot
- Cara Membuat Menu Horizontal
- Cara cek blog do follow dengan add on mozilla
- Membuat Recent Comments
- Membuat Widget Kotak Blogroll Menghemat Tempat
- Membuat Show-Hide (spoiler)
- Text Area Dengan Memakai HighLight
- Membuat Judul Blog Bergerak Versi 2
- Cara Membuat Footer Menjadi 3 Kolom
- Membuat Judul Blog Bergerak Dari Kanan ke Kiri
- Cara Menghilangkan Tanggal Posting
- Cara Menghilangkan Navbar Blogger
- Membuat Read More Di Setiap Postingan
- Membuat Bingkai Untuk Sebuah Tulisan Atau Gambar
- Menambah Smile Cbox Dan Shoutmix
- Google Translate
- Flag Counter
Tidak ada komentar:
Posting Komentar