Sunday, June 16, 2013

Cara membuat efek bayangan pada link

Kali ini saya akan posting efek bayangan pada link Efek Bayangan ini berfungsi jika saat kita mengarahkan mouse pointer ke link blog kita. Jika kamu mengarahkannya maka terlihat bayangan link tersebut.Baik tanpa basa-basi lagi langsung saya jelaskan. Simak langkah-langkah berikut ini !

Efek Bayangan :
  • Tentunya kamu harus masuk ke akun  blogger kamu dahulu.
  • Selanjutnya masuk ke Rancangan > Edit Html > Jangan lupa klik centang Expand Template Widget.
  • Tekan CTRL + F pada keyboard dan cari kode ]]></b:skin> dan selanjutnya
  • Copy code script dibawah ini diatas Code ]]></b:skin> 
a:hover {
color:#FFFFFF;
text-decoration: underline;

text-shadow:3px 3px 3px #000;
}
       Keterangan :
  • 3px 3px 3px yaitu ukuran bayangan yang akan ditampilkan. 
  • #000 yaitu kode warna yang akan ditampilkan.
  • Jika semuanya sudah jangan lupa klik SIMPAN TEMPLATE dan lihat hasilnya. Sekian tutorial saya kali ini semoga semuanya faham :) 
     




Related Posts

Comments
0 Comments

0 comments:

Post a Comment

Jangan lupa Follow + Like Fanspage
dan jangan lupa tinggalkan komentar :D

(ini perintah maka laksanakanlah xD)