Apa ini maksudnya? Saya tidak akan menjelaskan secara teori, namun akan saya jelaskan memakai contoh agar lebih mudah dipahami. Perhatikan link atau tautan berikut: Tautan 1 dan Tautan 2.Keduanya memiliki tampilan yang berbeda, baik dari awal maupun setelah mouse diarahkan (hover). Bagaimana cara membuatnya? Mungkin bagi webmaster pembuatan link sejenis ini sudah tidak asing lagi. Tapi bagi saya yang statusnya masih newbie ini hal baru. Langsung saja inilah cara membuat link/tautan tampilan berbeda-beda dalam satu blog:
- Masuk ke Dasbor blog anda. Langsung tuju ke halaman Edit HTML (tidak usah centang Expand Template Widget).
- Cari kode
]]></b:skin>lalu copy-paste kode berikut di atasnya.a.hotlink {text-decoration:none; text-shadow: 3px 3px 10px #81BEF7;}
a.hotlink: hover {text-decoration:none; text-shadow: 3px 3px 10px #3b5998;} - Simpan perubahan yang anda lakukan terhadap template blog anda.
- Lalu dalam membuat link, gunakan kode ini:
<a class="hotlink" href="http://url-tautan.com">Tautan</a>
Jika anda berhasil melihat perubahan tampilan di blog anda, sekarang anda bisa berekspresi dengan kode-kode style yang tadi anda pasang di atas kode
]]></b:skin> .Selamat mencoba semoga berhasil.
