#navbar-iframe { height:0px; visibility:hidden; display:none } Blog saya: Cara Membuat Tooltip

Minggu, 27 Maret 2011

Cara Membuat Tooltip

Beberapa waktu lalu ada seorang teman tertarik membuat tooltip pada blognya dan menanyakan kepada saya cara membuatnya. Terus terang saya sendiri masih baru di dunia blogger dan tentunya tips saya ini bukan murni bikinan saya *sigh*. Awalnya saya juga tertarik untuk menggunakan tooltip ini, sampai-sampai saya mencarinya di source code blogs Loenpia.net yang berbasis wordpress.

blogspot tutorial
Setelah mencari beberapa waktu dengan rasa penasaran akhirnya saya bisa menemukannya, walaupun saya baru tahu kalo itu namanya tooltip setelah ada yang menanyakannya. Dengan penuh rasa tidak tahu malu akhirnya saya memberanikan diri untuk posting disini, dengan harapan tips saya kali ini berguna bagi para blogger. Sebetulnya bagi pengguna wordpress hal tooltip sudah tersedia di plugin.

Kembali ke pokok permasalahan, sekarang bagaimana cara memasang tooltips kepada blog kita.

1. Pertama login ke account blogspot anda.
2. Menuju ke tata letak - Edit Html ( saya menggunakan bahasa indonesia ).
3. Letakkan 2 file .js dan 1 file .css di bawah ini sesudah </b:skin>.
<link href="http://www.geocities.com/moon09041987/title.css" media="screen" rel="stylesheet" type="text/css">
<script src="http://www.geocities.com/moon09041987/AddEvent.js" type="text/javascript"></script>
<script src="http://www.geocities.com/moon09041987/title.js" type="text/javascript"></script>

4. Save template dan view blog anda.

Perhatian: Script ini bekerja pada saat loading page anda sudah selesai, jadi saran saya jangan merasa gagal jika loading pagenya belum selesai. Apabila anda mempunyai hosting yang lebih cepat dari geocities, silahkan reupload file diatas, sehingga loadingnya lebih cepat karena saya hanya menggunakan free hosting dari geocities untuk upload file tersebut. Apabila anda ingin merubah warna dan font dapat reedit .cssnya dan sesuaikan dengan template anda.

Demikian sedikit tips dari saya, semoga scriptnya bekerja dengan baik.

0 komentar:

Posting Komentar