Senin, 23 Mei 2011

Home » » Cara membuat link menjadi pelangi

Cara membuat link menjadi pelangi


uuukh capeknya abis di supervisi dari DIKNAS, eh biar gak boring mending share postingan ini saya coba untuk membuat sebuah link yang kalau terkena mouse tulisan tersebut langsung kelap kelip kayak pelangi ,kalau kayak gini jadi tambah cantik deh blog atau web kita.
Terus gimana cara nya..?
  • 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 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);



NB : Sobat bisa memilih warna pelangi nya dengan kode warna lain nya yang di letakan di  tag color yang berwarna biru  kayak contoh di atas kode warna nya #00FFFF bisa anda ganti dengan kode -kode warna lain nya DISINI
Jika udah anda 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
Nah ,sekarang sobat lihat hasil nya..!!!!semoga bermamfaat

0 komentar:

Posting Komentar

Arsip Populer

 
Diberdayakan oleh Blogger.

Translate

mau pinter

membuat blog atau website? klik saja di sini

© Copyright 2011. All Right Reserved by Pondok Pengetahuan | Designed by Free Blogger Templates | Premium Wordpress Themes | Coupons Code | Free Icons