Postingan

Menampilkan postingan dari Februari, 2010

Gunakan Tag h2 untuk Judul Postingan!

Gambar
Tag h1 Hanya Untuk Judul Blog. Di blognya Mas Doyok pernah dibahas tentang cara membuat tag h1 untuk judul postingan . Tetapi, tag h1, apabila diulang dalam jumlah yang banyak, akan menyebabkan blog anda dianggap spamming oleh Google, dan akhirnya, blog anda dibanned. Untuk itu, untuk judul postingan seyogyanya menggunakan tag h2. Tertarik? 1. Login dulu ke Blogger, lalu klik Tata Letak > Edit HTML . 2. Backup template anda. 3. Cari kode yang mirip: .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:#cc6600; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:#cc6600; font-weight:normal; } .post h3 strong, .post h3 a:hover { color:#333333; } 4. Ganti dengan: .post h2.post-title { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:#cc6600; } .post h2.post-title a, .post h2.post-title a:visited, .post h2.post-title strong { display

Hasil Jajak Pendapat

Pada postingan yang INI , saya meminta pendapat anda tentang hal yang disebalkan oleh Blogger. Nah, berikut ini hasil dari polling tersebut. 2 orang tidak menyukai blog yang loadingnya lemot. 1 orang tidak menyukai blog yang tidak ada shoutbox-nya. Semoga ini bisa dijadikan pembelajaran oleh kita.

Pengumuman: Info Tambahan Seputar Iklan Gratis dan Berbagi Artikel Anda

Gambar
Pengumuman!!! Pengumuman!!! Untuk pasang iklan gratis dan berbagi artikel anda , ada ketentuan yang akan diubah. 1. Untuk berbagi artikel anda , akan dinonaktifkan. Karena pada saat ini ada artikel yang sedang dipasang, maka artikel akan dicabut pada tanggal 28 Februari 2010. 2. Untuk pasang iklan gratis , semua iklan akan dicabut (kecuali iklan Forum Blogger ) pada tanggal 28 Februari 2010. Tetapi iklan gratis tidak akan dinonaktifkan. Apabila ingin memperpanjang iklan silakan kirim email ke . Artikel akan diperpanjang hingga 30 hari. Perpanjangan bisa dilakukan sesuai keinginan. Dan yang baru ingin mengirim iklan anda silakan saja. 3. Saya berhak mengubah peraturan lagi tanpa pemberitahuan, kecuali pada pihak yang dipasang iklan/artikel nya. Saya mengucapkan mohon maaf yang sebesar-besarnya dan terima kasih atas perhatiannya.

Konsultasi Matematika Part 11: Angka Romawi

Gambar
Sudah cukup lama absen dari konsultasi matematika berseri... ya, paling tidak sekitar 2 mingguan. Jadi kangen nih pengen nulis lagi... Aku kangen kamu sayang... masih kangen kamu sayang... (Rasty - Kangen) Waduh, kok jadi ngelantur gini ya??? Okelah kalo begitu... (Wartegboyz MODE: ON) kita mulai saja... Hehehe... Anda pasti pernah melihat angka romawi dong... Biasanya angka romawi ini ditemui di plang nama jalan. Misalnya: Melati IV, Mawar VI, dll (jika ada kesamaan nama dan tempat, itu hanya hal yang tidak disengaja. Hihihi... kayak film aja...) Sebenarnya sih tadinya bingung mau nulis apa. Setelah mencari ide kesana kemari, akhirnya saya memutuskan untuk menulis postingan ini. Hihihi... Angka romawi mempunyai beberapa angka dasar. Yaitu: I = 1 V = 5 X = 10 L = 50 C = 100 D = 500 M = 1000 Nah, ada beberapa aturan dalam penulisan angka romawi. Hanya angka I, X, C, dan M yang boleh diulang, dan hanya boleh diulang sampai tiga kali. Angka V, L, dan D tidak boleh diulang. Nah, dala

