Home
Blog Mistress
Tutorial
Tutorial
Banner Exchange

Tutorial : Fading Tooltip



Okey ! Tutorial ini direquest oleh Cik Anis ! Clap-clap ! Hehe..Okela,sebelum mula Tuto, mari baca Bismillah.Nanti tak berkat lorh !

Contoh :



1) Pergi ke www.blogger.com dan Sign In

2) Pergi ke Design >> Edit HTML

3) Cari perkataan dibawah .Bagi memudahkan pencarian, tekan CTRL + F
</head>
4) Kemudian, cari pula perkataan dibawah :
<body>
5) Copy salah satu Code dibawah .

FT Warna Biru :
<link href='http://www.stormpages.com/rojakamoi/sweet.css' media='screen' rel='stylesheet' type='text/css'/> <script src='http://www.stormpages.com/rojakamoi/tooltips.js' type='text/javascript'></script> <script src='http://www.stormpages.com/rojakamoi/sweettiles.js' type='text/javascript'></script>
FT Warna Oren :
<link href='http://sites.google.com/site/defaultjssite/urltooltip.css' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/>
<script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/>
FT Warna Hijau :
<link href='http://eyenamania.webs.com/TooltipByAinaaManiaStory.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://www.stormpages.com/rojakamoi/tooltips.js' type='text/javascript'></script>
<script src='http://www.stormpages.com/rojakamoi/sweettiles.js' type='text/javascript'></script> 
FT Warna Pink :
<link href='http://www.stormpages.com/ilaa/tolltips.css' media='screen' rel='stylesheet' type='text/css'/><script src='http://www.stormpages.com/rojakamoi/tooltips.js' type='text/javascript'/>
<script src='http://www.stormpages.com/rojakamoi/sweettiles.js' type='text/javascript'/>
FT Warna Purple :
<link href='http://eyenamania.webs.com/FadingTooltipManiaStory.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://www.stormpages.com/rojakamoi/tooltips.js' type='text/javascript'></script> <script src='http://www.stormpages.com/rojakamoi/sweettiles.js' type='text/javascript'></script> 
FT Warna Merah :
<link href='http://eyenamania.webs.com/SweetTooltipsByAinaaMania.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://www.stormpages.com/rojakamoi/tooltips.js' type='text/javascript'></script> <script src='http://www.stormpages.com/rojakamoi/sweettiles.js' type='text/javascript'></script> 
FT Warna Hitam :
<link href='http://rojakamoi.stormpages.com/sweet_2.css' media='screen' rel='stylesheet' type='text/css'/> <script src='http://rojakamoi.stormpages.com/tooltips.js' type='text/javascript'/> <script src='http://rojakamoi.stormpages.com/sweettiles.js' type='text/javascript'/>
6) Pastekan Salah satu Code tadi di antara </head> & <body> . Ikut contoh dibawah.



7) Pastekan Code & Save. Dinasihatkan menekan butang preview sebagai langkah berjaga-jaga :D

P/S : kalau nak pekatkan or cairkan sesuatu colour, boleh comment kat bawah. cakap Fading Tooltip apa yang nak ditukar. Comment yea ! Ainaa mau tengok Fading Tooltips tu berkesan or tak :)

Sekian,

55 comments:

Faten said...
This comment has been removed by the author.
Ainaa Ramzani said...

Ya ? Ada apa-apa nak tanya ?

Anis Diyana said...

terima kasih sayang !! <3

Ainaa Ramzani said...

@Anis Diyana

Welcome Kak ! :)

Anonymous said...

ainaa, bole x nk wrne purple?

Ainaa Ramzani said...

@Ila Nabilah

Nanti Ainaa buat yer :D

Sherry Merry Crunchy™ said...

adek,sis nak color purple punya boleh x?if dah ad codenya tolong inform sis,okey? tq~ ^^

Alia Azmi ◕‿◕ said...

ainaa sygku , akk dh lame pkai fading tooltip niehh tau . *tetibe* haha

han hanan said...

thanks comey!
haha...sayang ainaa ketad ketad

Anonymous said...

aina, thanks, da jdi..

MY LIFE [: said...

sudah ambil . thanks :)

Anonymous said...

aina, lau nk wrne pink cam aina punye? sbb yg aina bgi pink die trlalu dark la..

Ainaa Ramzani said...

@Alia Azmi ◕‿◕

Okeh :)

Ainaa Ramzani said...

@Professor Hanan

Hoho, welcome ! Sayangss jugak Hanan :D

Ainaa Ramzani said...

@Ila Nabilah

Welcome :)

Ainaa Ramzani said...

@AIMIE PUNYER !

