Membuat Efek Shadow Pada Judul Atau Link di Blog

Nie Langsung Aja Gue Share Cara nya

 

Berikut Langkah Langkanya : 

1.Silahkan langsung menuju ke :

   Blogger » Rancangan » Edit HTML » Centang Expand Widget

Tips : Untuk menjaga erorr kode HTML, Backup dulu dah template sobat ya???

2.Cari kode seperti dibawah ini :

a:hover {
  color:#80ff00;
  text-decoration:none;
}

3.Ganti kode tersebut menjadi kode dibawah ini

a:hover {color:#ffffff;text-shadow: 0 0 0.5em #80ff00,0 0 0.5em #80ff00;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}

4.Kemudian Simpan dan liat hasilnya.

Keterangan : 

Bila sobat pengen efek shadow/bayangan yang dihasilkan menjadi lebih tebal, maka tambahkan lebih banyak kode  0 0 0.5em #80ff00 Hasil Efek bayangannya yang dikeluarkan akan semakin tebal.

Contohnya seperti ini :

a:hover{color:#ffffff;text-shadow: 0 0 0.5em #80ff00,0 0 0.5em #80ff00,0 0 0.5em #80ff00,0 0 0.5em #80ff00;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}

Jangan lupa menbahkankan tanda 'KOMA' pada setiap kode yang ditambahkan ya???

Semoga Tutorial ini Berguna buat sobat blogger semuanya.

Kritik dan saran dikolom komentar ya sob. :D

Tweet

Subscribe to receive free email updates: