Sunday, October 30, 2011

[Tutorial] Floating Image









Hari nie yana nak buat tuto. Haha! Mood agak okay. Nak cakap happy, tak. Nak cakap sedih pun tak. Biasa jahh :D






Ulat ye? Heee. Semut lah sayang. Hoho. Takpe2. Meh sini yana ajar ye :D

1. Dashboard > Template > Edit HTML \for blogger template/
1. Dashboard > Template \for blogskin template/

2. Ctrl + F, search for this code :




<head>




3. Copy code nie and paste DI BAWAH code <head> tadi :




<div id="img" style="position: fixed; right: 5px; top: 20px;">
<img src="http://i374.photobucket.com/albums/oo182/nlby/ant.gif" />
</div>




#yang merah tu korang boleh ubah kalau nak tukar kedudukan dia :)

4. Save. Siap! Mudah saja kann? :D




p/s : actually tuto nie boleh je guna untuk buat image yang terapung tu. tak semestinya untuk semut comel nie je. dan kpd sesapa yang terkena tu sorry lah yee? :D
Credit pic : HERE



Update :

Kalau tak jadi, korang paste je code tadi tu ke dalam HTML/JavaScript box. Untuk pengguna template dari blogger.com only ye? :)


Lots of Love,
Yana♥

No comments:

Post a Comment

Thanks for comment. Come again! ^_^