Senarai Tutorial

Sweet tooltips

Apakah Sweet tooltips? nak tahu refer gambar di bawah:
Bila korang mouse over pada link, sweet tooltips akan muncul, macam dalam gambar kat atas (yang kotak purple tu). Nak cuba pasang dalam blog tak? ok, ikuti tutorial di bawah:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod </head>

4) Kemudian copy kod di bawah, dan paste SELEPAS / DI BAWAH kod </head> yang korang cari tadi

(pilih warna sweet tooltips yang korang suka)

Pink:
 <link href='https://sites.google.com/site/jombinabelogsweettooltips/pink.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/tooltips.js' type='text/javascript'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/sweettiles.js' type='text/javascript'/>

Blue:
<link href='https://sites.google.com/site/jombinabelogsweettooltips/blue.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/tooltips.js' type='text/javascript'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/sweettiles.js' type='text/javascript'/>

Orange:
<link href='https://sites.google.com/site/jombinabelogsweettooltips/orange.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/tooltips.js' type='text/javascript'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/sweettiles.js' type='text/javascript'/>

Green:
<link href='https://sites.google.com/site/jombinabelogsweettooltips/green.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/tooltips.js' type='text/javascript'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/sweettiles.js' type='text/javascript'/>


Purple:
<link href='https://sites.google.com/site/jombinabelogsweettooltips/purple.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/tooltips.js' type='text/javascript'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/sweettiles.js' type='text/javascript'/>


Black:
<link href='https://sites.google.com/site/jombinabelogsweettooltips/black.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/tooltips.js' type='text/javascript'/><br /> <script src='https://sites.google.com/site/jombinabelogsweettooltips/sweettiles.js' type='text/javascript'/>

5) Lastly, klik preview, jika tiada error, klik save template dan lihat hasilnya.

Selamat mencuba! :)


Special:
wOoWW...!!!!!
dia dicabar untuk SENYAP...
Lawak kot tengok laki hilang kemachoan diorang dalam keadaan macam ini...!!!!
watch a movie...


Sharing is caring ^_^

7 komen budak comel:

Cik Liana Jais (Ariana) said...

xjd pn

mohd zuhri said...

Menjadi lah* thanks jom bina belog *

nadrahvvm said...

wahh....tQ sanad2x..muahaha

nadrahvvm said...

wahh ! jadi !! tq sanad2x

oyyuon said...

yunk yg cursor ad shadow tue camner nak letak url blog saya sendiri

Anonymous said...

sangat bermanfaat..

thankz

Jombinabelog said...

@Fauzi Ramadhan yang mana satu ye?

Copyright© All Rights Reserved Jombinabelog.blogspot.com