Assalamualaikum wr.wb.... salam Sejahtera sahabat blogger semuanya,,,Bagaimana dengan blog anda? Apakah sudah anda pasang tooltip,kalau belum tepat sekali anda telah masuk ke blog ! Bakalan-Tlogorejo-City -Ini karena saya akan berbagi Tutorial yaitu Bagaimana Cara Mudah Membuat Tooltip Otomatis di blog. dan apa itu Tooltip,,,,? Tooltip atau yang disebut juga sebagai Infotip adalah sebuah informasi yang langsung muncul saat kursor mouse mengarahkan pada suatu link. dan pada posting kali ini, saya akan membagikan langkah - langkah Dan Bagaimana Cara Mudah Membuat Tooltip Otomatis di blog.>>Ingin Tau Cara Mudah Membuat Tooltip Otomatis di blog>>
Langkah >>> Cara Mudah Membuat Tooltip Otomatis di blog.
Pertama >> seperti biasa login ke akun blogger sobat. ( bukan punya orang lain...)
Kedua >> Masuk ke Rancangan - Edit HTML
Ketiga >> Centang Expand Template Widget.
Keempat >> Paste Kode Berikut di bawah kode <body>.
Kelima >> Kemudian Paste Lagi kode berikut di atas (sebelum) kode </body><script src='http://hanjs.googlecode.com/files/wb-tooltipdeejayhan.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Muhammad Hanafi (DeeJayHan) </a><script type='text/javascript'>//<![CDATA[
wb.tooltip_setting =
{
func : "Tooltip",
top : 5,
left : 5,
maxw : 300,
speed : 20,
timer : 40,
endalpha : 95,
alpha : 0,
style_plus : "#tt{border:3px solid #778899;background:#dcdcdc}#ttcont{background:#000000;color:#00ff00}"
};
//]]></script><script src='http://hanjs.googlecode.com/files/wb_tooltips.js'/>
<script src='http://hanjs.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>
</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>Keenam >> terakhir Save Template.
NB :
Sobat Bisa mengatur tampilan Tooltip dengan memodifikasi kode yang berwarna kuning
Sobat tidak boleh mengubah kode - kode selain yang berwarna biru.... karena kalo tidak, tooltip akan mengalami Error.
Selamat Mencoba... Dan semoga bermanfaat............Artikel Cara Mudah Membuat Tooltip Otomatis di blog.>>Cara Mudah Membuat Tooltip Otomatis di blog.
Terima Kasih......
0 komentar:
Catat Ulasan
Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>
Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.
NB: Jangan menuliskan link aktif karena akan terhapus secara automatis.
Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah