Postingan

Menampilkan postingan dari Maret, 2010

Cara Membuat Dua Kolom dibawah Kolom Posting (Plus Tambah Gadget)

Gambar
Anda merasakan ada yang berubah di blog saya? Tentu saja dua kolom dibawah kolom posting seperti gambar diatas. Ada yang bilang kepada saya "... lebih baik template default ini diganti dengan yang lain? biar keliatan profesional ...". Sebenarnya saya ingin mengganti template ini, tetapi males, ribet gantinya. Meskipun sekarang telah ada fitur pertahankan widget , tetap aja males. Lagipula siapa bilang template default Blogger nggak profesional? asal kreatif template Minima dan template default Blogger lainnya bisa jadi profesional. Itu sebabnya saya keukeuh tetap mempertahankan template default ini. Asal tahu saja, blognya Dewi Lestari ( http://dee-idea.blogspot.com ) yang terkenal itu, masih menggunakan template default Blogger. Lagipula, asal kita kreatif, hal yang biasa bisa jadi luar biasa. Ok, back to topic. Kita bahas lagi cara membuat dua kolom dibawah postingan. Ini bisa jadi alternatif multi kolom yang tempo hari pernah saya bahas. Ok. Tertarik membuatnya? Ikuti lan

Dasar-dasar CSS #2

Gambar
Melanjutkan pembahasan dasar-dasar CSS yang lalu, kali ini saya ingin membahas tentang selector. Tetapi sebelum kita menuju bahasan utama, ada baiknya kita berbasa-basi dulu. Ibarat lagu, jangan langsung ke reffrainnya . Ok, kita mulai basa-basinya. Saya membuat blog baru, bertajuk "Tips N' Trik Blogging". Jangan lupa ya kunjungi di alamat http://tipntrikblogging.blogspot.com/ . Maklum masih baru jadi belum ada tutorialnya sama sekali. Tapi saya mengundang 10 orang untuk menjadi guest blogger. Silahkan kirim saya E-mail (di link E-mail me), lalu anda akan menerima E-mail dari Blogger, silakan ikuti langkah-langkah selanjutnya. Sudah cukup basa-basinya, sekarang kita ke bahasan pokok. Ada beberapa macam sselector. Diantaranya: 1. Class selector Class selector adalah selector yang boleh diulang-ulang, dan cara penulisannya dengan cara menambahkan tanda titik (.) diikuti dengan nama classnya. Contoh: .namaclass{color:blue} Dan cara pengaplikasiannya adalah dengan menggunaka

Dasar-dasar CSS #1

Gambar
Untuk mempercantik template , kita harus berurusan dengan yang namanya kode CSS . Tapi, banyak pemula masih bingung dengan kode CSS. Nah, untuk itu saya berikan dasar-dasarnya dulu. Dasar-dasar CSS ini akan diterbitkan secara berurutan dan nantinya akan muncul secara berseri. Sebelum belajar CSS, anda perlu mengetahui dulu tentang HTML dan diharapkan membaca dulu dasar-dasar kode HTML bagian 1 , bagian 2 , bagian 3 , dan bagian 4 . Untuk permulaan, saya bertanya. Apa sih yang namanya CSS itu? CSS adalah singkatan dari Cascading Style Sheet . Bisa digunakan untuk menentukan style dari situs web, misalnya layout, warna, latar belakang, dan lain-lain. Cara penulisan kode CSS seperti ini. selector{properti:nilai;} Selector adalah "nama" dari kode CSS (bingung nyebutnya apa jadi anggap aja begitu...). Properti adalah sifat-sifat dari selector. Sedangkan nilai adalah nilai dari properti. Misalnya: body{color:#FFFFFF;} Artinya: selector body akan mempunyai sifat warna teks yang ber

Perbaikan pada Show/Hide Komentar

Gambar
Beberapa waktu lalu saya pernah memberi tempe tahu cara membuat show/hide komentar . Tetapi ada beberapa masalah dengan show/hide tersebut. Apabila komentarnya berjumlah 0, tetap akan muncul tulisan [Lihat semua komentar] dan [Tutup semua komentar] . Masalahnya buat apa fitur ini kalau tidak ada komentarnya? Untuk memperbaikinya, silakan login ke Blogger, lalu klik Tata Letak > Edit HTML . Lalu backup dulu template anda. Lalu beri tanda centang pada kotak kecil Expand Template Widget . Kalau sudah, ikutilah langkah-langkah berikut. 1. Saya asumsikan anda sudah membuat kode untuk show/hide komentar (bila belum ada, klik disini untuk membuatnya). 2. Cari kode berikut. <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/> <a id='showcomments' onclick='bukakomen()'>[Lihat semua komentar]</a><a id='closecomments' onclick='tutupkomen()'>[Tutup semua komentar]</a> <b:else/> <data:post.numComme

Utak-atik Tampilan Blockquote Anda

Gambar
Blockquote biasanya digunakan sebagai kutipan dari suatu kalimat, atau kata-kata mutiara, atau intisari dari sebuah teks. Biasanya tampilan blockquote berbentuk agak menjorok ke dalam kolom posting (aku nggak ngerti istilahnya apa). Kita bisa mengubahnya agar tampak sedap dipandang mata. Anda perlu sedikit pengetahuan tentang CSS untuk mengubahnya. Langsung saja. Pertama-tama, kita pecahkan telurnya, lalu kita masukkan adonan kuenya, kocok sebentar, lalu masukkan ke dalam oven dan tunggu selama 15 menit (lha ini mau ngutak-atik tampilan blockquote apa mau bikin kue? ). Maksudnya, langsung saja login ke Blogger, lalu klik Tata Letak > Edit HTML . Lalu backup dulu template anda. Kalau sudah cari kode berikut. .post blockquote{ .................... } Ket: Yang dititik-titikkan itu adalah properti blockquote default dari template anda. Kalau tidak ada, gimana? Kalau tidak ada, buat saja kode tersebut. Buatnya dimana? Buatnya diatas kode ]]></b:skin> . Lalu apa? Lalu ya utak-

