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.
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.
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 :
- KLIK SAVE Templates/Simpan Template.
- open your blog to see results!
<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>
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 «
Comments
Post a Comment