Cara Membuat Link & Judul Post Blog Menjadi Berkelap-kelip Seperti Bintang

Selamat Malam Dan Salam Sejahtera Bagi Kita Semua.

Senang bisa kembali hadir disini untuk mengupdate informasi-informasi terbaru di blog ini. Kali ini Dalam postingan ini, saya akan coba untuk sedikit share tips unik bagaimana cara untuk membuat sebuah link dan judul post blog yang jikalau terkena mouse/kursor panah, maka tulisan tersebut akan langsung berkelap kelip kayak pelangi atau seperti bintang dech. Wahh,, pastinya bakalan keren dan menarik ya sob. kalau kayak gini jadinya tambah cantik deh blog atau web kita sob. hehehee...(*n_n*)
Terus gimana cara nya..?
 hmm... Caranya mudah kog sob, seperti biasa yang perlu sobat lakukan Ialah :

•  Masuk ke blogger dengan ID Sobat
•  Pada dasbor sobat, silahkan pilih Rancangan

• Kemudian pilih Edit HTML

• jangan lupa centang Expand Template Widget

•  Setelah itu, silahkan sobat cari kode seperti ini   a:hover   dengan menekan tombol ctrl :F                                                                                                                                                                               a:visited { text-decoration: none; color : $linkcolor; border: 0px; -moz-outline-style: none;}                     
•   a:hover {
    text-decoration:underline;
    color: $(link.hover.color);
  }
  
  .content-outer {
    background: $(content.background);   
• setelah ketemu, silahkan sobat ganti kode yang berwarna merah dan  tebal dengan 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 dapat memilih jenis-jenis dari pada warna pelangi lainnya dengan kode warna lain yang sobat sukai yang telah di letakan di  tag color yang berwarna biru  kayak contoh di atas kode warna nya #00FFFF bisa sobat ganti dengan kode -kode warna lain nya DI SISNI

 Jika sudah selesai, maka akan tampak hasilnya seperti ini :

  

a:visited { text-decoration: none; color : $linkcolor; border: 0px; -moz-outline-style: none;}

a:hover { color: #00FF00; text-transform: uppercase; font-weight: bolder;

font-size: 20px; background-image: url(http://i27.tinypic.com/2626vyh.jpg); }

a:focus { outline: none;-moz-outline-style: none;}

                
    Kemudian Simpan Templatenya.

 NB : sebelum sobat menyimpan hasil modifikasi kode tersebut di haruskan sobat terlebih dahulu menyimpan dan download templete sobat atau pratinjau terlebih dahulu, kalau sudah bener baru di simpan templete  untuk menghindari error yang terjadi dalam html.


Nah ,sekarang sobat lihat hasil nya..!!!!


    Semoga Bermamfaat  Sob,,


       Salam Sejahtera ..:: Natan Auto Software ::..