Membuat Wadah Status Twitter

Artikel sebelumnya membahas "Memasang Widget Twitter[1]" tanpa ada wadah (container) khusus. Sekarang kita akan mencoba menambahkan wadah status twitter pada bagian header atau bagian lainnya sesuai dengan keinginan anda agar status twitter lebih enak untuk dibaca. Pada dasarnya materi ini lebih menitik beratkan kepada pemahaman kode CSS (Cascading Style Sheet). Anggap saja sebagai "studycase" untuk belajar CSS sekaligus praktek.Wadah (Container) Status TwitterLangkah 1Login ke BloggerLangkah 2Masuk ke "Tata Letak - Edit HTML" dan tidak perlu di...

Read More

Tooltip - jQuery tipsy

Beberapa waktu yang lalu Blogger Tune-Up pernah membahas tentang Bubble Info atau Tooltip atau Bubble Help[1], sekarang kita akan mencoba jenis lain dari tooltip tersebut. Masih berbasis framework jQuery, kita akan mencoba mengintegrasikan tipsy[2] pada Blogger yang diadaptasi dari "tipsy - Facebook-style tooltip plugin for jQuery[3]". Perbedaan mendasar antara jQuery Bubble Info dengan jQuery tipsy terletak pada posisi bubble (balon) yang fleksibel (kadang diatas, dibawah, dikiri atau dikanan) tergantung posisi hyperlink pada browser, sedangkan...

Read More

Info Panel Slide Vertikal dengan jQuery

Memenuhi permintaan para pembaca setia Blogger Tune-Up mengenai info profil slide panel sebelah kanan, maka kali ini mari kita bongkar skenario dibelakang semua itu. Artikel ini diadaptasi dari spyrestudios.com[1] dengan judul asli "Vertical Sliding Info Panel With jQuery"[2] yang kemudian diberikan sedikit sentuhan oleh Blogger Tune-Up sehingga menjadi seperti yang sekarang digunakan. Artikel kali ini masih berbasis jQuery seperti efek-efek yang lainnya, makanya bagi teman-teman blogger yang mengikuti artikel demi artikel mungkin akan menemukan...

Read More

Menambah Informasi Profile Blogger

Malam ini entah terserang penyakit malas dari mana, rencana awal mau memodifikasi script artikel terkait dengan tambahan gambar dan sebagian artikel secara otomatis dan atau mencoba jQuery vertical scroll news ticker plus thumbnail image tapi, ya begitulah... Rasa malas ini justru menguasai, dalam kejenuhan ini aku hanya mencoba mengunjungi blog-blogku yang tidak terawat dengan baik. Salah satunya adalah Design Graphics, begitu dilihat artikel terakhir, sempat ada rasa kaget juga karena artikel terakhir dibuat satu tahun yang lalu, tapi Google...

Read More

Menambahkan Catatan Kaki pada Artikel Blog

Menjawab pertanyaan sekaligus permintaan dari beberapa pembaca setia Blogger Tune-Up, maka tips-n-trik kali ini tentang catatan kaki. Catatan kaki adalah daftar keterangan khusus tentang suatu sumber artikel atau keterangan yang digunakan untuk memperkuat artikel kita yang diambil dari suatu sumber yang dituliskan pada bagian bawah setiap akhir halaman artikel atau pada akhir bab[1]. Dan biasanya catatan kaki dipergunakan pada suatu karya ilmiah, tetapi tidak menuntup kemungkinan untuk karya tulis-karya tulis lainnya, misal pada artikel blog. Catatan...

Read More

Memasang Widget Twitter

Twitter adalah sebuah jaringan informasi realtime dengan kekuatan dari orang-orang diseluruh dunia yang memungkinkan kita berbagi dan menemukan informasi terbaru yang sedang terjadi[1]. Dengan Twitter kita bisa berbagi informasi paling hangat yang terjadi disekitar kita, walaupun karakternya terbatas hanya 140 karakter, tapi hal ini cukup untuk bisa memberikan informasi seperti halnya SMS.Memasang Widget Twitter pada BloggerLangkah 1Login ke BloggerLangkah 2Masuk ke "Tata Letak"Langkah 3Tambahkan sebuah Gadget/Widget berjenis "HTML/JavaScript"Langkah...

Read More

Pratinjau Gambar dengan Efek jQuery Facebox

Pratinjau Gambar dengan Efek jQuery Facebox[1] (Image Privew with jQuery Facebox Effect) merupakan salah satu dari sekian banyak efek-efek[2] pratinjau gambar dengan menggunakan framework jQuery. Prinsip kerjanya juga mirip-mirip antara satu efek dengan efek lainnya, kita bisa membandingkannya. Hanya saja dari sekian banyak efek pratinjau gambar yang pernah dicoba, efek facebox inilah yang paling cepat dan tidak terlalu memberatkan loading blog. Efek ini pula yang sekarang digunakan Blogger Tune-Up pada gambar yang disertakan pada setiap artikel.Entah...

