Blog Tips dan Trik: Cara Membuat Efek Glow pada Teks atau Link Blogger

Efek Glow merupakan efek yang muncul ketika mouse kita dilewatkan diatas sebuah link di website atau blog kita. sehingga nampak seperti di gambar atas. tulisan akan berpendar, seperti memancarkan cahaya. langsung aja. cara-caranya ada dibawah ini

Tentunya kamu harus masuk ke akun blogger
Selanjutnya masuk ke Rancangan > Edit Html > Jangan lupa klik centang Expand Template Widget.
Tekan CTRL + F pada keyboard dan cari kode a:link nanti akan muncul semiripnya seperti berikut!

a:link{ color:#006699; text-decoration:none}
a:visited{ color:#006699; text-decoration:none}
a:hover{ color:#000; text-decoration:none}

Kode yang saya beri warna biru silahkan ganti dengan kode

text-decoration:none;text-shadow:0 0 10px blue

Sehingga hasilnya seperti berikut ini!

a:link{ color:#006699; text-decoration:none}
a:visited{ color:#006699; text-decoration:none}
a:hover{ color:#000; text-decoration:none;text-shadow:0 0 10px blue;}

pada kode 10x bisa anda ganti sesuai keinginan anda semakin tinggi nilainya semakin besar efek cahaya yang muncul. Dan kode blue bisa di ganti dengan red, black, green, dsb sesuai dengan kebutuhan anda :).
Jika semuanya sudah selesai jangan lupa klik SIMPAN TEMPLATE dan lihat hasilnya.

jika ingin menambah kan efek bintang nya lanjutkan dengan meng-editnya seperti di bawah ini:

Cari kode a:hover{ atau a:visited{ (Tekan CTRL + F untuk mempermudah pencarian)
Letakkan kode di bawah ini, di bawah kode a:hover{ atau a:visited{

a:hover{background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSAgFud4INo13ejmVO6PGXVl6IRlEHl4YlJF029SkyNjHNaHIs5hn7vUJkE-t86Ycaxfy_DuuViRM5pWULmOTWB5wCDbLzXG7yMRfjybzlTf0GIRgxn-OpSP9JQkMeu-9_BMSCM4YYJP0/s1600/stars.gif);}
Lalu klik simpan template.
monggo di cek hasilnya

Blog Tips dan Trik

Sunday, August 24, 2014

Cara Membuat Efek Glow pada Teks atau Link Blogger

No comments:

Post a Comment

Artikel Lain