Cara Menciptakan Efek Link Bertabur Bintang Di Blog

Cara Membuat Efek Link Bertabur Bintang di Blog Saya akan membagikan pengaruh link bertabur bintang di blog. Efek taburan bintang ini akan terlihat apabila pointer mouse diletakkan diatas link. Masih belum terbayang bagaimana pengaruh link bertabur bintang ini? Silahkan lihat gambar berikut :

Cara memasangnya cukup mudah. Ikuti beberapa langkah berikut :
1. Buka Blogger, dan masuk ke Template.
2. Buat sebuah backup dari template blog Anda, kemudian lanjutkan dengan mengklik tombol Edit HTML.
3. Cari isyarat a:hover { (gunakan tombol sakti, CTRL+F). Kurang lebih kodenya menyerupai dibawah ini :



a:hover {
color:#325C1C;
text-decoration:underline;
text-shadow:5px 5px 5px #000;
}

4. Sisipkan isyarat berikut sempurna disebelah atau sehabis isyarat a:hover { .

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHVFbDZAF-UcEwJob-1syNUlo635sNQWUefRjyfIRNkZ2-pA1NRCfis6t7-DTMWckRJHiIF1-nIdWAyLc_moI9CLXIciW5HSBuCuDJOge4tGgl7mvRZjo5wRXtJKtlfsgvxRAXyf12swTr/s1600/bertabur-bintang.gif);

Sehingga kodenya akan menjadi :

a:hover {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHVFbDZAF-UcEwJob-1syNUlo635sNQWUefRjyfIRNkZ2-pA1NRCfis6t7-DTMWckRJHiIF1-nIdWAyLc_moI9CLXIciW5HSBuCuDJOge4tGgl7mvRZjo5wRXtJKtlfsgvxRAXyf12swTr/s1600/bertabur-bintang.gif);
color:#325C1C;
text-decoration:underline;
text-shadow:5px 5px 5px #000;
}

5. Terakhir, klik Simpan, dan buka blog Anda untuk menguji pengaruh link bertabur bintang ini.

Bagaimana? Oh, iya! Setelah melaksanakan trik memasang pengaruh link bertabur bintang di blog, jangan lupa untuk shar it link ini, Terima kasih, dan selamat mencoba!

Tweet