Lirik Lagu: Kotak - Pelan-pelan Saja

Ku tahu kamu pasti rasa Apa yang kurasa Ku tahu cepat atau lambat Kamu kan mengerti Hati bila dipaksakan Pasti takkan baik Pantasnya kamu mencintai Yang juga cintai dirimu Cinta kamu... Lepaskanlah ikatanmu Dengan aku biar kamu senang Bila berat melupakan aku Pelan-pelan saja... Tak ada niat menyakiti Inilah hatiku Pantasnya kamu mencintai Yang juga cintai dirimu Cinta kamu... Lepaskanlah ikatanmu Dengan aku biar kamu senang Bila berat melupakan aku Pelan-pelan saja... Pelan-pelan saja... Lepaskanlah ikatanmu Dengan aku biar kamu senang Bila berat melupakan aku... Pelan-pelan saja... Copy-paste kode ini di website/blog anda untuk memasang lirik lagu diatas. Ku tahu kamu pasti rasa<br />Apa yang kurasa<br />Ku tahu cepat atau lambat<br />Kamu kan mengerti<br /><br />Hati bila dipaksakan<br />Pasti takkan baik<br />Pantasnya kamu mencintai<br />Yang juga cintai dirimu<br /><br />Cinta kamu...<br /><br />Lepaskanlah i

Template yang SEO Friendly Kriterianya Seperti Apa?

Gambar
Di dunia maya banyak pilihan template Blogger tersedia. Ada beberapa pertimbangan dalam memilih template yang baik . Dan salah satunya adalah SEO friendly. Tapi apa saja sih kriteria-kriteria template yang SEO friendly??? Yang kolom postingnya berada di sebelah kiri? Anggapan ini tidak 100% benar. Template yang kolom postingnya berada di sebelah kanan (seperti blog ini misalnya) juga SEO friendly. Maksudnya, orang beranggapan yang kolom postingnya berada di sebelah kiri lebih SEO friendly, karena diload lebih dulu daripada yang sebelah kanan. Padahal, bisa juga kolom posting yang disebelah kanan diload dahulu. Untuk lebih mengerti, buka notepad, lalu buat file dengan isi sebagai berikut. <html> <head> <title>Situs Webku</title> <style type="text/css"> #sidebar{ width:200px; float:left; margin:50 10 10 50 } #main{ width:400px; float:right; margin:50 50 10 10 } </style> </head> <body bgcolor="lime"> <div id="si

Lirik Lagu: Ungu - Cinta Gila

Tahukah kau apa yang kau lakukan itu Tahukah kau siksa diriku Bertahun kunantikan jawaban dirimu Bertahun-tahun ku menunggu Kau sangka aku akan menyerah Kau sangka aku akan pasrah Dirimu tak pedulikan aku Walau cinta hanya untukmu Walau kasih hanya untukmu Walau sayang hanya untukmu Untukmu... untukmu... untukmu... Kau... mimpi-mimpiku, cinta gilaku, hanya padamu... Hanya kau, belahan jiwa, cinta membara, tiada tara... Tahukah kau apa yang kau lakukan itu Tahukah kau siksa diriku Bertahun kunantikan jawaban dirimu Bertahun-tahun ku menunggu Kau sangka aku akan menyerah Kau sangka aku akan pasrah Dirimu tak pedulikan aku Walau cinta hanya untukmu Walau kasih hanya untukmu Walau sayang hanya untukmu Untukmu... untukmu... untukmu... Kau... mimpi-mimpiku, cinta gilaku, hanya padamu... Hanya kau, belahan jiwa, cinta membara, tiada tara... Untukmu... untukmu... untukmu... Kau... mimpi-mimpiku, cinta gilaku, hanya padamu... Hanya kau, belahan jiwa, cinta membara, tiada tara... Tahukah kau apa

Lirik Lagu: Armada - Mau Dibawa Kemana

