Wednesday, March 16, 2011

Fading Tooltip

Salam , harinie nak buat tutorial baru . Tengah semangat nieh sebab dapat buat . So kepada sesiapa yang taktahu dan teringin nak buat silakan la menjamu mata ya ! :)


yang ini fading tooltip

kalau gerakkan mouse atas gambar ini , dia ada keluar link bersama background pink 

Firstly Dashboard >> Design >> Edit HTML
Secondly Tekan Ctrl+F and cari code ini

</head>

Third , pilih warna tooltip yang korang suka then pastekan kat bawah code tadi.

PINK

<link href='http://h1.ripway.com/mommypinky85/mommypinky.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'/>

BLUE

<link href='http://h1.ripway.com/mommypinky85/mommypinkysolehah.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'/>

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> 

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'/>

OREN

<link href='http://h1.ripway.com/mommypinky85/mommypinkyorange.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'/>

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> 

HIJAU

<link href='http://h1.ripway.com/mommypinky85/mommypinkygreen.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'/>



Dah paste , so dye patut jadi macam nie :)

click untuk tumbesaran yang sihat



Kalau nak lebih selamat , sila click preview dulu , bila dah ok , baru Save Template :)
sekian . Komenla kalau rajin . Tak paksa ^^