Salam bloggers...
Posting kali ini saya ingin membahas bagaimana cara membuat Text Link bercahaya atau overflow pada saat mouse atau pointer di arahkan pada link tersebut, Ttrick ini saya dapat dari hasil googling saya beberapa waktu yang lalu.. Mungkin sebagian besar sahabat bloggers sudah mengetahui trick ini, Namun tidak ada salahnya jika saya mengulas kembali Trick ini :)
Nahh... Langsung saja kita ke pokok permasalahan nya:
Posting kali ini saya ingin membahas bagaimana cara membuat Text Link bercahaya atau overflow pada saat mouse atau pointer di arahkan pada link tersebut, Ttrick ini saya dapat dari hasil googling saya beberapa waktu yang lalu.. Mungkin sebagian besar sahabat bloggers sudah mengetahui trick ini, Namun tidak ada salahnya jika saya mengulas kembali Trick ini :)
Nahh... Langsung saja kita ke pokok permasalahan nya:
- Login ke blog Sahabat masing-masing
- Masuk ke Dashboard » Template » Edit HTML
- Jangan lupa centang Expand Widget Template
- Kemudian cari kode kira-kira seperti di bawah ini "Tekan ctl+f" Untuk mempermudah pencarian.a:link {color:#346ba4;
text-decoration:none;
}
a:visited {
color:#346ba4;
text-decoration:none;
}
a:hover {
color:#346ba4;
text-decoration:none;
}
a img {
border-width:0;
}»»Tambah kan kode berikut :color:#346BA4;text-decoration:none;
text-shadow: 2px 2px 6px #ff0000;tepat di bawah kode a:hover {»»Sehingga kode nya menjadi sepeti di bawah ini:a:link {
color:#346ba4;
text-decoration:none;
}
a:visited {
color:#346ba4;
text-decoration:none;
}
a:hover {
color:#346ba4;
text-decoration:none;
text-shadow: 2px 2px 6px #ff0000;
}
a img {
border-width:0;
} - Jika sahabat masih merasa ragu silakan di preview dulu, Jika berhasil langsung klik save.
Keterangan kode:
»»kode berwarna biru merupakan besar kecil nya efek pada link
»»Kode berwarna aqua merupakan efek warna yang akan muncul pada link saat mouse di arahkan.