April 3, 2011

Otomatisasi Tooltip Link, Gambar Pada Blog

Manfaat Otomatisasi Tooltip tentu saja untuk daya tarik, dan terbukti disini bahwa mampu meningkatkan pageviews sampai 50% lebih tinggi. Dengan script yang sesuai, maka semua link (anchor), akronim, dan gambar akan diberi tooltip otomatis. Jika link ada titlenya, maka tooltip akan berisi title, jika tidak ada, maka text-anchornya yang menjadi tooltip, bahkan untuk link yang berupa gambar, juga akan jadi tooltip berupa gambar. Begitu juga dengan gambar, jika gambar mengandung title, maka tooltip akan muncul berupa gambar dan title, jika tidak maka akan muncul gambarnya saja.

Yang ingin memasang di blog ikuti petunjuk dibawah.

1. Pasang dahulu script tooltipnya. Ikuti petunjuk di Cara Pasang ToolTip Di Blog
2. Masukkan kode berikut ini tepat dibawah kode Kode Induk Tooltip yang sudah dipasang di petunjuk yang ada di Cara Pasang ToolTip Di Blog (dibawah <body>).

<script type='text/javascript'>wbwidget("widgetcodelinkkodemutooltip", "callscripttoolcodingtipsauto", 10, 4, 20)</script> <style type='text/css'>.fs_atrplusImg{max-width:125px;min-width:30px; padding:3px;border:1px solid #ccc;background:#f0f0f0;margin:3px 0 0 0;} .fsatrplusDiv{max-width:125px;} .fs_atrbks img{max-width:125px; margin:3px 0 0 0;}</style> <div id="warungbebasautotooltip">

3. Masukkan kode berikut ini tepat diatas </body> (penutup body), dan simpan template Anda.


</div><script type='text/javascript'>fs_atrplus('warungbebasautotooltip')</script>


Catatan Penting :
 
Script ini akan membuat semua link dan image (gambar) menjadi memiliki tooltip. Tapi terkadang ada bagian tertentu pada blog yang tidak ingin muncul tooltip, untuk membuat link dan image tertentu tidak menjadi tooltip, Anda perlu menyisipkan class dengan nama "fsnott" pada bagian tersebut.

Perhatikan contoh kode berikut ini:

<a href="http://alamat blog anda/waktu publikasi/judul-posting-anda.html">judul posting anda</a>

Kode diatas akan memiliki tooltip

Untuk membuang tooltip kode harus diubah menjadi: 


<a href="http://alamat blog anda/waktu publikasi/judul-posting-anda.html" class="fsnott">judul posting anda</a>

Penambahan kode class="fsnott" Ini berlaku untuk link dan image (gambar) yang berada di blog anda. Untuk gambar yang tidak ingin muncul tooltipnya, tambahkan juga kode class="fsnott" pada Edit HTML yang berada di kolom tempat penulisan posting blog.

Semoga bermanfaat.

2 komentar:

Asmara Susanto said...

ane kira otomatiz tau2 tidak zzz ==" :47

Anonymous said...

gak bisa kontoll :43 :48

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58 :59 :60 :61
:62 :63

Silahkan Suarakan Pendapat Sobat

Untuk Membangun Blog Ini