« »
[Tutorial] Floating Image
October 30, 2011 | 12:31 PM
3 chingu[s]





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♥

Labels: , ,



3 Comments

Blogger yati said...

kenape tk boleh ea nak buat dia kluar prktaan ni 'Your template is invalid because the 'div' tag appears inside of the 'head' tag.'

 
Blogger Yana Cheya said...

try paste dalam kotak HTML/JavaScript :)

 
Blogger Nuraisyah Ainaa said...

thanks :) Jadi pun.

 

Post a Comment

No harsh word here please. Thanks for the comments :)



|


Disclaimer



This blog belongs to me and me only. All items made by me unless stated in credit section below. No ripping, spamming and copying w/o my permission. Respect me and I'll respect you. Thank you :)






Credits


This template 100% made by me. Yana Cheya. With little help from my old skins. For icons, I used Canva. Color got from HTML color code. Font from Dafont and Google Web Font. Kindly inform me if I'm using your materials but i don't mention here. (c) Copyright by Yana Cheya. All right reserved 2012 (c)