Buku Tamu
SMS Gratis
Parse Code
Calc
Escape
Unscape



Style_1
(Background)
Style_2
(Font Colour)
Style_3
(Font Face - Font Size)

3 Jul 2011

Menambahkan Tooltips Keren Pada Objek



Selamat berhari minggu sobat juniOr. Meskipun hari libur, bukan berarti berhenti untuk beraktifitas. Justru hari minggu ini adalah hari yang paling sibuk, karna harus mempersiapkan diri untuk beraktifitas besok, ya kan.

Kemarin ada sObat juniOr yang bertanya tentang Tooltips yang jOe punya, sebenarnya script Tooltips tersebut jOe dapat dari Blog teman saat Blogwalking, dan hari ini jOe akan share lagi buat sObat JuniOr bagaimana cara "Menambahkan Tooltips Keren Pada Objek" di template blogger.

Contohnya pada gambar, mau?!




  • Login pada Blogger
  • Pilih edit HTML, tutorial klik disini
  • Pilih salah satu script dibawah (utk menentukan warna tooltipsnya) lalu Copy (Ctrl+C) script dibawah. Kemudian Paste Script tersebut Setelah kode </head>


Berikut Pilihan Script Sesuai Warna Tema Blog sObat :

Warna Hijau  :     
<script src='http://my-junior70an-data-source.googlecode.com/files/tooltips.js.txt' type='text/javascript'/>

Warna Biru :    
<script src='http://my-junior70an-data-source.googlecode.com/files/tooltips-blue.js.txt' type='text/javascript'/>

Warna Kuning :    
<script src='http://my-junior70an-data-source.googlecode.com/files/tooltips-yellow.js.txt' type='text/javascript'/>

Warna Hitam :    
<script src='http://my-junior70an-data-source.googlecode.com/files/tooltips-dark.js.txt' type='text/javascript'/>

Warna Merah :    
<script src='http://my-junior70an-data-source.googlecode.com/files/tooltips-red.js.txt' type='text/javascript'/>



Cara Penggunaannya :
  • Pilih Rancangan Template
  • Pilih Tata Letak - Elemen Laman - Tambah Gadget - HMTL/Javascript
  • Copas kan script di bawah lalu edit untuk sebuah Objek
  • Untuk format dasarnya adalah sebagai berikut :


<div title="header=[:: Judul Tooltips ::] body=[:: Isi Tooltips ::]">
Objek yang akan disorot oleh tooltips </div>


Keterangan : "Objek yang akan disorot oleh tooltips" , anda bisa mengubahnya dengan kode gambar, flash, atau objek lainnya selain teks.
  • Klik Simpan Template, dan lihat hasilnya.


"Selamat Mencoba"