Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Adding Tooltip on Read More: Menambah Tooltip di Read More

Sebuah tootip cantik "si ZigZagTooltip" telah terposting dan semoga bisa memberi nilai lebih pada blog sampeyan semua para sobat ngeblogh. Kini sebuah pengembangan penggunaan "si ZigZagTooltip" dapat sampeyan manfaatkan. He ... he ... Tentu saja "sebuah gaya yang baru lagi". He ... he ... Lihat saja judul di atas!. Ini namanya memaksimalkan apa yang sudah kita miliki. Tooltip tidak sekedar bisa dipakai untuk posting atau di widget blog semata. Dia bisa dimaksimalkan untuk berbagai kebutuhan yang lain.

Membuat tooltip di read more cukup dilakukan dengan menambah sebuah DIV (berlaku di ZigZagTooltip) di antara tag pembuka <body> serta tag penutup </body> . Jika sampeyan ingin membuat tampilan baru di blog seperti yang dimaksud dalam judul di atas, maka silahkan sampeyan buat dulu ZigZagLap Tooltip dengan membuka link di bawah ini:


Sampeyan juga bisa mencarinya di blog ini di tutorial sebelumnya yang hanya berselisih satu posting. Yah ..., sekaligus sambil lihat-lihat tutorial yang lain barangkali ada yang cocok di hati.

Cara Membuat atau Menambah Tooltip di Read More

  • Login to Blogger.
  • Dasboard : KLIK "Design/Rancangan".
  • Design/Rancangan : KLIK "Edit HTML".
  • Edit HTML : KLIK "Download Full Template/Download Template Lengkap" (proses back-up templates).
  • SAVE/Simpan file (di Folder PC).
  • KLIK "Expand Widget Templates".
  • Find code/Cari kode :


  • <div class='jump-link'>

    di bawah kode tersebut terdapat kode seperti di bawah ini:

    <div class='jump-link'>
    <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
    </div>



    Change the code to be like this:

    <div id='jqtips' class='jump-link'>
    <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
    </div>


  • KLIK SAVE Templates/Simpan Template.
  • open your blog to see results!




Keterangan:

Arahkan cursor pada read more yang telah berpindah/bergerak, maka tooltip akan terlihat. Tooltip akan terlihat di posisi agak ke kanan karena read telah mengalami modifikasi. Jika sampeyan menggunakan read more tanpa animasi seperti di DEMO, maka tooltip akan terlihat persis di sebelah kanan read more seperti halnya apabila kita menggunakan ZigZagTooltip di posting atau di widget blog.

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :





» Happy Blogging - gubhugreyot «


Bila tak pegal di tangan
silahkan tulis sebuah komentar!

gubhug reyot

 
GR | Edited by | gubhug reyot