Tuesday, 12 April 2011

Tutorial Cute Hover

nampak gambar dekat atas tu ? itu header kitorangkan ? then , ada nampak mcm warna merah ,kuning tu ? itu dinamakan hover . bila korang letak cursor dekat mana-mana link , benda tu akan keluar . okay , jom kita mula...

  • Dashboard--->Design--->Edit HTML
  • Press CTRL+F untuk cari kod di bawah :
a:hover

  •  then , tekan CTRL+C untuk copy code dibawah :
color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;text-decoration:underline;

  • paste kan kod diatas tu , dekat bawah kod a:hover yg sebelum tu .
Gantikan tulisan yg berwarna merah kepada salah satu URL image dekat bawah ni :

 http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif
 http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif
 http://dl6.glitter-graphics.net/pub/590/590966tdltan40f8.gif
 http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif
sorry guys , tak de gambar . kalau nak tgk rupa hover tu mcm mana . copy URL image dekat atas tu  , then paste kan dekat new tab . Okay ;)

yang penting , korang Preview dulu.. jgn main save je . kalau tak jadi ? siapa susah .. korang jugak kan ? nnti jgn sampai korang terjun bangunan , disebabkan blog korang rosak .

No comments:

Post a Comment