headerphoto

Tanggal 17 Februari 2011 lalu, saya menerima surat yang berisi PIN akun Google AdSense yang saya miliki. Kemudian saya tahu, bahwa Tim Google AdSense mengirim surat tersebut kepada publisher nya yang telah mendapatkan earnings lebih dari $10. Tapi apa lacur, setelah saya mendapatkan earnings lebih dari minimal pay out $100 tiba-tiba Tim Google AdSense membanned akun saya?

Terakhir saya sign in ke akun GA, tanggal 15 November 2011 dan mendapatkan nilai earnings all time sebesar $109.19. Katanya sih akhir bulan ini direview oleh tim GA dan awal bulan depan cair. Namun itu tadi, bukannya dicairkan, eh malah dibekukan pada pertengahan bulan tepatnya kemarin yaitu tanggal 19 November 2011: Google AdSense Account Disabled.

akun_GA_dibanned
Merana, Sungguh Merana, Kalau Dibanned Tim GA

Ibarat makan tanpa sambel, ngeblog tanpa GA terasa hambar kurang bergairah. Perjuangan mempertahankan blog ini seolah luntur, dengan hilangnya GA. Semangat membara membuat posting-posting baru lenyap.

Di sisi lain, Tim Google AdSense memberikan kesempatan kepada publisher nya yang dibanned, memperebutkan kembali akun GA dengan cara membuat pengajuan banding atas penonaktifan akun. Saya pun melakukannya, dan poin penting yang saya ambil seperti dibawah ini

Subject: Banding atas Kegiatan Tidak Sah
Date: Sun, 20 Nov 2011 13:58:30 +0000
. . . . .
31_InvalidActivity: mungkin melalui cbox atau guest book yang menulis seperti: dun 4get visit n kiss my ads back

Imbasnya gadget Buku Tamu CBox akan saya hapuskan. Walaupun kecil kemungkinan dengan pengajuan banding akun GA saya akan diaktifkan kembali, setidaknya masih ada usaha memperebutkannya.

Lanjut baca »»

distro_watchMengenal dan belajar Linux. Tahukah kawan berapa banyak distro Linux yang tersebar di seluruh penjuru bumi ini? ratusan! Ya, betul jawabannya memang ada beratus-ratus distro Linux yang tersedia di planet biru ini. Distro-distro Linux tersebut, sedianya dapat digunakan dan didistribusikan kembali secara bebas oleh siapa saja (GRATIS, Coy!), tinggal kitanya, mau nggak mengenal dan belajar sistem operasi yang berlogo seekor Pinguin tersebut?

Saya pernah mengupas beberapa distro Linux, diantaranya Linux Puppy dan Ubuntu. Ubuntu sendiri memiliki turunan-turunan, ada yang menjadi turunan resmi seperti: Kubuntu, Edubuntu, Xubuntu, Ubuntu Studio, Gobuntu, Mythbuntu, dan Ubuntu JeOS, ada juga yang merupakan turunan tidak resmi, seperti: Alinex, AndLinux, Fluxbuntu, Elbuntu, Freespire, GnewSense, Goobuntu, gOs, Hiweed Linux, Impi Linux, Linux Mint, Linux MCE, Maryan Linux, Molinux, Nubuntu, OpenGEU, OzOs, Protech, Ubuntu Muslim Edition, Ubuntu Satanic Edition, Ubuntulite, PC/OS, dan Blankon. Ada berapa tuh? yang pernah saya ulas saja ada sekitar 30 distro Linux. Kalau kawan mau distro Linux yang lebih banyak lagi silahkan kunjungi situs DistroWatch.com

Melalui situs DistroWatch.com, yang mulai dipublikasikan tanggal 31 Mai 2001, kita bisa mengetahui informasi dari beraneka ragam distro Linux, sehingga bisa disesuaikan dengan kebutuhan. Misalnya ingin Linux untuk bermain game ada linuX-gamers, perlu Linux untuk ilmuwan seperti agan ada Scientific Linux, atau perlu Linux yang ringan ada Linux Puppy atau Mint, dsb.

