Gaya kan, kali ini postingan ane judulnya bahasa Inggris! hahaha... ehhmm.. -_-'. Kali ini ane dedikasikan untuk mengucapkan selamat tinggal pada widget google translator yang ada di blog ini karena memang kenyataannya tidak terlalu bermanfaat. Alasannya karena bahasa yang ane pergunakan di setiap postingan blog ini tidak bisa di-translate dengan baik oleh google (lha..! bukan bahasa Indonesia yang baik dan benar, jadi ngaco deh kalau pakai translator.. =P). Ditambah lagi pengunjung blog ini didominasi oleh para blogger yang cukup paham dengan bahasa ane (bukan bahasa Indonesia ya.. ^^). Sekali pun ada pengunjung blog yang tidak paham dengan bahasa ane, tidak banyak yang bisa paham dan memperoleh manfaat dari postingan-postingan blog ini. (yang dilakukan cuma komentar nye-pam -_-''). Jadi ane mengucapkan maaf sebesar-besarnya untuk para Mister dan Mistress di sana yang tidak bisa menikmati isi blog ini (itu pun kalau ente ngerti dengan ucapan permintaan maaf ane hehe..).

Tapi, segala sesuatu di dunia ini sebaiknya seimbang. Karena ane menghilangkan sesuatu di blog ini, ane jadi menambahkan sesuatu juga di blog ini ^^v. Yang ane tambahkan adalah Sticky Navigational Menu (Menu Navigasi yang "Lengket"). Meskipun widget ini sudah lebih dulu ane buat, tapi ada baiknya kalau ane resmikan sekarang. =)

Masih belum tahu apa "Sticky" Widget...! 0_o .. Itu lho...! Tiap kalian menggerakkan scrolling halaman ini ke bawah, tapi widget ini tetap kokoh pada posisinya. Contohnya seperti Menu Navigasi di atas, dan widget "Follow Me On Twitter" di sebelah kiri.

Nah..!! Kebetulan, ane juga mau berbagi tips bagaimana cara membuat widget ini pada blogspot kalian (Jiaah..! Cuma mau ngasi tau cara bikin widget ini aja pendahuluannya panjang bener!! :S).

Seperti biasa, login pada blogger, pilih "Tata Letak", kemudian "Edit HTML". cari kode ]]></b:skin> (gunakan Ctrl+F) lalu copy dan paste kode CSS berikut tepat di atasnya.

#sticky1 { position:fixed;_position:absolute;bottom:300px; left:0px;
clip:inherit; _top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Note: Perhatikan kode berwarna biru di atas. Kode tersebut mengandung arti bahwa jarak widget adalah 300 pixels dari bottom (bawah window) dan 0 pixels dari left (kiri window). Kode berwarna hijau dapat di ubah dengan top (dari atas window), atau right (dari kanan window).

Setelah selesai memasang kode CSS di atas, pasang widget-nya. Caranya, cari kode </body> lalu copy dan paste kode HTML berikut tepat di atasnya.

<div id="sticky1">
<a href="http://twitter.com/mimuha">
<img src="http://lh5.ggpht.com/_W0jEX3f70oA/S4o6lCtWc_I/AAAAAAAAAS4/vavzcsANjko/Untitled-2.gif" /></a>
</div>

Kode HTML di atas adalah kode widget "Follow Me On Twitter" yang ada pada blog ini. Kalian bisa mengganti script berwarna hijau dengan kode tag gambar, Menu Navigasi, CBox Chat Widget, Stats Counter, Alexa PR, Translator, atau widget apa pun. Untuk menambah sticky widget yang baru, buat lagi kode CSS dan HTML di atas pada tempatnya, tapi ubah nama "#sticky1" menjadi "#sticky2", begitu juga dengan <div id="sticky1"> menjadi <div id="sticky2">. Jangan lupa pada kode CSS-nya ubah posisinya menjadi berbeda (bottom, left, top, right). Apabila semua sudah dilakukan, pilih pratinjau, jika berhasil, simpan pilih simpan.

Script widget ini tidak membuat lemot loading blog, semua tergantung pada widget apa yang di pasang dalam kode "div" di atas. Sebaliknya, dengan ane menghapus widget "Translator" malah membuat loading blog ane jadi makin cepat. Jadi, ane cukup senang dengan perubahan ini.

Semoga bermanfaat ya sob..! sampai ketemu lagi... ^^v.




KEMBALI KE ATAS

Kunjungi artikel yang berhubungan:


Mengenai Saya

Foto Saya
Mizan
Mahasiswa rantau yang mendalami kajian Ilmu Jurnalistik, saat ini sedang sibuk dengan kuliah sambil berbagi info di Dumay (Dunia Maya) ^^v. Blog ini beroperasi secara profesional, berisi tentang info2 seputar komputer dan blogging. Semoga blog ini dapat memberi inspirasi dan info tambahan pada pedoman blogging pengunjung semua. ^^ trims..
Lihat profil lengkapku

Pos Terpopuler