Semua telah kuberi Dengan ketulusan hati Untukmu, Hanya untukmu Tak perlu kau tanya lagi Siapa pemilik hati ini Kau tahu, pasti dirimu Tolong lihat aku Dan jawab pertanyaanku Mau dibawa kemana hubungan kita Jika kau terus menunda-nunda Dan tak pernah nyatakan cinta Mau dibawa kemana hubungan kita Ku tak akan terus jalani Tanpa ada ikatan pasti Antara kau dan aku... Na na na na... na na na na na... Tak perlu kau tanya lagi Siapa pemilik hati ini Kau tahu, pasti dirimu Tolong lihat aku Dan jawab pertanyaanku Mau dibawa kemana hubungan kita Jika kau terus menunda-nunda Dan tak pernah nyatakan cinta Mau dibawa kemana hubungan kita Ku tak akan terus jalani Tanpa ada ikatan pasti Antara kau dan aku... Tolong lihat aku Dan jawab pertanyaanku Mau dibawa kemana hubungan kita Jika kau terus menunda-nunda Dan tak pernah nyatakan cinta Mau dibawa kemana hubungan kita Ku tak akan terus jalani Tanpa ada ikatan pasti Antara kau dan aku... Apabila anda ingin memasang lirik lagu ini di situs/blog anda,

Membuat Efek Timbul pada Banner

Gambar
Assalamualaikum. Akhir-akhir ini santer terdengar isu tentang RUU nikah siri . Katanya, kalo nikah siri bakalan dipidana. Tapi saya tidak setuju sama RUU ini. Ok, setuju nggak setuju, itu kan kebebasan berpendapat. Lagipula saya tidak akan berbicara tentang RUU nikah siri ini. Tapi, nggak papa. Cuma nembak keyword aja... Lagipula saya nggak suka siri, saya sukanya cengkeh... Kali ini kita akan membahas tentang cara membuat efek timbul pada banner. Anda tahu kan efek timbul atau relief, yang biasa ada di candi-candi itu, Kita bisa membuat efek timbul pada Banner. Nah, Kita akan mencoba membuat efek timbul pada banner. Tetapi, pada saat mouse berada diatasnya, image akan tampak seperti tenggelam. Contohnya bisa anda lihat di http://beritaduniamaya.blogspot.com . Sudah lihat kan? Tertarik? Begini nih, cara membuatnya. 1. Seperti biasa, kita login ke Blogger terlebih dahulu. 2. Tuju Tata Letak > Edit HTML . 3. Backup dulu templatenya. Sudah tau kan cara membackup template? 4. Cari ko

Cara Membuat Kata Bijak Acak pada Blog

Gambar
Anda bisa memasang kata bijak pada blog anda, yang nantinya akan memotivasi pengunjung blog anda. Anda bisa mengganti-ganti kata bijak tersebut setiap harinya. Tapi, repot kalau setiap hari ganti kata bijak tersebut. Bagaimana kalau kita buat saja kata bijak random. Jadi, kata bijak itu akan muncul bergantian setiap kali pengunjung mengunjungi halaman blog anda. Penasaran? Ikuti langkah-langkah berikut. 1. Login ke Blogger. 2. Klik menu Tata Letak > Elemen Halaman . 3. Klik Tambah Gadget , lalu klik pada pilihan HTML/Javascript . 4. Pada bagian isi, isikan kode berikut. <script type="text/javascript"> <!-- var kata_bijak=new Array() kata_bijak[0]="Uang bisa membeli segalanya, kecuali kebahagiaan"; kata_bijak[1]="Surga berada di telapak kaki ibu"; kata_bijak[2]="Berfikirlah sebelum mengerjakan sesuatu. Menyesal di kemudian hari tiada berguna"; kata_bijak[3]="Berjalan peliharalah kaki. Berkata peliharalah lidah"; kata_bijak[4

Cara Membuat Read More

Gambar
Ini adalah salah satu contoh dalam pembahasan mempelajari bahasa XML template Blogger . Walaupun sekarang Blogger telah menyediakan fasilitas readmore, tetapi tidak ada salahnya apabila anda ingin mencoba atau mempelajari bagaimana cara memasang readmore versi lama ini. Begini caranya. 1. Login dulu ke Blogger, lalu klik menu Tata Letak > Edit HTML . 2. Backup dulu yah templatenya... 3. Centang checkbox Expand Template Widget . 4. Cari kode: <p><data:post.body/></p> 5. Lalu hapus dan ganti dengan: <b:if cond='data:blog.pageType == &quot;item&quot;'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/> <a expr:href='data:post.url'>KLIK DISINI UNTUK BACA SELENGKAPNYA</a></p> </b:if> 6. Simpan template anda. 7. Beralih ke tab Posting , klik menu Edit Entri , lalu edit set

Konsultasi Matematika Part 10: Dalil Phytagoras

Gambar
Sudah lama absen dari konsultasi matematika berseri (sekitar 2 minggu), akhirnya saya pun rindu ingin menulis artikel konsultasi matematika berseri ini. Pada postingan kali ini, kita akan membahas tentang dalil Phytagoras. Sebelumnya kita pernah membahas tentang dalil Phytagoras DISINI . Namun, kali ini kita akan lebih memperdalam lagi tentang dalil Phytagoras. Masih ingat bunyi rumusnya? Yup! Tepat sekali. a 2 + b 2 = c 2 . Kali ini kita akan membahas beberapa contoh variasi soal yang berhubungan dengan rumus Phytagoras tersebut. Contoh: 1. Jika alas sebuah segitiga 3 cm dan tingginya 4 cm, berapakah sisi miringnya? Jawab: Diketahui (diket): a = 3 b = 4 Ditanya (dit): c = ? Penyelesaian (peny): a 2 + b 2 = c 2 3 2 + 4 2 = c 2 9 + 16 = c 2 25 = c 2 c = √25 c = 5 Jadi, panjang sisi miringnya adalah 5 cm. 2. Sebuah persegi panjang dengan lebar 9 cm dan panjang 12 cm, maka berapa panjang diagonalnya? Jawab: Apabila persegi panjang tersebut dipotong pada diagonalnya, maka akan terbe

Cara Membuat Banner untuk Link Exchange

Gambar
Link exchange sangat diperlukan untuk menjalin persahabatan dan silaturahmi dengan blogger lain, dan juga untuk menambah backlink ke blog anda yang otomatis akan mendongkrak pagerank blog anda. Salah satu cara ber-link-exchange dengan blogger lain adalah dengan memasang banner untuk link exchange di blog anda. Nah, langkah-langkah membuat banner untuk link exchange seperti ini. 1. Buat gambarnya terlebih dahulu. Bisa pake Photoshop, CorelDraw, atau Paint. Saya sendiri menggunakan Paint karena simpel dan mudah digunakan (bahkan anak SD aja sekarang sudah jago gambar pake Paint). 2. Simpan gambar tersebut dengan format JPG. Klik File > Save As , lalu pilih JPG sebagai formatnya. 3. Lalu, upload gambar tersebut ke image hosting (seperti Photobucket , dll.) Nah, kode untuk menampilkan banner tersebut adalah: <a href=" ALAMATBLOGANDA "><img src=" URLGAMBARBANNERANDA " alt="Keyword 1, keyword 2, keyword 3, dst." /></a> Ganti ALAMATBLOGA

Cara Membuat Template Blogger

Gambar
Template yang disediakan Blogger lewat menu Tata Letak > Pilih Template Baru hanya terdiri dari (kalau nggak salah) 38 jenis template. Dengan begini, template anda juga bisa sama dengan template blog lain. Anda bisa sih, memakai template gratisan yang tersebar di dunia ayam maya. Tetapi juga bisa saja template blog anda sama dengan template blog yang lainnya. Nah, solusinya, anda bisa membuat template blog sendiri. Sulitkah? Oh, tentu saja tidak, bahkan sangat menyenangkan apabila anda menikmati pekerjaan membuat template ini. Anda hanya perlu pengetahuan tentang HTML , CSS , dan bahasa XML Blogger . Pertama-tama, anda bisa membuat gambarnya terlebih dahulu. Buatlah gambar untuk background body, header, kolom posting, dan kolom sidebar. Untuk background body, bikinnya bisa kecil-kecil aja (sekitar 200 x 200). Karena nanti backgroundnya akan diulang-ulang (repeat). Untuk header, anda bisa buat lebar (lebarnya misalnya 660 x 100, karena akan menggunakan kode: repeat-y), atau buat b

Memasukkan Variabel Font dan Warna pada Template HTML Blogger

Gambar
Pada template baru Blogger, disediakan menu yang praktis untuk mengubah "wajah" dari template blogger anda. Salah satunya adalah menu Font dan Warna . Pengguna yang awam maupun master bisa mengedit warna template dan font huruf pada template lebih mudah pada menu ini tanpa perlu memasuki menu Edit HTML . Nah, supaya bisa diedit di menu Font dan Warna , anda perlu memasukkan variabel font dan warna . Caranya adalah: 1. Login ke Blogger, lalu seperti biasa, klik menu Tata Letak > Edit HTML . 2. Silakan backup template dulu. 3. Cari tulisan: /* Variable definitions ==================== 4. Lalu dibawahnya, ketikkan: a. Untuk variabel warna: <Variable name="contohvariabelwarna" description="Contoh Variabel Warna" type="color" default="#81F781" value="#81F781"> b. Untuk variabel font: <Variable name="contohvariabelfont" description="Contoh Variabel Font" type="font" default="12px bold

10 Widget/Aksesori Blog yang Harus Anda Miliki

Gambar
Widget/aksesoris blog sangat banyak jumlahnya. Tetapi terlalu banyak widget/aksesori justru akan membuat loading blog anda lemot. Maka dari itu, pilihlah widget/aksesori yang penting saja. Berikut ini 10 widget yang harus anda miliki dimulai dari 10. 10. Recent Posts. Widget ini berguna untuk membuat pengunjung mengetahui post terbaru di blog anda. Cara memasangnya: Tuju menu Tata Letak > Elemen Halaman > Tambah Gadget , lalu isikan Recent posts di kotak pencarian dan akan muncul hasilnya. 9. Recent Comments. Widget ini berguna untuk mengetahui komentar yang masuk. Cara memasangya: sama seperti diatas, tapi keywordnya adalah Recent comments . 8. Breadcrubs Navigasi. Breadcrumbs navigasi berguna untuk mendongkrak posisi blog anda di search engine dan memudahkan pengguna untuk menjelajahi isi blog. Cara memasang: Lihat cara membuatnya DISINI . 7. Artikel Terkait. Fungsinya membuat pengunjung lebih betah berada di blog anda dengan menampilkan posting-posting yang kategorinya sama

Menambahkan Signature/Tanda Tangan Dibawah Posting

Gambar
Anda tahu signature/tanda tangan? Signature/tanda tangan biasanya dibuat untuk memastikan bahwa posting itu dibuat oleh si pembuat tanda tangan tersebut. Tanda tangan ini bisa berupa image, teks, link, dll. Tanda tangan ini bisa diletakkan dibawah posting. Dan hanya akan muncul apabila halaman posting dibuka. Mau tahu bagaimana caranya? 1. Login ke Blogger, lalu seperti binasa biasa kita tuju Tata Letak > Elemen Halaman . 2. Backup template anda. 3. Centang kotak Expand Template Widget . 4. Cari kode: <p><data:post.body/></p> 5. Tepat dibawahnya, ketikkan kode berikut: <b:if cond='data:blog.pageType == &quot;item&quot;'> <p> <img src=' URLGAMBARANDA '/> </p> </b:if> Ganti URLGAMBARANDA dengan URL gambar tandatangan anda. Apabila anda hanya ingin menggunakan teks, gunakan kode berikut. <b:if cond='data:blog.pageType == &quot;item&quot;'> <p> Isi dengan teks tanda tangan anda. </p

Mengotak-atik Header/Judul Blog

Gambar
Header blog anda bisa dituak-atik sesuai keinginan. Bisa ditambahkan dengan gambar, diubah huruf dan warnanya, dan mdifikasi lainnya. Yuk, ikuti langkah-langkah dibawah ini. Mengubah judul blog dan deskripsi blog, serta memasukkan gambar kedalamnya. Untuk melakukan langkah ini, login ke Blogger, lalu klik menu Tata Letak > Elemen Halaman . Lalu cari bagian header anda (biasanya berformat: Judul Blog anda (Header) ). Lalu klik Edit di pojok kanan bawahnya. Nah, untuk mengganti judul blog, ubah bagian Judul Blog dengan judul blog anda. Untuk menentukan judul blog, baca: Menentukan Judul Blog . Untuk mengubah deskripsi blog , isilah bagian Deskripsi Blog dengan deskripsi blog anda. Lalu pada bagian Gambar , klik Browse untuk mengambil gambar dari komputer anda. Tapi apabila ingin mengambil gambar dari web, masukkan URL gambar anda ke kotak dibawah tulisan Dari web . Untuk penempatan, pilih Di balik judul dan keterangan jika anda ingin gambar tersebut berada dibalik judul dan kete

Cara Mengubah Text Align Secara Otomatis

Gambar
Biasanya di Blogger, untuk mengubah tata letak dari artikel anda, anda cukup menekan tombol diatas text editor blogger untuk mengubah posisi text atau text align seperti gambar di bawah. Tapi apabila anda harus mengatur text align setiap kali mengetik artikel, merepotkan juga. Nah, ini dia cara otomatis untuk mengubah text align dari setiap artikel anda. 1. Login ke Blogger, lalu klik Tata Letak > Edit HTML . 2. Silakan backup dulu templatenya. 3. Cari kode yang mirip dengan kode berikut. .post-body { color:#444; } 4. Tambahkan kode berikut sebelum tanda tutup kurung kurawal (}) text-align: TATA LETAK YANG DIINGINKAN ; Bagian TATA LETAK YANG DIINGINKAN adalah posisi yang diinginkan. Ganti dengan left untuk posisi rata kiri, center untuk rata tengah, right untuk rata kanan, atau justify untuk rata kiri-kanan. Misalnya ingin mengubahnya menjadi rata tengah, maka kodenya jadi seperti ini. .post-body { color:#444; text-align:justify; } 5. Lalu klik Simpan Template . Coba lihat bl

Menentukan Kondisi Tertentu pada Postingan Tertentu

Gambar
INNALILLAHI WA INNA ILAIHI RAJIUN... Turut berduka cita atas meninggalnya seorang blogger bernama Sandhi Pratama atau yang juga dikenal dengan nama Kang Jaiman pemilik blog niat-belajar.blogspot.com . Posting terakhirnya adalah posting berjudul "Software Untuk Memblokir Situs Porno" . Semoga amal ibadahnya diterima oleh Allah SWT. Amin... Sudahlah, kita kembali ke laptop tutorial blogging. Pada postingan lalu kita pernah membahas tentang bahasa XML template Blogger . Kita akan membahas tentang cara menentukan kondisi tertentu pada postingan tertentu. Maksudnya kondisi yang hanya muncul pada postingan tertentu saja. Sintaksnya seperti ini. <b:if cond='data:blog.url == &quot; URLPOSTINGAN &quot;'>...</b:if> Ganti URLPOSTINGAN dengan URL postingan anda. Misal: saya ingin membuat halaman "Email Me" yang beralamat di http://muhammadrizkifadillah.blogspot.com/2009/11/email-me.html supaya backgroundnya berwarna putih, maka kodenya adalah: <