30 April 2011

Menu vertical drop down dengan jQuery

Pertemuan kali ini kita akan mencoba/berekperimen dengan jQueriy untuk membuat menu vertikal di blog. Menu vertikal yang saya maksud di sini adalah menu vertikal yang menggunakan efek transparan dan letaknya di sisi kiri sidebar. Untuk melihat contohnya silahkan Klik di sini

Cara yang dilakukan cukup mudah, berikut langkah-langkahnya:

26 April 2011

Membuat efek gelap dan terang pada gambar posting

Pada saat blogger menulis suatu artikel, biasanya tidak terlepas dari image sebagai pelengkap artikel yang bertujuan untuk memberikan keterangan/penjelasan artikel atau sebagai pelengkap. Sebenarnya gambar/image pada postingan bisa diberikan sedikit efek tambahan untuk mempercantik tampilannya dengan memanfaatkan efek hover. Saat mouse pointer berada pada gambar maka akan terlihat suatu perubahan dimana gambar yang awalnya terlihat terang akan berubah menjadi gelap. Bagi sobat yang mau mencoba silahkan ikuti tips sederhana berikut ini.

18 April 2011

Membuat Tabel HTML

Tabel digunakan untuk menyajikan data dalam bentuk kolom dan baris. Umumnya setiap kolom menunjukkan data yang sejenis, dan setiap baris yang terdiri atas kolom-kolom menunjukkan kelompok data dalam satu kesatuan. Sebuah tabel mempunyai judul, tempat anda menjelaskan kolom/baris yang dilibatkan, baris untuk informasi, dan sel untuk setiap itemnya. Pada tabel berikut, kolom pertama berisi informasi header, setiap baris menjelaskan sebuah tag tabel HTML,

12 April 2011

Modifikasi kode css profile untuk mempercantik blog

Blog dengan tampilan cantik dan menarik adalah impian saya sejak awal terjun ke dunia blogger. Sebelum memakai salah satu template biasanya saya coba untuk melihat demonya dulu sebelum template tersebut saya pakai, hal ini disebabkan saya ingin mengetahui terlebih dahulu tampilan standar dari template tersebut yang nantinya saya coba memberikan sedikit modifikasi yang sesuai dengan keinginan saya. Salah satu bagian dari template pada blog ini yang saya permak adalah kode css profil bawaan template dengan merubah sedikit tampilannya (modifikasi kode css).

8 April 2011

Tips menghilangkan garis bawah (underline) pada link di blogspot

Link pada umumnya terlihat berbeda dari text yang lain pada suatu paragraf. Di blogger (blogspot), default dari link adalah dengan tanda garis bawah pada suatu kata/kalimat baik itu link internal maupun eksternal. Ciri lain dari link yang membedakan dengan kata/kalimat adalah dimana link memiliki warna yang berbeda. Sebagai contoh, kata/kalimat pada suatu paragraf biasanya berwarna hitam dan link berwarna biru serta bergaris bawah. Bila cursor diarahkan/disetuh pada link maka link tersebut akan berubah warna misalnya dari warna biru berubah menjadi warna merah (tergantung jenis template yang di pakai).

5 April 2011

Menghilangkan nomor arsip dan label di blogspot

Nomor yang terdapat pada arsip dan label blogspot berfungsi untuk memberitahukan jumlah postingan yang telah dibuat oleh blogger pada saat blogging. Tampilan normor tersebut secara default akan muncul pada saat blogger menambahkan gadget Category/Label maupun Archive pada template yang dipakai. Sebernarnya tampilan tersebut bisa kita hilangkan hanya dengan beberapa langkah mudah.

3 April 2011

Script Kode Warna HTML Generator

Mempercantik tampilan blog tidak terlepas dari pengaturan warna yang sesuai dengan keinginan kita.  Di dalam memodifikasi template, kode warna yang digunakan adalah kode warna HTML. Nah... berikut saya coba memberikan Script Kode Warna HTML yang biasa saya pakai untuk memodifikasi blog ini, siapa tahu anda juga membutuhkan script ini untuk dipakai dalam mendesain tampilan blog anda.
PrevPage NextPage home