13 Desember 2011

Cara Membuat Link Berkelap-kelip (seperti cahaya)

Dalam postingan ini saya coba untuk membuat sebuah link yang kalau terkena mouse tulisan tersebut langsung kelap kelip seperti terkena sinar cahaya(berkilap) ,kalau kayak gini kan jadi tambah cantik deh blog atau web kita.mengedipkan mata
Terus gimana caranya ya..?ide cemerlang

Oke . .langsung aja kita ke TeKaPe . .cerewet

  •  Masuk ke blogger dengan ID anda
  •  Pada dasbor anda, silahkan pilih Rancangan
  • Kemudian pilih Edit HTML
  • jangan lupa centang Expand Template Widget
  •  Setelah itu, silahkan anda cari kode seperti ini a:hover {
a:visited {
text-decoration:none;
color: $(link.visited.color);
}

a:hover {
text-decoration:underline;
color: $(link.hover.color);
}

.content-outer {
background: $(content.background);

  • Setelah ketemu, silahkan ganti kode yang berwarna merah dan  tebal   kode di bawah ini: 
color: #00FFFF; text-transform: uppercase; font-weight: bolder;
font-size: 20px; background-image: url(http://i27.tinypic.com/2626vyh.jpg);

Jika sobat sudah ganti kode script di atas maka tampak hasil nya seperti di bawah ini :

a:visited {
text-decoration:none;
color: $(link.visited.color);
}

a:hover {
color: #00FFFF; text-transform: uppercase; font-weight: bolder;
font-size: 20px; background-image: url(http://i27.tinypic.com/2626vyh.jpg);
}

.content-outer {
background: $(content.background);
  •  Kemudian Simpan Template.
 NB : sebelum ada menyimpan hasil modifikasi kode tersebut di usahakan terlebih dahulu simpan dan download templete anda atau pratinjau terlebih . kalau sudah bener baru di simpan templete dahulu untuk menghindari error yang terjadi dalam html .
itulah tadi tips cara membuat link berkelap-kelip ala artfussion .


Nah ,sekarang sobat lihat hasil nya..berdoa!!!!selamat mencoba menari


Jangan lupa klik tombol like gan !! :P 

0 komentar:

Tambahkan Icon
:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* : 8-} ~x( :-t b-( :-L x( =))

Posting Komentar

Artikel Terbaru :

Related Post