Olengk Blogs

Sharing pengalaman | Berita terbaru | Download Free Software | Tutorial

Cara Gampang Membuat ToolTip di Blogspot





Cara Membuat ToolTip di Blogspot, mungkin tepatnya saya kurang tahu apa namanya tapi yang jelas dengan tooltip ini menurut saya bisa mempercantik tampilan blog anda. Sebagai koleksi catatan pribadi saya tentang ToolTip yang satu ini sedikit berbeda dengan ToolTip yang pernah saya ketahui/ ToolTip ini Otomatis untuk seluruh link dan gambar di blog anda, tanpa perlu mengedit link anda satu per satu.

Nah bagaimana caranya Membuat ToolTip di Blogspot?? Simak di bawah ini :

  • Pertama,pergilah ke Dashboard blogger anda,selanjutnya pilih Tata Letak dan kemudian pilih tab Edit HTML.

    Pelajaran Blog Membuat Permalink Blogger


  • Seperti biasa,jangan lupa contreng tulisan Expand Widget Templates ya :D

    Pelajaran Blog Membuat Tag Otomatis Blogger


  • Berikutnya,cari kode <body> (gunakan Ctrl+F untuk membantu pencarian),setelah ketemu kode tersebut,pestekan kode tersebut tepat di bawahnya.
    <script src='http://javascript-share.googlecode.com/files/wb.js'/>
    <a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Princexells Seyka (Princelling Saki)</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://javascript-share.googlecode.com/files/wb_tooltips.js'/>
    <script src='http://javascript share.googlecode.com/files/wb_autotooltips.js'/>
    <!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>


  • Selanjutnya,cari kode berikut  Sama seperti cara pertama </body>

    Jika sudah ketemu, Pastekan Kode Berikut Tepat DIATASnya
    </div><!-- penutup warungbebasautotooltip -->
    <script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>

  • Lalu simpan Templates
  • Selesai :D
Sekian tutorial singkat Cara Gampang Membuat ToolTip di Blogspot, semoga bermanfaat ..

Anda baru saja membaca artikel yang berkategori blogspot / Tips dengan judul Cara Gampang Membuat ToolTip di Blogspot. Anda bisa bookmark halaman ini dengan URL http://olengkblogs.blogspot.com/2012/08/cara-gampang-membuat-tooltip-di-blogspot.html. Terima kasih!
- Saturday, August 4, 2012

Belum ada komentar untuk "Cara Gampang Membuat ToolTip di Blogspot"