jQuery Menu Malu

Bismillah. Alhamdulillah. Sebelum menulis artikel ini, aku sudah "lemes" tertawa sendiri. Seperti tidak ada judul lain saja menggunakan nama "jQuery Menu Malu". Penamaan ini sebenarnya spontanitas ketika melihat hasil akhir dari efek menu tersebut. Kronologi kejadiannya itu tadi malam, karena tidur terlalu sore (sekitar jam 10) maka terbangun masih dini hari (sekitar jam 3), mata langsung segar dan bingung mau melakukan apa. Buka-buka buku menemukan naskah pidato Bacharudin Jusuf Habibie waktu di kampus UI sebanyak lima halaman. Begitu selesai...

Read More

Autolink Mini MP3 Player for Blogger Version 2.0

Bismillah. Alhamdulillah. Plugin Autolink Mini MP3 Player for Blogger Version 2.0 adalah pengembangan dan perbaikan dari Autolink Mini MP3 Player for Blogger Version 1.0. Terima kasih untuk para pembaca setia Blogger Tune-Up atas kritik, saran dan masukannya sehingga Autolink Mini MP3 Player for Blogger terus dikembangkan dengan harapan akan semakin mendekati kebutuhan para Blogger tanah air. Secara garis besar plugin Mini Music Player kali ini masih berbasis dari script plugin sebelumnya dan dengan player yang sama pula. Lalu apa pengembangannya?...

Read More

Link Kredit Efek jQuery Ease Out Bounce

Bismillah. Alhamdulillah... Kali ini kita akan membahas proses pembuatan suatu efek Ease Out Bounce yang di terapkan pada link kredit yang biasanya terdapat pada bagian bawah halaman blog. Mungkin sebagian blogger menyebutnya sebagai tooltips namun sebenarnya lebih dari sekedar tooltips dan saya lebih cocok menyebutnya sebagai Credits Ease Out Bounce. Kata Ease Out Bounce sendiri di ambil dari efek yang dihasilkan dari sebuah plugin jQuery Easing yang dibuat oleh George McGinley Smith. Penekanan pada artikel ini lebih ke pemahanan tentang pemanfaatan...

Read More

Blogger Error bX-l4u1mh

Tanggal 12 Desember 2011 banyak Blogger melaporkan telah terjadi galat pada template blogger dengan kode galat bX-l4u1mh. Hal ini muncul ketika Blogger masuk ke menu "Rancangan - Elemen Laman". Sampai dengan artikel ini ditulis, Blogger belum mengumumkan perbaikan (fix) terhadap terjadinya galat bX-l4u1mh tersebut. Terlihat dari blog Known Issues for Blogger yang menuliskan keterangan "Some users are reporting bX-l4u1mh when editing the Layout of their blog. We're investigating the issue and will report back as soon as we have more information."...

Read More

Percantik Huruf Artikel Blog dengan Plugin Cufón

Bismillah. Banyak cara untuk mempercantik tampilan blog baik itu dengan custom template, percampuran warna, gambar-gambar pendukung, animasi dan lain sebagainya. Salah satu dari sekian banyak cara untuk mempercantik tampilan blog adalah memilih bentuk huruf yang menarik dan nyaman untuk dilihat. Bentuk huruf standar sebenarnya sudah cukup menarik, seperti arial, tahoma, verdana dan lain-lainnya, namun sebagian Blogger merasa tidak puas jika tampilan bentuk huruf-nya terlalu standar, kemudian mereka mencari alternatif untuk bisa menampilkan bentuk...

Read More

Menyisipkan Kode atau Script pada Artikel Blog

Bismillah. Sebenarnya artikel tentang insert script code into blogger post atau menyisipkan kode-kode atau script kedalam artikel blog pernah dibahas pada artikel sebelumnya dengan memanfaatkan fasilitas plugin SyntaxHighlighter yang dikembangkan oleh Alex Gorbatchev. Dua artikel sekaligus telah di tulis untuk menjelaskan tentang Integrasi SyntaxHighlighter pada Blogger dan Konfigurasi SyntaxHighlighter pada Blogger. Namun pada artikel kali ini kita akan memanfaatkan fasilitas dari pihak ketiga tanpa menggunakan plugin. Pihak ketiga penyedia layanan...

Read More

Aktikan dan Non Aktifkan Fitur Lightbox Blogger

Akhirnya Blogger menambahkan menu untuk mengaktifkan dan menonaktifkan fitur lightbox. Lightbox menurut keterangan Blogger yaitu "Saat diklik, gambar Anda akan terbuka dalam hamparan di bagian atas blog. Jika pos Anda memiliki beberapa gambar, gambar tersebut akan muncul sebagai thumbnail di sepanjang bagian bawah."Sebenarnya fitur ini sangat bermanfaat bagi para pengguna Blogger yang menerima fasilitas bawaan Blogger, namun bagi para pecinta custom code hal ini sangat mengganggu eksperimen code-code image slideshow. Dengan beberapa alasan Blogger...

