Wednesday, April 10, 2013

Membuat Link Blog Bergerak

Cara membuat link blog bergerak
Cara membuat link blog bergerak contohnya ada pada link blog aku ini apabila disentuh cursor. Contohnya gambar di atas yang aku tandai dengan anak panah. Link akan bergerak ke kanan apabila disentuh anak panah cursor, sebenarnya warna link nya juga bisa diubah dengan memasukkan kode warna kesukaan. 
Cara membuat link hover shadow bergerak ke kanan:
1.Masuk Dashboard > Template > edit HTML
2.Tick Expand Template Widget dan tekan F3 atau CTRL + F bersamaan dan cari kode:
a:hover {  (paling atas)
Kalau dibawah a:hover { ada kode berikut (contoh) hapus dulu:

color:#000000;
text-decoration: underline;

3.Letakkan kode berikut di bawah kode tadi:
color: transparent;
text-shadow: 10px 0px 1px #4D0000;
-webkit-transition: .5s;
-moz-transition: .5s;
}
3.Yang aku tandai dengan warna biru dan merah adalah ketebalan dan kode warna boleh ditukar sendiri menurut keinginan kalian.
4.Tekan pratinjau dan simpan template.
Source : Loveheaven07

No comments:

Post a Comment

Kebahagiaan sejati bukanlah pada saat kita berhasil meraih apa yg kita perjuangkan, melainkan bagaimana kesuksesan kita itu memberi arti atau membahagiakan orang lain.