Distro-distro Linux terbaru pun, informasinya diterbitkan disana, seperti screen shot dibawah ini

distro_terbaru_distrowatch
Sekedar ingin tahu Linux apa yang paling populer dan menduduki rangking teratas? contohnya screen shot dibawah ini

rangking_distro_versi_distrowatch
Wow ane nggak nyangka, saat ini Linux Mint (distro yang ane gunakan) menduduki rangking 1 di DistroWatch.com, menggeser posisi Ubuntu yang tak lain adalah mbahnya. DistroWatch.com sendiri dikembangkan oleh Ladislav Bodnar, seorang pria kebangsaan Slovakia.

Lanjut baca »»

Gparted_logoBila kita menggunakan Live CD atau Live USB Linux Puppy, Linux Ubuntu, distro turunan Ubuntu, seperti Kubuntu, Edubuntu, Xubuntu, Linux Mint dsb, disana akan terdapat sebuah aplikasi pengedit partisi hard disk yang bernama GParted.

GParted, Gnome Partition Editor

GParted is a free partition editor for graphically managing your disk partitions.

With GParted you can resize, copy, and move partitions without data loss, enabling you to:

Grow or shrink your C: drive
Create space for new operating systems
Attempt data rescue from lost partitions

Aplikasi GParted ini sama halnya dengan software Windows: PowerQuest Partition Magic, berguna untuk mengedit partisi hard disk, seperti membuat partisi baru, menghapus partisi, menambah atau mengurangi ukuran partisi. Jadi sebelum Linux Ubuntu diinstal ke dalam komputer, laptop atau netbook, disarankan untuk membuat partisi yang disiapkan untuk keperluan Linux tersebut.

PERINGATAN:
  1. Back up data-data penting sebelum memulai pembutan partisi
  2. Pembuatan partisi Linux mengambil dari partisi terakhir - data (drive D: atau drive E:) bukan dari partisi awal - sistem Windows (drive C:)

Partisi os seperti Windows dan Linux, banyak yang merekomendasikan untuk ditempatkan pada partisi yang terpisah. Hal ini untuk menghindari crash atau tertimpanya file-file sistem. Kita ambil contoh netbook yang memiliki dua sistem operasi, Windows dan Linux, partisi Windows, kita buat satu buah partisi sistem dan dua buah partisi data. Partisi Linux kita buat satu buah partisi sistem, satu buah partisi data, dan satu buah partisi swap (memory). Berapa total partisi dalam hard disk tersebut?

Kalo kita hitung sih, ada enam buah ya! namun ternyata ada tujuh partisi. Dalam hard disk ada istilah Primary partition dan Extended partition. Primary partition dibatasi hingga 4 buah partisi, lalu untuk membuat partisi ke-5, 6, 7, dst, pada Primary partition terakhir (ke-4) harus kita jadikan Extended partition. Dari Extended partition inilah kita bisa buat partisi ke-5, 6, 7, dst. Lihat screen shoot GParted dibawah ini

partisi_linux_mint9_kang_caang
Partisi hard disk yang telah diedit untuk dual boot os, Windows dan Linux

Mengenai ukuran minimal partisi yang dianjurkan untuk keperluan dual boot, serta konsep file system yang akan digunakan (FAT, FAT32, NTFS, ext2, atau ext3) , silahkan baca di Linux dan Konsep Partisi Hard Disk.

Lanjut baca »»

Kali ini kita belajar CSS lagi, mengenai Image Transparency atau gambar transparan. Bagaimana teknik membuat gambar pada Blog terlihat memudar, seolah tidak jelas, namun jika mouse pointer diarahkan pada image tersebut, gambar yang terlihat memudar tadi akan berubah menjadi jelas.

Cara membuat Image Transparency atau gambar transparan, yaitu
  1. Sign in ke Blogger - Rancangan - Edit HTML
  2. Cari (gunakan Ctrl+F) kode img
  3. Ganti kode menjadi
    img{opacity:0.6; filter:alpha(opacity=60);}
    img:hover{opacity:1.0; filter:alpha(opacity=100);}
  4. Simpan Template dan lihat hasilnya

