Membuat link berpercikan bintang

Hohoho, saya kali ini akan membahas, bagaimana membuat link di blog anda, jika terkena mouse akan bertaburan bintang, kalau kayak gini jadi tambah cantik deh blog atau web kita.
Langsung cekidot aja deh !!



  • Pertama, anda 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

Postingan terkait:

4 Tanggapan untuk "Membuat link berpercikan bintang"

> Jika Artikel ini Membantu , Silahkan tinggalkan Komentar Anda
> Jika ingin menuliskan Kode-kode blog , jangan sekali-kali menulisnya dengan lengkap , Karena kodenya tidak akan muncul.
> U Comment I Follow !!!
> (Comment Use Emoticons, Copy Paste this code example: 13 or the other to the column comments)
> "No Spam"
> Do not Forget Leave Your Comment Here ...
> I Highly Appreciate your comment. This blog has been Dofollow.
> Komentar yang masuk SPAM tidak saya hapus dan saya akan Follow (jika link ada)

Follow Blog ini jika ingin mendapatkan informasi paling update