Read More

Menambahkan Widget Page Loading Time

Kali ini kita akan membuat script Page Loading Time. Page Loading Time atau Waktu Pemuatan Halaman merupakan perangkat bantu untuk mengetahui waktu yang dibutuhkan untuk memanggil keseluruhan halaman dari suatu halaman situs atau blog. Dengan widget ini kita bisa mengetahui kecepatan load halaman blog, ini akan memicu pengelola blog untuk mengoptimasi blognya agar lebih cepat. Langkah-langkah untuk mengoptimasi blog akan dibahas pada artikel berikutnya. Satuan yang akan digunakan adalah milidetik jadi jika anda ingin menggunakan satuan waktu menit...

Read More

Membuat Gadget Status Twitter (Plugin Twitter JS)

Membuat gadget untuk menampilkan status Twitter sebenarnya pernah dibahas pada artikel sebelumnya, namun pada tips trik blog kali ini kita akan mencoba memanfaatkan plugin JavaScript yang dibuat oleh remysharp.com. Dengan menggunakan plugin Twitter JS proses pembuatan widget untuk menampilkan status Twitter menjadi sangat mudah, sederhana dan menarik. Plugin Twitter JS memberikan kesempatan penggunanya untuk membuat style yang sesuai dengan keinginan, lebih menarik serta bukan hanya untuk menampilkan status Twitter kita namun bisa juga digunakan...

Read More

Memahami jQuery Show Hide dan Cookie

Pada artikel sebelumnya Blogger Tune-Up membahas artikel tentang "Tampilkan Sembunyikan Isi dan Form Komentar". Pada artikel kali ini merupakan penjelasan script jQuery yang digunakan pada artikel tersebut. Bertahap untuk memahami fungsi-fungsi jQuery dengan memahami script-script sederhana. Mohon ma'af untuk para master jQuery, silahkan tinggalkan artikel ini jika dianggap tidak bermanfaat. Script jQuery Show Hide sebenarnya pernah dibahas dan disertakan pada beberapa tips trik jQuery, namun demikian tidak ada salahnya kita ungkap kembali mengenai...

Read More

Tampilkan Sembunyikan Isi dan Form Komentar

Kembali lagi menulis setelah sekian lama bersemedi. Kali ini Blogger Tune-Up akan mengawali artikel terbaru di Blog ini dengan tips dan trik jQuery sederhana. Sebenarnya sudah banyak para Blogger yang membahas hal ini, namun sebagian besar menggunakan form komentar dari pihak ketiga seperti DisqUs atau IntenseDebate. Sedangkan form bawaan Blogger dinonaktifkan hal tersebut dengan beberapa alasan diantaranya form komentar bawaan Blogger tidak valid XHTML dan menggunakan metode iframe sehingga kurang fleksibel dalam memodifikasi tampilannya. Terlepas...

Read More

Simple jQuery Twitter Count Follower

Bismilllah. Alhamdulillah. Ketika kita mengunjungi suatu website kadang kita menemukan penghitungan (counter) jumlah follower Twitter. Hal ini cukup unik juga untuk kita pasangkan pada blog, selain untuk pelengkap blog, juga bisa kita gunakan sebagai pemberitahuan kepada pengunjung tentang jumlah pengikut blog kita di Twitter. Hal yang sederhana namun menarik perhatian. Bagaimana semua itu dibuat? Kali ini kita tetap menggunakan bantuan jQuery untuk menampilkan jumlah pengikut (follower) Twitter. Let's less write do more...Simple jQuery Twitter...

Read More

jQuery Anti Adblock Versi 2.00

Bismillah. Alhamdulillah. Artikel kali ini merupakan update atau perbaikan jQuery Anti Adblock Versi 1.00 yang terkesan rumit dan terlalu banyak script. Pada jQuery Anti Adblock Versi 2.00 ini dilakukan penyederhanaan sehingga proses integrasi pada Blogger lebih mudah dan lebih cepat reaksinya terhadap tingkah laku pengunjung. Mengenai apa jQuery Anti Adblock silahkan merujuk pada artikel sebelumnya. Demo jQuery Anti AdblockUpdate jQuery Anti Adblock Versi 2.00 (04 September 2011)Script ditelatakan pada Hosting Google Code sehingga lebih sederhanaFile...

Read More

jQuery Auto Resize & Image Frame

Bismillah. Alhamdulillah. Berawal dari malasnya melakukan pengeditan style gambar yang disertakan pada Blogger, maka Blogger Tune-Up pun melakukan manipulasi style pada gambar yang diberikan secara default oleh Blogger. Pada saat kita mengunggah suatu file gambar pada artikel blog maka secara default Blogger memberikan style otomatis berupa lebar (width), tinggi (height), dan alamat thumbnail gambar dengan resolusi rendah. Hal ini terkadang membuat artikel justru kurang menarik dilihat dan kurang nyaman jika gambar yang ditampilkan memiliki kualitas...

Read More