Kode CSS Image Transparency seperti diatas, berlaku untuk image pada semua bagian template, seperti gambar di sidebar, posting, atau footer. Namun ada kalanya pada bagian posting, CSS image mempunyai kode tersendiri seperti .post img atau .content img. Kita bisa memberlakukan CSS Image Transparency ini hanya pada bagian posting tersebut, caranya
  1. Masih pada Edit HTML Template, cari (gunakan Ctrl+F) kode .post img atau .content img
  2. Tambahkan kode berikut ini dibawahnya
    .post img.transparan{opacity:0.6; filter:alpha(opacity=60);}
    .post img.transparan:hover{opacity:1.0; filter:alpha(opacity=100);}
  3. Simpan Template
  4. Buat posting baru, upload gambar lalu tambahkan kode class="transparan" didalam <img ---- />, seperti
    <img class="transparan" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJNnWga68iyU_B-KVO7RZOfsPhx2U4sJeFtbY48R4U8OyFdeCk9Ed2T0ciUi0D6VGQOkJRLm-U9R2DzMElwl98nSMeJt5_w5bMkfhtwRpv7jxWTkY4V63ariINKYEgIENUIIqSSLREmZA/s400/linux+mint+caang1.jpg" alt="linux_mint_kang_caang" />
  5. Lihat dan arahkan mouse pointer pada gambar dibawah ini

    linux_mint_kang_caang
    Gambar default tanpa CSS Image Transparency


    linux_mint_kang_caang
    Gambar dengan sentuhan CSS Image Transparency

Lanjut baca »»

jam_angelina_jolieUntuk mempercantik tampilan blog, nggak ada salahnya bila kita memasang sebuah jam. Jam yang akan dipasang pada blog kali ini adalah jam analog bergambar artis Hollywood Angelina Jolie. Biarpun tampilan blog acak-adut, kalo kita pasang jam dengan background pemeran Julia Russell/Bonnie Castle dalam film Original Sin ini, pasti pengunjung akan seneng.

Cara memasang jam Angelina Jolie terbilang gampang, cukup copy paste pada gadget HTML/JavaScript sidebar atau header blog, kode dibawah ini
<embed src="http://fc03.deviantart.net/fs48/f/2009/189/1/e/clockwidget_by_blogclocks.swf?c=0xedffc4&p=http%3A%2F%2Fmoalmules%2Egooglecode%2Ecom%2Ffiles%2FAngelina%2DJolie%2D112%2Ejpg&a=0&s=2&r=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120" wmode="transparent"></embed>
Perlu untuk diperhatikan, jam analog tersebut akan bekerja dengan baik bila komputer telah terinstal Flash Player 8 keatas.

Merasa tidak suka dengan artis yang juga istri orang (Brad Pitt) itu, lalu ingin jam artis lain seperti Megan Fox atau Luna Maya? bisa saja, silahkan kunjungi situs kawan saya wawazawa.

Lanjut baca »»

Tips blogging kali adalah bagaimana cara membuat 2 kolom pada sidebar blog. Sebelumnya saya ingin mengucapkan terima kasih kepada kawan blogger Riani Natalina, karena saya mendapatkan ide ini atas masukkan dari beliau, yang telah berkomentar di artikel Tambah Emoticon pada Kolom Komentar Template Blog.

Langsung saja, cara membuat 2 kolom pada sidebar blog atau menambahkan 2 kolom baru pada sidebar blog (contoh disini saya mengambil template blog bumicaang), yaitu:
  1. Sign in ke Blogger - Rancangan - Edit HTML
  2. Download Template Lengkap, untuk jaga-jaga bila terjadi kegagalan
  3. Cari (gunakan tombol Ctrl+F pada keyboard) kode #sidebar
  4. Berapa lebar kolom sidebar tersebut? disana saya dapati width: 350px; lalu sebagai acuan, 2 kolom baru pada sidebar harus lebih kecil atau samadengan lebar kolom sidebar ÷ 2, kemudian berikan perintah CSS dibawah #sidebar, seperti ini
    .sidebar1 {float: left; width: 170px; margin: 0; padding: 0;}
    .sidebar2 {float: right; width: 170px; margin: 0; padding: 0;}
    #sidebar-wrapper {float: left; width: 350px; margin: 0; padding: 0;}
  5. Cari kode
    <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
    ----hingga----
    </b:section>
    </div>
  6. Tambahkan kode berikut diatas </div>
    <!-- tambah 2 buah sidebar -->
    <b:section class='sidebar1' id='sidebar1' preferred='yes'/>
    <b:section class='sidebar2' id='sidebar2' preferred='yes'/>
    <!-- /tambah 2 buah sidebar -->
  7. Simpan Template, lalu lihat di tab Elemen Laman

    sidebar_awal_blog_bumicaang
    Sidebar sebelum ditambah kolom baru


    sidebar_tambah_2_blog_bumicaang
    Sidebar setelah ditambah 2 kolom baru

Lanjut baca »»

Melanjutkan pembahasan mengenai dasar JavaScript, kali ini kita belajar mengenai bagaimana perintah atau kode HTML bisa diubah ke dalam JavaScript :sukses:.

Contoh:
  1. Copy kode HTML emoticon pada artikel Tambah Emoticon pada Kolom Komentar Template Blog <--lihat/klik
  2. Buka program aplikasi gedit atau pengedit JavaScript lainnya, lalu Paste
  3. Berikan perintah
    document.write("kode_html_disini");seperti pada pembahasan teknik penulisan JavaScript secara langsung, lalu edit menjadi satu baris atau tanpa ada enter pada tiap baris html
  4. Simpan file dalam ekstensi .js, seperti kode-emoticon.js lihat gambar dibawah ini

    html_jadi_javascript
  5. Upload file kode-emoticon.js melalui situs Google code dan simpan alamat url file tersebut
  6. Pada gedit buat dokumen baru, lalu tulis kode script menjadi
    <script type="text/javascript" src="https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/moalmules/kode-emoticon.js"></script>
  7. Kode script emoticon siap untuk dipasang
  8. Untuk mengetes kode JavaScript emoticon tersebut, silahkan coba pasang pada gadget HTML/JavaScript Blogger.

Lanjut baca »»

Setelah kita ketahui bahwa teknik penulisan JavaScript terbagi menjadi dua yaitu penulisan secara langsung dan penulisan secara terpisah (external JavaScript), lalu kita kan belajar bagaimana membuat kode JavaScript yang ditulis secara langsung bisa diubah menjadi external JavaScript.

Contoh:
  1. Copy kode script menampilkan hari dan tanggal <--lihat/klik, yang merupakan jenis JavaScript yang ditulis secara langsung
  2. Buka program aplikasi gedit atau pengedit JavaScript lainnya, lalu Paste
  3. Edit dan ambil hanya variabel-variabel yang diperlukan
  4. Simpan file dalam ekstensi .js, seperti external_tanggal.js lihat gambar dibawah ini

    external_javacsript_gedit
  5. Upload file external_tanggal.js melalui situs Google code dan simpan alamat url file tersebut
  6. Pada gedit buat dokumen baru, lalu tulis kode script menjadi
    <script type="text/javascript" src="https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/moalmules/external_tanggal.js"></script>
  7. Kode script menampilkan hari dan tanggal versi external JavaScript, siap untuk dipasang pada gadget HTML/JavaScript Blogger.
  8. Hasilnya seperti di bawah ini.
    ...

    ...
Trik membuat JavaScript yang ditulis langsung menjadi external JavaScript berguna untuk mengurangi banyaknya baris pada HTML template, sehingga ukuran template blog akan menjadi lebih ringan.

Lanjut baca »»

Beberapa kode JavaScript telah saya utarakan di blog ini, seperti script menampilkan hari dan tanggal di Blogspot, script mouse cursor sparkles, script acak posting (random post with summary), script posting terbaru, script komentar terbaru, sampai script daftar isi. Sekarang saya mau mengajak kawan-kawan blogger pemula untuk belajar bersama tentang dasar JavaScript. Tidak ada kata terlambat untuk belajar, seperti halnya belajar dasar JavaScript.

Teknik penulisan JavaScript terbagi menjadi dua yaitu penulisan secara langsung dan penulisan secara terpisah (external JavaScript).

Penulisan JavaScript secara langsung, merupakan teknik yang menuliskan kode script dan dokumen HTML dalam satu halaman, seperti pada script menampilkan hari dan tanggal.
Contoh penulisan dasar JavaScript secara langsung
<script type="text/javascript">document.write("Contoh penulisan JavaScript");</script>
akan menghasilkan: Contoh penulisan JavaScript

External JavaScript, merupakan teknik penulisan bahasa skrip antara dokumen HTML dan JavaScript dipisahkan, seperti pada script mouse cursor sparkles. Terkadang kita ingin menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman. Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian file tersebut dipanggil dari dokumen HTML. File JavaScript disimpan dengan ekstensi .js.*

Format umum external JavaScrpit
<script type="text/javascript" src="url_file.js"></script>
Contoh penulisan external JavaScript
<script type="text/javascript" src="https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/moalmules/tabview.js"></script>
*referensi: wikipedia

Lanjut baca »»

Tombol Back to top atau Kembali ke atas adalah sebuah tombol link yang berbentuk teks atau gambar, biasanya terletak pada bagian bawah blog. Ibarat melihat dari ujung rambut hingga ujung kaki, penunjung blog datang lalu membaca artikel (atas) dan komentar-komentar artikel tersebut (bawah). Dengan sekali klik pengunjung yang telah melahap bagian bawah blog akan langsung kembali ke bagian atas, tanpa repot menggulung browser.

Cara membuat tombol Back to top yaitu:
  1. Tambah gadget HTML/Javascript pada bawah kolom posting blog
  2. Pasang kode teks Kembali keatas, berikut ini
    <a href="#">Kembali ke atas</a>
    akan terlihat: Kembali ke atas
  3. Atau pasang kode gambar Back to top, dibawah ini
    <a href="#"><img alt="back to top" border="0" src="https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/moalmules/backto-top1.png"/></a>
    akan terlihat: Back to Top
  4. Simpan dan lihat hasilnya
  5. Secara default, tombol Kembali ke atas tersebut akan berada disebelah kiri, bila ingin ada dikanan pasang atribut css floating
    <span style="float:right;"><a href="#">Kembali ke atas</a></span>
    akan terlihat: Kembali ke atas

Lanjut baca »»

gedit_logoDalam dunia blogging kita mengenal bahasa html, javascript, dan css. Ketiga bahasa pemograman tersebut sangat umum digunakan, misalnya untuk sekedar membuat link atau mempercantik tampilan blog. Bagi blogger pemula seperti saya, aplikasi (software) pengedit bahasa tersebut digunakan Microsoft Front Page. Namun berhubung os sekarang yang saya pakai adalah Linux (Mint 9), maka saya gunakan aplikasi yang bernama Gedit.

Gedit merupakan sebuah aplikasi text editor yang bersifat open source, ringan, namun memiliki fitur yang canggih, antara lain:
  • Full support for internationalized text (UTF-8)
  • Configurable syntax highlighting for various languages (C, C++, Java, HTML, XML, Python, Perl and many others)
  • Undo/Redo
  • Editing files from remote locations
  • File reverting
  • Print and print preview support
  • Clipboard support (cut/copy/paste)
  • Search and replace
  • Go to specific line
  • Auto indentation
  • Text wrapping
  • Line numbers
  • Right margin
  • Current line highlighting
  • Bracket matching
  • Backup files
  • Configurable fonts and colors
  • A complete online user manual

Dengan fitur syntax highlighting (kode dalam warna-warni) yang terdapat pada Gedit, akan memudahkan blogger pemula untuk bisa memahami atau mengedit bahasa html, javascript, dan css. Walaupun tidak memiliki fitur WYSIWYG (What You See Is What You Get) seperti pada Microsoft Front Page, fitur syntax highlighting sangat membantu dalam penulisan ketiga bahasa blogging tersebut, lihat screen shoot dibawah ini

html_gedit
Html pada Gedit


javascript
Javascript pada Gedit


css_gedit
Css pada Gedit


Dalam os Linux Mint 9 aplikasi ini telah disertakan, sehingga bisa langsung digunakan. Bagi yang (masih) menggunakan os Windows, aplikasi Gedit bisa diinstal. Silahkan download di situs resminya http://www.gedit.org.

Lanjut baca »»

w3c_orgWorld Wide Web Consortium (W3C) merupakan situs layanan validasi markup yang memungkinkan pengguna internet dalam hal ini search engine, untuk memeriksa dokumen HTML dan XHTML markup terbentuk dengan baik. Validasi markup merupakan langkah penting untuk memastikan kualitas teknis dari halaman web atau blog, karena ada hubungannya dengan SERP (Search Engines Result Page).

Untuk menggunakan layanan ini, silahkan kunjungi situs W3C di alamat http://validator.w3.org/, lalu masukan alamat blog kawan, klik check atau cukup tekan enter dan lihat hasilnya.

cek_validasi_html_w3c
Berapa banyak Errors dan warning(s) yang ditemukan pada blog kawan? apakah ratusan??? 11 Jangan terkejut bila menemukan sebanyak itu, soalnya saya juga mengalami sampai 162 Errors, 134 warning(s).

Beberapa hal kita lakukan untuk mengoreksi atau mengurangi Errors dan warning(s) markup HTML W3C, sebagian contohnya saya terangkan dibawah ini, antara lain:
  1. Hindari pengkodean template seperti dibawah ini
    -----------------------------------------------
    Blogger Template Style
    by: JackBook.Com
    Distributed by: http://BTemplates.com
    ----------------------------------------------- */

    mengkoreksinya buat dalam satu baris saja, menjadi
    ---- Blogger Template Style by: JackBook.Com Distributed by: http://BTemplates.com ----- */
  2. Selalu tambahkan atribut alt="nama_gambar" pada tiap gambar yang muncul di blog
  3. Tambahkan atribut type='text/javascript' pada kode <script> hingga menjadi <script type='text/javascript'>
  4. Tambahkan atribut type='text/css' pada kode <style> hingga menjadi <style type='text/css'>
  5. Hindari kode teks berkedip <blink></blink>
  6. Pada kode &amp; ganti menjadi &amp;amp;
  7. Dst (silahkan dishare).
Adapun untuk menganalisa search engine optimization atau SEO blog silahkan baca di Analisa Meta tag SEO Blog

Lanjut baca »»

Tips kali ini adalah pasang gambar animasi atau emoticon pada kolom posting blog. Berguna agar tulisan posting kita terlihat lebih hidup dan menarik. Uniknya pemasangan ini cukup menggunakan sebuah karakter, tanpa perlu mengupload gambar animasi yang akan digunakan.

Cara pasang gambar animasi atau emoticon pada kolom posting blog sangat mudah
  1. Sign in ke Blogger - Rancangan - Edit HTML
  2. Cari kode </body>, yang biasanya berada paling bawah
  3. Pasang kode berikut diatasnya
    <script src='https://sites.google.com/site/kangcaang/host_script/emoposting2.js' type='text/javascript'></script>
  4. Simpan Template

Untuk mencobanya, silahkan buat posting baru lalu disela-sela tulisan gunakan karakter seperti:
:a: untuk emoticon 1
:b: untuk emoticon 2
:c: untuk emoticon 3
:d: untuk emoticon 4
:e: untuk emoticon 5
:f: untuk emoticon 6
:g: untuk emoticon 7
:h: untuk emoticon 8
:i: untuk emoticon 9
:j: untuk emoticon 10
:k: untuk emoticon 11
:l: untuk emoticon 12
:m: untuk emoticon 13
:n: untuk emoticon 14

Terbitkan postingan dan lihat hasilnya.

Catatan:
  • Tips ini akan berhasil bila template mempunyai kode <div class='post-body entry-content'>
  • Lebih baik dipasang juga emoticon pada kolom komentar, biar sample gambar emoticonnya terlihat.

Lanjut baca »»