CARA MEMBUAT EFEK API PADA LINK BLOG

21:11:00 , , 0 Comments

      Pada artikel kali ini admin akan berbagi sedikit tips dan trik membuat link blog berefek api seperti blog saya dibawah ini,  Pembahasan kali ini berbeda dengan artikel sebelumnya yaitu Cara Mengganti Scroll Bar Blog /WebSite.
Efek ini akan terlihat apabila pengunjung blog meletakkan pointer mouse diatas link blog kita. Secara pribadi, efek api pada link ini terlihat cukup keren dan menarik pengunjung, serta dapat menambah nilai seni pada blog.  
So, jika sobat blogger ingin membuat blognya tambah keren atau lebih tepatnya menjadi blogger profesional lagi simak artikelnya baik-baik ya.



Berikut ini langkah – langkahnya :

  1. Login ke Blogger sobat atau klik "Login Blogger",
  2.  lalu  Pilih menu "Template"
  3. Klik tombol "Edit HTML"
  4. Cari kode a:hover {  atau tekan "CTRL+F" untuk mempercepat pencarian (Jika Anda tidak menemukan kode ini, tolong baca *catatan dibawah.)

Contoh : Di blog saya, kodenya seperti ini : 

a:hover{text-decoration:none;}

Jika sudah ketemu, pastekan kode berikut setelah a:hover{

text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;Sehingga, kode akhirnya akan menjadi :a:hover{text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;

5. Terakhir, klik "Simpan Template".

*Catatan
Jika di blog Anda tidak ada kode a:hover{,  silahkan copy kode berikut dan pastekan  dibawah <b:skin><![CDATA[ 

a:hover{text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;text-decoration:none;}

Cukup Sekian Dulu Artikel Kali Ini Terimakasih Atas Kunjungannya, Bila Ada Kekurangan Atau Laiinnya Silahkan  Berikan Pendapatnya di Kolom Comentar, 

Anonymous

Terimakasih telah berkunjung ke web saya, jika ada yang ingin ditanyakan silahkan tinggalkan komentar atau kirim email ke saifulfuaadi@gmail.com

0 komentar: