Membuat Link Mengeluarkan Efek Shadow/Bayangan

Ditengah malam yang sangat sunyi ini, saya ingin berbagi kepada sobat blogger semuanya tentang tutorial yang mungkin patut untuk diterapkan di blog sobat semuanya. 

Sebenarnya kemarin saya udah share tutorial ini, yaitu tentang Cara Memberi Efek hover Sahdow Pada Link dan Gambar.
Akan tetapi pada tutorial yang kemarin mungkin efek sahdow/bayangan yang dihasilkan kurang maksimal. 

Nah kalau tutorial yang ini, efek bayangannya yang dihasilkan akan berbeda, seperti yang sudah saya terapkan di blog saya ini. 

.Dari pada sampai larut malam gini aku gak bisa bubuk,,,!!! Saya sempatkan aja ngeposting artikel ini. Hehe

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.  

Siap Berkarya?

Anda sedang membaca Artikel tentang Membuat Link Mengeluarkan Efek Shadow/Bayangan Dan anda bisa menemukan Artikel Membuat Link Mengeluarkan Efek Shadow/Bayangan Ini dengan URL http://ferdi2end.blogspot.com/2011/12/membuat-link-mengeluarkan-efek.html, Anda boleh menyebar luaskan atau Mengcopy paste-nya jika Artikel Membuat Link Mengeluarkan Efek Shadow/Bayangan Ini sangat bermanfaat bagi teman-teman anda,Namun jangan lupa untuk mencantumkan Link Membuat Link Mengeluarkan Efek Shadow/Bayangan Sebagai Sumbernya. Terimakasih

Evolutions Backlinks ™

URL

Code For Forum

HTML Code <a href='http://ferdi2end.blogspot.com/2011/12/membuat-link-mengeluarkan-efek.html' target='_blank'>Membuat Link Mengeluarkan Efek Shadow/Bayangan</a>

Related Post: