Ada dua kemungkinan berkaitan dengan upaya menampilkan tips di widget Blog Archive:
- Menggunakan tootip defaul browser.
Tooltip akan ditampilkan sesuai browser yang digunakan untuk membuka blog. Jika menggunakan cara ini anda hanya perlu melakukan sedikit modifikasi di widget Blog Archive dan tooltip langsung bisa terlihat. - Menggunakan jQuery Simple Tooltip atau tooltip yang lain.
Cara ke dua memungkinkan kita untuk melakukan berbagai perubahan pada tampilan tooltip. Anda bisa rubah ukuran font, ketebalan font, warna font (color), mengatur ukuran box tooltip, memberi warna atau menampilkan berbagai variasi pada background tooltip. Cara ini juga akan memberi keindahan pada blog dan memberi kesan eksklusif.
D E M O
Setelah demo terlihat, arahkan cursor anda pada setiap link daftar arsip blog yang terletak di sidebar kanan (Blog Archive).
Kita akan buat terlebih dahulu agar Blog Archive mampu menampilkan tips di setisp daftar link-nya, setelah itu anda bisa menentukan pilihan terbaik yang cocok menurut anda!
CARA MEMBUAT TOOLTIP DI WIDGET BLOG ARCHIVE
- Login ke Blogger.
- Setelah halaman Dasbor (Dasboard) terbuka, cari dan klik Rancangan (Design).
- Pilih dan klik Edit HTML.
- Lakukan Backup Template.
- Klik Expand Widget Template.
- Cari kode :
<li><a expr:href='data:i.url'><data:i.title/></a></li>
- Ganti dengan kode berikut:
<li><a expr:href='data:i.url' expr:title='data:i.title'><data:i.title/></a></li>
- Klik Simpan Template (Save Template).
- Buka Blog dan lihat hasilnya.
TOOLTIP BLOG ARCHIVE DG SIMPLE JQUERY TOOLTIP
Jika anda menggunakan metode kedua ini untuk menampilkan tooltip di widget Blog Archive, maka disamping terlihat lebih cantik, menarik serta bebas untuk melakukan pengaturan tampilan tooltip, andapun bisa memanfaatkan tooltipnya pada link-link lain di luar widget Blog Archive. Yah ...., tentu saja akan jauh lebih menarik dan blog semakin cantik.
CARA MEMBUAT
- Tambahkan class="GRtipz" pada kode perubahan yang terlihat di atas, sehingga kode perubahan bentuknya seperti berikut:
<li><a class='GRtipz' expr:href='data:i.url' expr:title='data:i.title'><data:i.title/></a></li>
0 Response to "Menampilkan tips (tooltip) di widget Blog Archive - Blogger"
Posting Komentar