Merancang Template Sendiri dengan Perancang Template

Gambar
ETauNggakSiLo (kayak iklan yang ada di TV-TV aja yah )? Sekarang ada fitur perancang template Blogger yang memungkinkan kita untuk merancang template sendiri. Dulu pada artikel konsultasi matematika ke-12 (tentang simetri lipat dan simetri putar), saya telah memberitahu tentang fitur perancang template Blogger. Nah, pada postingan ini saya akan menjelaskan langkah-langkah/tutorial untuk merancang template anda. 1. Pertamax-tamax (kecanduan pertamax di blog akhirnya pertama jadi pertamax ), kita login ke Blogger lewat http://draft.blogger.com (jangan lewat http://blogger.com tapi http://draft.blogger.com ). Lalu klik Tata Letak > Perancang Template . 2. Pada menu Templates , anda bisa memilih template yang akan digunakan pada blog anda. 3. Klik pada menu Background . Jika ingin memberi gambar pada background, klik pada gambar dibawah tulisan Background Image . Nah, lalu pilihlah gambar yang diinginkan. Gambar-gambarnya terdiri dari beberapa kategori dan bila salah satu kategori

Mengecek Statistik Blog dengan Indostats

Gambar
Indostats . Nama itu mungkin terdengar asing di telinga anda. Nah, sekarang saya akan mengenalkan Indostats kepada anda. Indostats adalah tool yang bisa anda gunakan untuk menganalisa statistik blog anda. Berikut hal-hal yang bisa dilihat dan dianalisa dengan Indostats: Berapa pengunjung blog anda. Pengunjung blog anda datang dari mesin pencari apa dan mengetikkan kata kunci apa. Pengunjung blog anda datang dari link yang ada di blog/situs mana. Pengunjung blog anda dari negara mana dan dari kota mana Apa sistem operasi, browser, resolusi, warna, dan flash yang dipakai oleh pegunjung blog anda. Dan apakah browsernya mendukung javascript atau tidak. Pengunjung blog anda masih jomblo atau sudah punya pacar (kalau yang ini bohong deng... Hehehe... ) Kelebihannya adaah, Indostats menggunakan bahasa Indonesia . Jadi, sangat mudah untuk mengelolanya. Muncul pertanyaan: " Gimana sih caranya ngecek statistik blog saya di Indostats? ". Kalo begitu, nggak usah panjang x lebar lagi (

Konsultasi Matematika Part 12: Simetri Lipat dan Simetri Putar

Gambar
Kembali ke laptop konsultasi matematika . Perasaan sudah lama kita tak berjumpa tak kuat menahan rindu pengen posting konsultasi matematika lagi nih... BTW , udah pada tahu nggak kalo di Blogger ada fitur perancang template? Tapi fitur ini masih ada di Blogger Draft . Jadi kalo mau nyoba, silakan masuk ke Blogger Draft , lalu login, lalu klik Tata Letak > Perancang Template . Waduh... kok jadi nyambung-nyambung ke fitur perancang template yak??? Ok, langsung saja... Simetri Lipat Simetri lipat adalah... bingung saya jelasinnya (barangkali ada yang tahu pengertian simetri lipat, bisa dishare pengetahuannya di kotak komentar...) tapi mungkin akan terbantu dengan gambar dibawah ini (klik pada gambar untuk lebih jelas). Intinya, apabila suatu bangun/bentuk memiliki simetri lipat, maka ketika dilipat menurut sumbu simetri bangun tersebut, akan terbentuk suatu bangun yang saling menutupi satu sama lain. Dengan kata lain tidak ada sisa pada lipatan tersebut. Simetri Putar Simetri pu

Cara Membuat Show/Hide Komentar

Gambar
Kembali lagi di postingan Modifikasi Template , kali ini kita akan membahas tentang cara membuat show/hide pada komentar. Anda mengerti? Kalau belum, begini. Pertama-tama semua komentar akan disembunyikan, dan akan terlihat jika pengunjung mengklik link untuk membukanya. Sebagai contoh ada di blog http://siapayangpantas.blogspot.com . Buka salah satu postingan yang ada komentarnya, lalu lihat. Ada tulisan [Lihat semua komentar] untuk membukanya. Seperti ini nih screenshoot-nya (klik pada gambar untuk lebih jelas). Lalu, ketika sudah diklik, semua komentar akan terbuka. Nah, lalu akan ada link [Tutup semua komentar] untuk menyembunyikan semua komentar yang masuk. Nah, seperti ini (klik pada gambar juga untuk lebih jelas). Gimana? Bagus nggak? Kalo iya, pengen nggak supaya ada di blog kamu? Ya iya laah... Masa ya iya dong... Duren aja dibelah bukan dibedong... Kita mulai aja yuk tutorialnya, lama-lama basa-basi jadi garing!!! 1. Login ke Blogger dengan akun anda (jangan pake akun or