> Cara membuat Tooltip

Rabu, 04 Mei 2011

7

Cara membuat Tooltip

Tooltip adalah sebuah tool yang melekat pada sebuah link dan berfungsi memberikan keterangan atau petunjuk kepada pengunjung mengenai isi suatu dokumen atau sebuah halaman web atau blog yang akan dituju sebelum link tersebut di klik. Tooltip ini muncul ketika pointer mouse diarahkan diatas sebuah link teks atau link image. Jadi dengan adanya tooltip ini pengunjung akan tahu pentingnya isi sebuah artikel atau halaman web yang diarahkan lewat link yang menggunakan tooltip tersebut. Sebagai contoh, silahkan arahkan pointer mouse anda diatas link dibawah ini :



Bila anda berminat, silahkan anda ikuti langkah - langkah dibawah ini :
 1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.






4. Cari kode di bawah ini atau yang mirip dengan kode ini :


</head>

5. Copy kode di bawah ini dan taruh sebelum kode </head> :

6. Simpan Template.

Langkah selanjutnya memasang tooltip pada sebuah link :
1. Bila anda akan memasang tooltip pada LINK TEKS. 

<a class="tooltip" title="PETUNJUK ATAU KETERANGAN ARTIKEL" href="ULR ARTIKEL" target="_blank">JUDUL ARTIKEL</a>

 2. Bila anda akan memasang tooltip pada LINK IMAGE. 

<a class="tooltip" title="PETUNJUK ATAU KETERANGAN ARTIKEL" href="ULR ARTIKEL" target="_blank"><img src="ULR IMAGE" width="100px" height="100px"></a>

Nah...., mudah kan....?

Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.
Ping your blog, website, or RSS feed for Free



Informasi Artikel :
Judul : "Cara membuat Tooltip"
Diulas Oleh : | Rabu, 04 Mei 2011 | 23.08
Description : Tooltip adalah sebuah tool yang melekat pada sebuah link dan berfungsi memberikan keterangan atau ...

Rating : 6.4 Dari 10, Berdasarkan 700+ Dari 7 000+ Pengunjung.



7 komentar:

  1. thanks atas informasinya yang sangat bermanfaat dan mudah dicerna, salam kenal ya gan, follow me

    BalasHapus
  2. Wah sepertinya tooltip ini bermanfaat, mohon ijin untuk praktek gan, salam persahabatan

    BalasHapus
  3. Makasih buangeet..Om..,sebagai newbie artikelnya sangat membantu n bermanfaat sekali. Semoga ilmunya nambah terus biar gak habis kesedot kita2,he..he..

    BalasHapus
  4. ini sungguh sangat membantu sob ... terimakasih

    BalasHapus
  5. TOKO HANDPHONE TERBESAR TERLENGKAP TERMURAH TERPERCAYA NABILA SHOP Produk dijamin asli orginal.Dapatkan harga promo Nabila Shop Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS 085-757-299-675 ATAU KLIK WEBSET RESMI KAMI http://nabilashop77.blogspot.com
    Ready Stock! Samsung Galaxy S4 Mini Rp.2,500.000
    Ready Stock! Apple iPhone 5 Rp.2,700.000
    Ready Stock! BlackBerry 9380 Orlando - Black.Rp.900.000,-
    Ready Stock! BlackBerry Curve 8520 Gemini.Rp.500.000,-
    Ready Stock! BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
    Ready Stock! Blackberry Curve 9320.Rp.700.000,-
    Ready Stock! Samsung Galaxy Note 10.1.Rp.2,500.000.
    Ready Stock! Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
    Ready Stock! Samsung Galaxy S III Mini.Rp.1.800.000.
    Ready Stock! Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
    Ready Stock! Samsung Galaxy Note N7100.Rp.2.500.000.
    Ready Stock! Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.
    Ready Stock! Samsung Galaxy Y S5360 GSM - Pure White.Rp.500.000
    Ready Stock ! BlackBerry Curve 9360 Apollo Rp.950.000,-

    BalasHapus
  6. Saya telah memasukan link Top tutorial Blogger di website www.pasariklanukm.net saya. Dan terimakasih atas tutorial tooltip-nya. Semoga bermanfaat

    BalasHapus

BLOGGER

TUTORIAL BLOGGER

TUTORIAL BLOGGER

REKOMENDASI

REKOMENDASI


Artikel Terbaru

POST POPULER

Entri Populer


DAFTAR ISI

DAFTAR ISI


BLOGGER

HTML

CSS

JAVASCRIPT


BACKLINK

INFO

Bagi anda yang berminat tukar link, silahkan copy linknya lalu pasang di Blog anda. Dan bila sudah terpasang, jangan lupa beritahu saya, agar link anda segera saya pasang di Blog tercinta ini.
Salam sukses selalu buat kita semua..... Amiiin.

CEO,
www.carabuatwebgratis.com
Noer cholis
Plosokuning V, Minomartani,
Ngaglik, Sleman, Yogyakarta.

TUKAR LINK

TUKAR LINK






Baca artikel "Manfaat Tukar Link"

CHAT

CHAT



TESTIMONI

Bila anda merasa artikel ataupun tutorial yang ada di Blog ini bermanfaat, anda bisa berikan suport comment melalui form ini. Form ini sangat bagus sebagai BACKLINK buat blog anda, silahkan tinggalkan link anda....

RECENT COMMENT

Ada kesalahan di dalam gadget ini

top down