Read More

Seperti Apakah Blogger Professional?

Sebuah pertanyaan yang sering terdengar diantara para blogger, bahkan Blogger Tune-Up sering menerima komentar dan email dengan nada pertanyaan sama. Ada yang bertanya mengenai kategori blogger professional, ada yang bertanya bagaimana jika ingin menjadi blogger professional dan lain sebagainya. Sebenarnya pertanyaan tersebut sangatlah sulit untuk dijawab karena pada dasarnya professional dan amatirnya seorang blogger sangat sulit di identifikasi, bahkan Blogger Tune-Up mencoba untuk berdiskusi dengan para blogger yang dianggap professional tapi...

Read More

Statis Scroll to Top dengan jQuery

Scroll to Top jika diterjemahkan secara bebas berarti gulung atau geser ke atas. Sebenarnya kita bisa saja menggulung halaman blog keatas melalui scroll bar pada browser yang biasanya terletak disebelah sisi kanan halaman blog. Tetapi jika halaman blog/artikel tersebut panjang maka ini cukup merepotkan pembaca blog kita ketika mereka ingin kembali ke bagian atas halaman, dengan tambahan fasilitas Statis Scroll to Top membuat proses scroll menjadi mudah, pembaca blog cukup dengan meng-klik satu kali tombol scroll yang selalu dalam posisi tetap (statis)...

Read More

Tooltip - jQuery Bubble Info

Bubble Info atau Tooltip atau Bubble Help adalah sebuah elemen umum antar muka pengguna grafis yang akan menampilkan suatu informasi dari suatu item pada halaman website ketika seorang pengunjung mengarahkan (hover) pointer mouse atau meng-klik item tersebut[1]. Item pada halaman website yang bisa diberikan elemen tooltips biasanya berupa hyperlink, tooltips ini akan bekerja memberikan suatu informasi jika pengunjung tersebut mengarahkan mouse pointernya atau meng-klik hyperlink yang ada pada suatu halaman website.Ini biasanya digunakan untuk memperjelas...

Read More

Membubuhkan Tandatangan Pada Artikel Blog

Pada saat kita berjalan-jalan untuk membaca-baca artikel, kita sering melihat tanda tangan pada akhir artikel. Ini merupakan salah satu identitas juga dari suatu blog, selain untuk memperindah artikel juga akan terlihat bahwa sang penulis serius dengan apa yang ditulisnya. Tanda tangan atau signature yang dibubuhkan sangat memperkuat karakter artikel dan penulis, hal ini untuk meyakinkan para pembaca bahwa "saya bersungguh-sungguh dengan apa yang saya tulis". Begitu mungkin kurang lebih maksud dan tujuan signature atau tanda tangan pada artikel.Membuat...

Read More

Memanajemen Author Blogger

Blogger memberikan kesempatan kepada para penggunanya untuk bisa menambahkan para penulis blog tersebut lebih dari satu. Hal ini bermanfaat bagi mereka yang ingin membuat blog sebagai sebuah komunitas yang terdiri dari banyak penulis. Tetapi kemudian akan muncul permasalahan jika ternyata blog tersebut ingin memberikan suatu identitas khusus untuk para penulisnya. Misal tanda tangan berbeda bagi setiap penulisnya, atau iklan yang tampil disesuaikan dengan penulisnya. Bagaimana kita memanajemen para author atau penulis ini?Kode Manajemen AuthorSecara...

Read More

Menambahkan Tombol Google Buzz pada Blogger

Satu lagi fasilitas dari Google yang diberi nama Google Buzz. Fasilitas ini hampir sama halnya dengan Twitter dan Facebook yang berfungsi sebagai sarana berbagi informasi dalam sebuah jejaring sosial. Dengan Google Buzz kita bisa berbagi photo, artikel, catatan, video, informasi terbaru kita, dan masih banyak lagi.Karena sifatnya yang mampu saling bertukar informasi inilah, maka bisa digunakan sebagai salah satu sarana penting juga bagi para blogger untuk saling berbagi artikel dari blog yang dikelola, tentunya dengan tujuan agar semakin banyak...

Read More

Mempercepat Pemuatan Perpustakaan JavaScript

Pada artikel kali ini, Blogger Tune-Up akan membahas bagaimana cara mengurangi waktu pemuatan (Loading) perpustakaan JavaScript dengan menggunakan fasilitas Auto-Loading (awal pembongkaran skenario dibelakang Blogger Tune-Up). Hal ini sangat jarang di perhatikan oleh para pemilik blog dan ini memang termasuk fasilitas terbaru dari Google AJAX API. Pada awalnya memang cukup rumit, tetapi dengan penuh kesabaran dan ketekunan Insya Allah hal ini akan menjadi mudah.Bahkan Google sendiri dalam dokumen resminya mengatakan "Adalah mungkin untuk memuat...

Read More