Latest News

Cara Membuat Link Membesar Ketika Disorot Mouse

Kamu tertarik dengan gaya link di blog NamiKaze Star ini? apa karena linknya membesar ketika disorot mouse?, oh, itu sih gampang sob caranya, tinggal merubah sedikit kode HTML.





Begini caranya:

  • Masuk ke akun blogger sobat
  • Masuk kebagian Template -> edit HTML
  • Cari kode berikut:
a:link {
  text-decoration: none;
  color: $(link.color);
}
a:visited {
  text-decoration: none;
  color: $(link.visited.color);
}
a:hover {
  text-decoration: underline;
  color: $(link.hover.color);
}


  • Jika sudah ketemu hapus/ganti kode tersebut dengan kode berikut:
 a:link {
color:#0000ff;
font-size:10px;
}
a:hover {
color:#d2691e;
font-size:19px;
font-style:italic;
}


  • Perhatikan kode yang berwarna merah, kode tersebut adalah kode warna link sebelum dikunjungi
  • Perhatikan juga kode yang berwarna kuning, itu adalah kode warna link yang akan berubah setelah dikunjungi
  • Nah, untuk kode yang berwarna biru adalah kode ukuran link sebelum ada mouse
  • Kemudian adalah kode dengan warna ungu, itu adalah kode ukuran link setelah mouse berada diatas link tersebut
  • Dan  yang terakhir adalah orange kecoklatan, itu kode link yang akan membentuk efek miring / italic saat mouse berada tepat diatas link tersebut
  • Sobat bisa merubah sesuai selera
  • tapi jika sobat tidak ingin merubah kode diatas sedikitpun, maka hasilnya akan sama pada link saya, bedanya saya memberi efek link pelangi pada setiap link diblog saya
  • Oke jika semua sudah Sobat lakukan dengan benar, langkah yang terakhir adalah save template

No comments:

Post a Comment

Terimakasih telah berkunjung dan membaca artikel NKS, Silahkan tinggalkan komentar anda guna meramaikan blog sederhana ini.

NamiKaze Star Shared by Themes24x7 Copyright © 2014

Theme images by Bim. Powered by Blogger.