Welcome, dear :)

Ainaa Ramzani said...

@Ila Nabilah

OH, tak boleh la dear. Yang Ainaa punya tuh tak boleh guna orang lain. Sorry :(

Anonymous said...

ok..tak pe..nk mintak kebenaran copy awk punya cursor jdikan header keh..btw, sy ade tmph cursor, tak siap agi ?

Ainaa Ramzani said...

@Ila Nabilah

Okeh. Yang cursor tuh, Ila tempah lambat. Penempahan dah tutup la dear

Jaja ♥ MinHo said...

Adik, akak nk warne neyy : #F778A1

Buadkan yee ? :)

Farah Athirah said...

aina, boleh tak nak colour pink #FAAFBE ?

Ainaa Ramzani said...

@HΛJΛЯ

insyallah nanti ainaa buatkan ye ? :D

Ainaa Ramzani said...

@Farah A

Insyaallah nanti ainaa tukar ok ? :)

lailaazhar said...

yeey! dah jadi. sy amek skali yang cursor tu. =) suka tutorial blog ni! =) ngeee.

Ainaa Ramzani said...

@LAILA NAJIHAH

Hehe, Ok ! Thanks yeaa :D

Wawa Zameri said...

jadi akhirnya, thanks dear :)

EsteeLeiyana said...

kenapa bila saya nak cari code < body > tak jumpa ? helpp meeee :'(

Ainaa Ramzani said...

@Wawa Zameri

Welcome :)

Ainaa Ramzani said...

@EsteeLeiyana

erm, kalau tak dapat cari, cari code ni pulak :

]]>

& pastekan code tooltips tu dibawah code ]]>

Ainur Najiha Hamizan said...

WAAAAH ,
jadi jadi !
thanks !

EsteeLeiyana said...

ohh okay dah : ) thanks thankiesss <3

HAFIZAH said...

wah!..thanks ainaa..:D

DidiAdiba ♥ said...

ta jady .
semua akak buad semuanya cakap macamneyh .

We were unable to save your template

Please correct the error below and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: The element type "a" must be terminated by the matching end-tag "".



semua tutorial aina semua akak buad and semua ta jady . hmm , macamneyh ni aina

Ainaa Ramzani said...

@sakurasewel

Hurm, pelik2 . Nak Ainaa buatkan ? Mesej Ainaa kat FB : facebook.com/ainaamania . sertakan password & email and Fading Tooltips warne ape yang nak letak kat Blog

tyyy said...

Assalamualaikum, Kak Ainaa..
Saya x jumpa lah code yg akak suroh carik tue..
saya dah tkn ctrl dgn f ..
canne nie ?

najla farhana said...

aina!!!! xleh pon....mcm ne nie???hurmmm...

Ainaa Ramzani said...

@SiHan

tak jumpe ? seriously ? just kasi mesej kat fb : facebook.com/ainaamania n sertakan emel n pass sekali.

Ainaa Ramzani said...

@najla farhana

tak boleh ? kasi mesej ainaa kat fb : facebook.com/ainaamania

Anonymous said...

thanx ye aina..^_^

Julia said...

thanks sangat2...jadik dah

syu said...

aina, nape tak kluar link blog syu ??? kluar link lain la -,-'

Unknown said...

thanks..jd sudahh..

.amena. said...

ainaa.tak jadi la. :(

Evie said...

ainaa , kenapa haritu akak gune template pyzam & lain bole buat fading tooltip ? tpi bile gune template biasa tak bole , semuaa blog orng yg ade tuto nie akak dah cube ! tpi x bole pon :(
tpi thanks ainaa for the tuto lain ! memang menjadik :D

Nur Asyiqin said...

Ainaa,nk tanya bley ? Cam ne ainaa reka fading tooltip sendiri?

nur khairina khairuddin said...

saya suka tgok blog awak yg cute nie ..!
n banyak tutor ..!
thank la share2 :D

bilabusukkberbicara said...

kenape ? saye buat ta jadikk je . penaddlah . dah byk tempat crikk . mcm mne ni ? help me :'(

Anonymous said...

, aina , fading nie menjadi lhe , tpy camne nak pekatkan warne backgroud fading nie yea ?,

aynadys said...

adik aina ape itu fading tooltip?maklumla beginner xbape nak paham.huhu~

muhd core said...

kak aina npe ? saye wat dia x kuar .... ^_____^

dyla said...

Tak jadi pun :O

qiefnizmo said...

tak jd pon

Jin said...

knapa xder ? huhuhuhu

Unknown said...

fading tooltip ni ape sebnarnya?

Anonymous said...

Errm, fading tooltip tu untuk apa ya?