Apakah kalian mau blog anda ada efek glow / bayangan seperti pada gambar di atas ? caranya gampang kok tinggal iuti langkah - langkah di bawah ini, tanpa berlama - lama lagi mari kita simak langkah - langkahnya di bawah ini :
- 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 warna biru silahkan ganti dengan kode
text-decoration:none;text-shadow:0 0 10px blueSehingga 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 warna lainnya sesuka 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://lh6.googleusercontent.com/-AlOJLqdQbgM/TX8PrNRSMsI/AAAAAAAAAaY/qJhxSdh5tfE/s1600/stars.gif);}
Lalu klik simpan template.Dan lihat hasilnya.
Ditulis Oleh : Rizky
Sobat sedang membaca artikel tentang Cara Membuat Efek Glow / Bayangan Dengan Bintang Pada Link Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini. Silakan di rubah dan sesuwekan sesuka selera sobat
Tidak ada komentar:
Posting Komentar