Cara Submit Sitemap Blog di Google Webmaster

Submit Sitemap

Apa itu Sitemap?
Sitemap (xml-sitemap) atau Peta Situs adalah jenis file XML berisi kumpulan data (konten/artikel) yang telah dibuat dan dipublish oleh situs website blog untuk kemudian di index oleh spiderbot Search Engines (definisi ala pemula). Pada konteks ini Sitemap tidaklah sama seperti halaman daftar link postingan atau daftar isi situs yang dibuat untuk tujuan memudahkan pengunjung menemukan judul artikel yang dicari. Melainkan Sitemap lebih difungsikan sebagai alat perujuk robot Search Engine’s agar mudah saat proses crawling dilakukan pada keseluruhan posting blog tanpa ada satupun yang terlewatkan. Atau jika ingin membaca definisi Sitemap lebih lanjut ala Wikipedia, silahkan mengunjungi link ini http://id.wikipedia.org/wiki/Sitemap.

Sedangkan Google Webmaster sendiri adalah salah satu layanan dari Google yang disediakan khusus untuk para pemilik atau pengelola website blog guna melakukan optimisasi situsnya dihalaman Google SERP, selain juga berfungsi untuk monitoring situs.

Kenapa harus men-submit Sitemap ke Google Webmaster?
Tentu saja berkaitan erat dengan SEO. Masih ingat definisi SEO yang pernah dibahas pada posting “Memahami SEO, Penting kah?”. Nah, jadi jika kamu menganggap SEO itu penting serta ingin agar setiap posting blog dapat ter-index sempurna oleh Google, mendaftarkan Sitemap blog ke Google Webmaster adalah hal yang wajib dilakukan.

Bagaimana cara membuat Sitemap?
Kita bisa memanfaatkan situs generator Sitemap yang sudah banyak bertebaran di jagad maya. Dua diantaranya yaitu www.xml-sitemaps.com dan www.web-site-map.com.
Namun cara diatas saya rasa kurang praktis karena URL Sitemap yang akan dihasilkan tool tersebut terlalu panjang. Cara lain yang lebih praktis adalah dengan menggunakan Atom.xml (Atom feeds) seperti yang umum dilakukan oleh banyak kaum blogger lain.
Tiga jenis file Atom.xml yang biasa digunakan untuk submit Sitemap blog di Google Webmaster adalah berikut ini:

  • atom.xml?redirect=false&start-index=1&max-results=500 (untuk blog baru dengan total posting dibawah 500 artikel)
  • atom.xml?redirect=false&start-index=501&max-results=1000 (untuk blog dengan total posting 500 hingga 1000 artikel)
  • atom.xml?redirect=false&start-index=1001&max-results=1500 (untuk blog dengan total posting 1000 hingga 1500 artikel)
Patikan sebelum men-submit Sitemap ke Google Webmaster bahwa URL blog kamu sudah didaftarkan terlebih dulu serta statusnya sudah ter-verifikasi dengan benar. Jika belum, sebaiknya kamu ikuti panduannya di postingan “Mendaftarkan Blog Ke Google”, selesai dengan itu boleh kembali kehalaman ini untuk mengikuti panduan berikut.

Cara submit Sitemap blog ke Google Webmaster langkah-lahkahnya seperti ini :

1. Pertama, kunjungi website Google Webmaster di http://www.google.com/webmaster/tools kemudian Login dengan akun Google kamu.

2. Pilih satu blog yang mana akan mendaftar Sitemap.

3. Pada menu konfigurasi Alat Webmaster, klik "Perayapan" lalu pilih "Peta Situs"

Cara Membuat dan Mendaftarkan Sitemap Blog di Google Webmaster

4. Klik pada button (merah) "Tambahkan/Uji Peta Situs", masukkan URL Sitemap pada kolom yang disediakan kemudian klik button (biru) "Mengirim Peta Situs".

Cara Membuat dan Mendaftarkan Sitemap Blog di Google Webmaster

5. Tunggu beberapa saat hingga Google Webmaster selesai melakukan crawling seluruh halaman blog. Jika sudah maka akan ditampilkan berapa jumlah total halaman yang telah berhasil ter-index.

Sampai disini proses submit Sitemap blog di Google Webmaster telah sukses kamu lakukan (^_^) semoga setelah itu seluruh posting blog kamu bisa ter-index lebih sempurna oleh robot Google tanpa ada satupun yang terlewat.

Kirim SMS Gratis


Free SMS
Sebuah tool online dari situs BomSMS.com dibawah ini bisa kamu manfaatkan untuk mengirim SMS ke semua nomor secara cuma-cuma alias gratis. Yup benar! tanpa pulsa, tanpa registrasi, tanpa permisi, tanpa ... , pokoknya tinggal pakai saja (^_^)

Cara penggunaannya mudah kok:
  • kolom Nomor HP, ketik nomor tujuan. Semua operator? bisa!
  • kolom Pesan SMS, tulis pesan yang ingin dikirim
  • kolom terakhir, isi sesuai karakter yang ditampilkan
  • klik tombol kirim
  • tunggu hingga muncul pesan notifikasi "SMS sukses dikirim..."




Add Widget Wikipedia Search Box

Saya yakin kebanyakan dari mas-bro dan mbak-bro sudah akrab dengan situs Wikipedia. Apalagi temen-temen blogger yang sering keliling situs nyari informasi sana-sini untuk referensi nulis posting, pasti sering mampir ke situs tersebut.
Namun sudah tau kah bahwa ada juga widget Wikipedia yang bisa kita pasang diblog? Lebih tepatnya adalah "Wikipedia Search Blog", sebuah widget yang juga ada didaftar Gadget Blogspot yang disediakan.
Cara kerjanya sama saja seperti ketika kita mengunjungi situs Wikipedia-nya langsung, tinggal ketikkan keyword yang ingin dicari lalu Enter. Setelah itu tinggal menunggu loading untuk melihat hasil yang ditampilkan.

Widget Wikipedia
Bagaimana, apakah tertarik untuk menambahkan "Wikipedia Search Box" dihalaman blog kamu? Jika benar begitu, silahkan ikuti panduannya dibawah ini :

1. Login di Blogspot
2. Sudah dihalaman dashbor, pilih "Tata Letak" kemudian lanjutkan dengan klik "Tambahkan Gadget"

3. Pada pop-up window yang ditampilkan yaitu daftar gadget, klik pada "Lainnya"

Widget Wikipedia

4. Pilih "Wikipedia"

Widget Wikipedia

5. Langkah terakhir tinggal disimpan saja.

Tentukan sendiri ya penempatan widget barunya (^_^) sangat mudah memang.

Adblock Plus - Blokir Tampilan Iklan di Semua Website Blog

Adblock Plus adalah sebuah pengaya browser atau Add-ons yang berfungsi untuk memblokir iklan-iklan yang ditampilkan oleh halaman website blog, misal iklan banner. Sudah lebih dari 15 juta orang diseluruh dunia menginstall Add-ons ini pada browser yang mereka gunakan. Penampakan iklan-iklan yang bertebaran di website/blog yang sedang dikunjungi memang sebagian orang menganggap itu cukup mengganggu, salah satu alasan utamanya ialah karena iklan tersebut bisa membuat loading halaman menjadi lebih berat.

Akan sangat berguna sekali terutama untuk kita yang tinggal didaerah dengan jaringan Internet yang lambat. Adblock Plus ini adalah salah satu solusi yang patut dicoba. Tidak perlu khawatir, add-ons ini gratis kok (^_^)
Meskipun gratisan namun fiturnya cukup ampuh, bahkan iklan-iklan pada situs besar seperti Facebook dan Youtube bisa juga diblokir olehnya.
Selain untuk Mozilla Firefox, Adblock Plus juga tersedia untuk beberapa browser lainnya, seperti Chrome, Opera, Internet Explorer dan juga Android.

Gimana tertarik untuk mencobanya?
Untuk menginstall Add-ons "Adblock Plus" silahkan kunjungi situs resminya di https://adblockplus.org/en/firefox

Sebagai gambaran bagaimana cara kerja Adblock Plus, kamu bisa melihat gambar serta video dibawah ini :

Adblock Plus






Rahasia Sukses Menguasai Bahasa Inggris Tanpa Grammar - Free Ebook

Free Ebook - "Rahasia Sukses Menguasai Bahasa Inggris Tanpa Grammar" adalah sebuah e-book yang diterbitkan oleh situs BelajarInggris.net, sebuah web tempat kursus belajar Bahasa Inggris online ternama di Indonesia khusunya. Ebook ini sengaja diterbitkan untuk disebar luaskan secara gratis agar banyak orang mengenal metode belajar baru yang coba Penulis ajarkan. Seperti judulnya, Ebook ini memang akan memandu bagaimana cara mudah belajar Bahasa Inggris tanpa kita perlu menghafal rumus-rumus grammar yang bagi kebanyakan orang dirasa membosankan itu.
Lah, lalu bagaimana? Yang akan diterapkan Penulis ialah kita hanya perlu fokus melakukan praktek, praktek dan praktek tanpa perlu takut atau malu apabila salah.

Di total 68 halamannya kita juga akan dicerahkan pemahaman kita sebelumnya tentang Bahasa Inggris yang bagi kebanyakan orang dikenal susah tersebut dengan berbagai wacana kisah inspiratif.


Ebook Belajar Bahasa Inggris Mudah Tanpa Grammar


Informasi Deskripsi
Judul E-Book Rahasia Sukses Menguasai Bahasa Inggris Tanpa Grammar
Bahasa Indonesia
Penulis Mr. Teguh Handoko
Jumlah Halaman 68
Format E-Book .PDF
Ukuran File 437  KB
Download via 4Shared Klik Disini
Download via MediaFire Klik Disini

7 Cara Menemukan Hot Niche - Free Ebook

Free Ebook – E-Book ini berjudul “7 Cara Menemukan Hot Nice” ditulis oleh seorang pebisnis online ialah Muhammad Iqbal M, Net. Khusus membahas bagaimana cara mudah menemukan Hot Nice atau Penulis menyebutnya dengan "pasar ceruk yang lapar" sehingga kita bisa berhasil dibisnis online yang sedang dijalankan. Sangat cocok buat kamu yang berprofesi sebagai online marketing ataupun yang baru memulai terjun sebagai online marketer.
Salah satu nasehat yang diajarkan E-Book ini yaitu "Jika Anda ingin cepat kaya di internet marketing, cari hot niche sebanyak mungkin jangan hanya mencari niche saja"

Jadi, dengan dipandu E-Book ini kamu akan mudah mencari dimana saja situs referensi yang tepat untuk menemukan apa saja Niche yang sedang hangat dicari banyak orang. Selain itu E-Book ini juga disertai panduan berupa gambar screenshot yang akan memudahkan kamu untuk mulai action.

Ebook 7 Cara Menemukan Hot Niche

Informasi Deskripsi
Judul E-Book 7 Cara Menemukan Hot Niche
Bahasa Indonesia
Penulis Muhammad Iqbal M, Net
Jumlah Halaman 32
Format E-Book .PDF
Ukuran File 2.8 Mb
Download via 4Shared Klik Disini
Download via MediaFire Klik Disini

*Pesan : jika kamu menemukan link download yang erorr! mohon beritahu kami melalui kotak komentar dibawah. Terimakasih

Verifikasi OpenID Kamu Sekarang Juga


OpenID adalah layanan otentikasi bagi pengguna (user) dengan kontrol akses serta sistem desentralisasi standar dan terbuka, sehingga memungkinkan pengguna untuk masuk (login) ke dalam berbagai platform situs pendukung OpenID hanya dengan satu Identitas Digital (ID) – Wikipedia.org
Beberapa situs besar yang menyediakan layanan OpenID diantaranya adalah Google, Yahoo, Paypal, AOL, Microsoft dan lainnya. Seperti juga pada Blogspot, layanan OpenID ini terdapat pada form komentar posting dimana si-komentator bisa mengisikan URL website blog-nya melalui OpenID itu.

Apa manfaat komentar menggunakan OpenID?
Komentar dengan OpenID merupakan salah satu teknik SEO dasar yang bisa kita lakukan dengan mudah. Jika blog yang kita beri komentar tersebut adalah jenis blog Dofollow, maka sudah pasti kita akan mendapatkan backlink gratis dari situ. Dan meskipun blog yang kita beri komentar tersebut bukanlah jenis Dofollow alias itu adalah blog Nofollow, toh dengan mengisi URL blog kita pada OpenID itu sama artinya kita telah membuat pintu masuk untuk orang lain yang ingin berkunjung ke blog kita. Mungkin karena itulah para blogger lebih memilih berkomentar menggunakan OpenID dibanding menggunakan opsi lain yang disediakan.
Namun opsi komentar dengan OpenID ini tidaklah semua blog menyediakan, tergantung masing-masing pemilik blog mengijinkan layanan OpenID tersebut atau tidak.
Di menu setting Blogspot, fitur komentar dengan OpenID bisa diaktifkan maupun tidak, tergantung si-pemilik blog tersebut.

Kenapa kita perlu mem-verifikasi OpenID?
Banyak kasus blog yang jika berkomentar dengan memilih opsi OpenID selalu muncul pesan erorr seperti ini :

"Your OpenID Credentials Could Not be Verified"

Pernah mengalami yang seperti itu?
Pesan seperti diatas maksudnya adalah akun OpenID dengan URL blog yang kita tautkan itu perlu dibuktikan kepemilikannya. Untuk itu kita perlu melakukan verifikasi terlebih dulu.
Meskipun ada juga beberapa kasus yang tanpa melakukan verifikasi-pun, berkomentar menggunakan OpenID bisa-bisa saja. Namun perlu saya infokan disini, menurut para senior jika berkomentar (di blog Dofollow) dengan OpenID yang tidak di verifikasi, URL blog yang kita tautkan itu tadi tidaklah dianggap sebagai backlink oleh Google. Meskipun saya juga tidak tau kebenaran anggapan tersebut, percaya atau tidak ya monggo masing-masing saja.
Dan saran saya, apakah tidak sebaiknya OpenID kita verifikasi saja, lha wong caranya juga mudah kok, tidak pakai ribet.

Kita hanya perlu menambahkan kode berikut dibawah tag <head> pada HTML template.
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
Jika sudah tinggal disimpan saja template-nya.
Setelah itu berkomentarlah dengan OpenID seperti biasa, dijamin tidak akan mengalami pesan erorr! lagi.

Kamu bisa mencobanya dengan berkomentar diposting ini. Happy sharing  (^_^)
 

Mengetahui Blog Dofollow dan Nofollow Dengan Add-Ons

Dofollow or Nofollow
Sebelum masuk ke inti bahasan posting ini yaitu bagaimana cara mengetahui blog Dofollow dan Nofollow yang pada maksudnya adalah dengan sebuah Add-ons, ijinkan saya mengulas (secara singkat) terlebih dulu tentang penjelasan dari istilah blog Dofollow. Barangkali saja masih ada satu dua tiga empat lima enam dari sahabat blogger yang belum mengerti apa maksud istilah tersebut.

Blog Dofollow adalah jenis blog yang jika kita berkomentar diblog tersebut, link yang kita buat bersama komentar tadi akan dihitung sebagai Backlink oleh mesin pencari, Google contohnya. Kebalikan dari blog Dofollow adalah blog Nofollow. Tulisan lengkap tentang definisi blog Dofollow dan Nofollow bisa kamu baca dipostingan “Pengertian Blog Dofollow dan Nofollow”.

Sedangkan Backlink sendiri merupakan faktor penting yang akan mempengaruhi baik tidaknya peringkat suatu website blog dimata mesin pencari. Algoritma-nya semakin banyak backlink yang dimiliki suatu website blog maka akan semakin bagus juga reputasi website blog itu dimata mesin pencari.
Karena alasan itulah kaum blogger berlomba-lomba saling mengejar mengumpulkan Backlink sebanyak mungkin agar website blog-nya bisa menduduki tahta tertinggi dihalaman SERP Engine.
Dan salah satu cara mudah untuk mendapat backlink adalah dengan berkomentar diblog Dofollow tadi. Jadi tidak perlu heran lagi jika blog Dofollow akan selalu berstatus “WANTED” didunia perbloggeran, khususnya bagi mereka para pemburu backlink.

Cukup paham kan dengan tulisan diatas?
Baiklah, sekarang kita kembali ke topik posting. Bagaimana cara mengetahui mana blog dofollow dan mana blog nofollow?
Pertanyaan seperti diatas ada karena untuk membedakan mana blog Dofollow dan mana Nofollow memanglah diperlukan cara khusus. Karena jika hanya dilihat dari penampakan blog saja belumlah cukup untuk bisa dibedakan antara jenis ke-duanya. Salah satu cara mudah yang juga umum dilakukan oleh banyak kaum blogger yaitu dengan menginstall Add-ons Mozilla Firefox yang bernama "NoDofollow". Alamat website sang developer bisa kita kunjungi di http://www.zacharyfox.com.
Dengan menginstall NoDofollow kita bisa dengan mudah mengetahui semua jenis link yang terdapat dihalaman website blog. Jadi bukan hanya sekedar untuk melacak blog Dofollow saja, melainkan bisa juga untuk mengintip semua link yang ada dihalaman website blog yang mana link Dofollow dan yang mana link Nofollow. Sekarang yuk mari kita cekidot.

Untuk menginstal Add-ons NoDofollow langkah-langkahnya seperti ini :
1. Pertama, download Add-ons nya dihalaman https://addons.mozilla.org/en-US/firefox/addon/nodofollow/?src=userprofile


2. Selesai download, silahkan Install Add-ons NoDofollow tersebut di browser Mozilla Firefox yang digunakan.

3. Setelah proses install selesai, "Restart" Mozilla Firefox yang sedang running untuk mengaktifkan Add-ons nya.

4. Tunggu hingga Mozilla Firefox kembali running, maka otomatis "NoDofollow" sudah terpasang dan siap untuk digunakan.

Sekarang simak bagaimana cara menggunakan Add-ons NoDofollow untuk mengetahui mana jenis blog Dofollow dan juga mana jenis Blog Nofollow :

1. Pertama, kunjungi blog yang ingin diketahui jenisnya. Misalnya saja yang kita kunjungi adalah 'www.anu.com'.

2. Sesampainya di blog 'anu', baca salah satu postingnya yang sudah terdapat (minimal satu) komentar. Karena yang membedakan blog Dofollow dan blog Nofollow adalah link dikomentarnya.

3. Klik pada "Tool" di menu-bar Mozilla Firefox lalu klik lagi "NoDofollw". Atau bisa juga dengan klik kanan mouse lalu pilih "NoDofollow".
4. Jrrreeeng...!!! semua link yang terdapat diblog 'anu' tersebut akan otomatis ter-blok dengan warna  merah  dan  biru 

Nah untuk mengetahui mana link Dofollow dan Mana link Nofollow cara membedakannya seperti ini :
  • Link yang di-blok dengan warna  merah  menunjukkan bahwa link tersebut adalah link Nofollow
  • Link yang di-blok dengan warna  biru  menunjukkan bahwa link tersebut adalah link Dofollow
Bisa dipahami kan?
Untuk mengetahui jenis blog (Dofollow atau Nofollow) silahkan kamu lihat pada komentar dibawah posting yang sudah ditampilkan. Kemudian arahkan perhatian pada link Username atau bisa juga pada link didalam isi komentar jika ada (sebaiknya jangan ada, karena itu adalah tindakan spam dan bisa dikenai pasal berlapis).

Jika link pada Username tersebut di-blok dengan warna merah sudah jelas bahwa blog itu adalah jenis Nofollow.
Daaaannn jika ternyata link di-blok dengan warna biru, maka selamat itu adalah blog Dofollow yang sedang kamu cari.
Silahkan berkomentar disitu, dan jangan lupa untuk menggunakan opsi Name/URL atau OpenID (jika tersedia) agar mendapat baclink dari blog Dofollow tersebut.

Ini hanyalah salah satu dari beberapa cara yang bisa kita lakukan untuk mengetahui blog Dofollow dan Nofollow. Cara lainnya akan kita ulas dilain kesempatan.
Tidak lupa terimakasih kita untuk sang pembuat Add-ons "NoDofollow" tersebut yang telah membantu banyak kaum blogger. Yuk mari berkunjung ke blog-nya di http://www.zacharyfox.com

Memahami SEO, Penting kah?

What Is SEO
Apa yang dimaksud dengan SEO?, Apa pengertian SEO?, Apa itu SEO? atau kalimat sejenis lainnya seperti itulah yang umum ditanyakan oleh kita blogger pemula. Seperti jika kita sedang berkunjung di website blog lain secara sengaja maupun tidak disengaja kita akan sering dihadapkan dengan kata “SEO” ini. Bagi kebanyakan pemula, pasti belum mengerti apa maksud dari istilah tersebut. Karena sebelumnya memang belum pernah ditemuinya dikehidupan offline sehari-hari.

Diposting ini saya ingin mencoba memberikan sedikit pemahaman tentang apa itu SEO kepada sahabat pembaca sesama pemula. Sebelumnya saya juga banyak membaca artikel tentang SEO dari berbagai referensi yang ditulis oleh para senior diblog lain. Dengan memahami maksud istilahnya terlebih dulu diharapkan agar nanti kedepannya kita bisa mengerti dan memahami maksud penyampaian tulisan yang berhubungan dengan SEO. Serta mampu menerapkannya sendiri diblog masing-masing tentang ilmu SEO yang telah diajarkan tersebut.

Apakah penting seorang blogger memahami SEO?
Pada dasarnya SEO bertujuan agar website blog bisa nangkring dihalaman satu hasil mesin telusur seperti Google, Yahoo, dkk. Jadi menurut saya jawabannya bisa berbeda, tergantung masing-masing tujuan seseorang membuat website blog. Bisa tidak penting, bisa penting, dan bisa penting sekali.

Tidak penting mungkin berlaku bagi mereka yang membuat website blog hanya untuk manfaat pribadinya sendiri, seperti misalnya membuat blog sekedar untuk menulis diary online saja. Biasanya mereka tidak terlalu peduli ada atau tidaknya orang yang akan berkunjung ke blog-nya itu.
Penting bagi mereka yang membuat website blog untuk tujuan agar tulisannya bisa dibaca oleh banyak orang dalam artian bisa memiliki trafik kunjungan yang bagus setiap harinya. Agar kemudian bisa dimanfaatkan untuk tujuan lainnya, misalnya saja untuk menambah penghasilan diluar pekerjaan utamanya dengan menyewakan space iklan dihalaman blog-nya.
Penting sekali bagi mereka yang membuat website blog untuk tujuan utama mencari income atau untuk tujuan berbisnis. Contoh website Toko online. Jika ingin website-nya ramai didatangi calon pembeli, memahami SEO adalah hal wajib. Karena sudah bisa dipastikan akan ada website sejenis lain yang akan menjadi saingan beratnya.

Nah, sekarang kamu sudah bisa menjawab sendiri, pentingkah memahami SEO bagi kamu? Tidak penting, Penting, atau penting sekali? Jika menurut kamu tidak penting, boleh meninggalkan halaman ini jika ingin membaca tulisan menarik lainnya diblog ini. Namun jika menurut kamu itu penting atau bahkan penting sekali, maka silahkan lanjutkan membaca tulisan ini sampai tuntas  (^_^)

Jadi, apa pengertian SEO?
SEO merupakan singkatan dari tiga kata yaitu “Search Engine Optimization”, jika orang Indonesia Raya bilang maka akan menjadi “Optimisasi Mesin Pencari”. Adalah serangkaian proses kegiatan yang dilakukan seseorang untuk tujuan mengoptimalkan halaman website blog-nya agar bisa menduduki halaman 1 dihasil mesin pencari seperti Google, Yahoo, Bing, dan lainnya.
Kenapa harus dihalaman 1 mesin pencari? Tentu saja agar bisa mendatangkan pengunjung dari situ. Logikanya seseorang yang mencari informasi melalui Mesin Pencari dengan kata kunci tertentu, sekitar 95% kemungkinan yang dikunjunginya adalah website blog yang tampil dihalaman 1 hasil mesin pencari tersebut, sisanya untuk halaman nomor 2 dan seterusnya. Jadi semakin banyak tulisan yang kita posting diblog bisa tampil dihalaman 1 mesin pencari, sudah bisa dipastikan blog-pun akan kebanjiran pengunjung. Karena itulah dibutuhkan SEO.

Bagaimana cara melakukan SEO?
Ada banyak cara yang bisa dilakukan seseorang untuk SEO website blog-nya. Cara SEO tersebut lebih umum disebut dengan tekhnik SEO. Jika ingin belajar tentang tekhnik SEO, maka bersiaplah untuk meluangkan waktu, tenaga dan pikiran. Karena belajar tekhnik SEO itu tidaklah semudah seperti kita membalikkan kedua telapak tangan, memerlukan waktu yang cukup panjang serta dibutuhkan ketekunan dan kesabaran untuk mendapatkan hasil maksimal. Namun sebelum belajar lebih banyak tentang tekhnik ilmu SEO, sebaiknya kita mengetahui terlebih dulu apa saja jenis SEO yang biasa dikenal.

SEO berdasarkan proses cara kerjanya dikategorikan menjadi 2 jenis, yaitu SEO On Page dan SEO Off Page.

1. SEO On Page
Seperti namanya, tekhnik SEO ini dilakukan hanya didalam halaman website blog itu sendiri tanpa ada campur tangan dari luar situs website blog tersebut. Jenis SEO seperti ini yang terpenting adalah mengoptimalkan seluruh elemen dan konten yang ada didalam website blog. Sebagai contohnya, memilih nama domain yang tepat, menulis judul posting dengan keyword tertarget, memasang meta tag didalam HTML template, memperbaiki struktur template agar SEO friendly, membuat konten unik serta uptodate, dan lain sebagainya.

2. SEO Off Page
SEO Off Page merupakan kebalikan dari tekhnik SEO On Page, yaitu tekhnik SEO yang dilakukan dengan cara optimasi diluar website blog. Jenis SEO seperti ini lebih dominan dengan cara mencari backlink atau melakukan link building. Sebagai contoh tekhnik SEO Off Page yaitu dengan berkomentar di blog dofollow, mendaftarkan blog di web directory, bertukar link dengan blogger lain, submit artikel ke website bookmarking, dan lain sebagainya.

Kedua jenis SEO tersebut adalah sama pentingnya, jadi akan kurang maksimal hasilnya jika kita hanya menerapkan tekhnik salah satunya saja. Berbagai tulisan tentang tekhnik SEO bisa mudah kita temukan dibanyak blog sebelah melalui Google. Yang tidak mudah adalah proses menjalani semuanya itu. Seperti yang sudah saya kutip diatas, belajar tekhnik SEO itu memerlukan proses panjang, serta dibutuhkan ketekunan dan kesabaran tingkat tinggi jika kita ingin mendapatkan hasil yang benar-benar maksimal.

Sementara hanya sampai disini saja wawasan yang bisa saya bagikan tentang SEO, kedepannya nanti saya ingin mengajak kalian untuk bersama-sama belajar tentang SEO lebih dalam lagi melalui tulisan diblog ini. Yang kesemuanya itu nanti akan bisa bermanfaat untuk mengoptimalkan blog kita masing-masing.
Jika ada kekurangan atau kekeliruan tentang penjelasan SEO yang saya tulis diatas, mohon untuk dibenahi melalui kotak komentar dibawah. Terimakasih sebelumnya (^_^)

Mudah Membuat File PDF di Microsoft Office 2007

PDF (Portable Document Format) adalah salah satu file jenis dokumen yang saat ini banyak digunakan dan semakin popular dikalangan pengguna komputer. PDF pertama kali diperkenalkan oleh Adobe System pada tahun 1993.
File jenis ini banyak digemari karena tampilannya yang bisa dibilang lebih professional juga elegan jika dibanding format file berkas lainnya. Selain itu PDF dipilih karena akan lebih aman dari serangan virus.

Word to PDFFile PDF biasanya dibuat dari hasil convert file aslinya. Dan umumnya file asli tersebut dibuat menggunakan program Microsoft Office seperti MS. Word, Exel barulah kemudian diconvert ke PDF menggunakan program aplikasi pihak ketiga yang juga bisa mudah kita temukan di Internet.
Namun bagi yang tidak mau repot sebenarnya kita bisa saja membuat file PDF ini tanpa perlu menggunakan aplikasi dari pihak ketiga seperti kutipan diatas. Caranya yaitu dengan menginstal “Add-in Microsoft Save as PDF or XPS”, sebuah plugin dari perusahaan Microsoft yang disediakan untuk pengguna MS. Office versi 2007. Jadi Add-in ini hanya bisa di Install pada program MS. Office 2007 saja. Yah meskipun sudah keluar versi terbaru yaitu MS. Office 2010 serta 2013 namun saya yakin banyak dari temen-temen yang masih menggunakan versi 2007.

Dengan menginstal Add-in ini, dokumen yang kita buat di MS. Office bisa langsung disimpan dalam format file PDF. Jadi dengan begitu akan terasa lebih cepat dan mudah dibanding jika kita menggunakan aplikasi PDF Converter dari pihak ketiga.

Langkah Mudah membuat File PDF dengan Program Microsoft Office 2007 :

1. Download Add-in Microsoft Office 2007 dihalaman ini : http://www.microsoft.com/en-us/download/details.aspx?id=7

Membuat File PDF di Microsoft Office 2007

2. Jika ada rekomendasi download file lainnya dari Microsoft boleh diabaikan, klik button "No thanks and continue"

Membuat File PDF di Microsoft Office 2007

3. Setelah proses download selesai, Install file tersebut. Caranya sama seperti menginstall file aplikasi lainnya. Selesai Install otomatis Add-in tersebut akan terpasang di program Microsoft Office 2007 di komputer kita.

4. Sekarang boleh buka file dokumen yang ingin dijadikan PDF, bisa Office Word, Exel, atau file Microsoft lainya.

5. Klik "Office Button" di menu bar, pilih "Save as" lalu "PDF or XPS"

Membuat File PDF di Microsoft Office 2007

6. Pada window baru yang muncul, beri nama file PDF yang baru dibuat tersebut atau biarkan defaultnya saja => Centang pada "Open file after publishing" untuk langsung membuka file PDF tersebut => Terakhir klik button "Publish"

Membuat File PDF di Microsoft Office 2007


Sekarang sudah bisa kamu nikmati file dokumen yang kamu buat di MS. Office tersebut dalam format PDF. Bagaimana, mudah bukan?

Senang bisa berbagi (^_^)

Membuat Syntax Highlighter di Blog

Satu lagi istilah yang perlu kita pahami sebagai seorang blogger, sekalipun hanya sebagai blogger "alakadarnya", seperti saya. Memahaminya hukumnya adalah wajib, demi perubahan status menjadi bukan blogger "alakadarnya" lagi.
Istilah yang dimaksud ialah Syntax Highlighter (tolong dikoreksi lagi apakah penulisannya sudah benar), yaitu suatu fitur yang berfungsi sebagai viewer juga editor yang (katanya) ini biasa digunakan oleh para Programmer bahasa coding seperti HTML, JavaSript, jQuery, dsb. Seperti apa penampakannya bisa kalian lihat contoh pada screenshot dibawah.

Syntax Highlighter

Adapun fitur standart yang ada pada Syntax Highlighter ialah "Print" untuk memudahkan jika ingin cetak kode dilembaran kertas, "View Plain" untuk menampilkan barisan kode pada popup window, dan "?" atau help untuk menemukan jawaban atas pertanyaan yang sering diajukan.

Jika didunia blogging biasanya ini dibuat untuk menampilkan deretan bahasa kode yang dimuat didalam posting, agar memudahkan pengunjung saat membaca serta memahami maksud penyampaian kode tersebut. Ya, fungsinya hampir sama dengan "Blockquote". Namun jika didalam Syntax Highlighter tampilan kode akan bisa otomatis berganti menjadi warna-warna tertentu berdasarkan type kode dan juga adanya susunan urut list nomor.

Kembali ke inti pembahasan kita, bagaimana membuat Syntax Highlighter di blog? Apakah sulit atau sulit sekali? Menyebutnya saja susah kok apalagi membuatnya. Hehe!
Tidak kok, untuk membuat Syntax Highlighter di blog tidak se-sulit seperti kita menyebut namanya itu. Asal kita tau caranya saja.
Teori singkatnya kita hanya perlu menambahkan script Syntax Highlighter didalam HTML template, lalu jika ingin menampilkan Syntax Highlighter didalam posting saat menulis artikel cukup tambahkan kode pemangilnya saja. Sederhana saja kan?. Lebih detail lagi langkah-langkahnya seperti ini :

1. Login di Blogspot
2. Backup template terlebih dulu, panduannya baca disini
3. Selesai backup masuk di menu "Template", lanjutkan dengan klik "Edit HTML"

4. Copy (Ctrl+C) kode script dibawah ini :
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js'  type='text/javascript'></script>
<script  src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js'  type='text/javascript'></script>

5. Paste (Ctrl+V) kode tersebut setelah kode <head> atau sebelum kode </head>

6. Tahab selanjutnya cari kode ]]></b:skin lalu Copy dan Paste CSS berikut diatas kode ]]></b:skin
  • Agar mudah klik "view plain" - blok semua kode - copy
<div style="text-align: left;">
.dp-highlighter</div>
{
<div style="text-align: left;">
nt-family: "Consolas", "Monaco", "Courier New", Courier, monospace;
f</div>
f
oont-size: 12px;
background-color: #E7E5DC;
width: 99%;
overflow: auto;
<div style="text-align: left;">
der on top when controls are hidd</div>
margin: 18px 0 18px 0 !important;
padding-top: 1px; /* adds a little bo
ren */
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
<div style="text-align: left;">
;
border: </div>
margin: 0;
padding: 0;
border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
background: non
enone;
padding: 0;
margin: 0;
}

.dp-highlighter .bar
{
padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
<div style="text-align: left;">
ckground-color: #fff;
margin:</div>
.dp-highlighter.nogutter .bar
{
padding-left: 0px;
}

.dp-highlighter ol
{
list-style: decimal; /* for ie */
b
a 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
padding: 0px;
color: #5C5C5C;
}

<div style="text-align: left;">
hlighter ol li,
.dp-highligh</div>
.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
list-style: none !important;
margin-left: 0px !important;
}

.dp-hi
gter .columns div
{
list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
list-style-position: outside !important;
<div style="text-align: left;">
}

.dp-highlighter.nogutter ol </div>
border-left: 3px solid #6CE26C;
background-color: #F8F8F8;
color: #5C5C5C;
padding: 0 3px 0 10px !important;
margin: 0 !important;
line-height: 14px;
li,
<div style="text-align: left;">
.dp-highlighter .columns div
{
paddi</div>
.dp-highlighter.nogutter .columns div
{
border: 0;
}

.dp-highlighter .columns
{
background-color: #F8F8F8;
color: gray;
overflow: hidden;
width: 100%;
}
ng-bottom: 5px;
}

<div style="text-align: left;">
n collapsed */

.dp-highl</div>
.dp-highlighter ol li.alt
{
background-color: #FFF;
color: inherit;
}

.dp-highlighter ol li span
{
color: black;
background-color: inherit;
}

/* Adjust some properties wh
eighter.collapsed ol
{
margin: 0px;
}

.dp-highlighter.collapsed ol li
{
display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
border: none;
}

<div style="text-align: left;">
g: 3px 8px 3px 10px;
font: 9px </div>
.dp-highlighter.printing .tools
{
display: none !important;
}

.dp-highlighter.printing li
{
display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
paddi
nVerdana, Geneva, Arial, Helvetica, sans-serif;
color: silver;
background-color: #f8f8f8;
padding-bottom: 10px;
border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
border-left: 0;
}

<div style="text-align: left;">
ter .tools a:hover
{
color: red;</div>
.dp-highlighter.collapsed .tools
{
border-bottom: 0;
}

.dp-highlighter .tools a
{
font-size: 9px;
color: #a0a0a0;
background-color: inherit;
text-decoration: none;
margin-right: 10px;
}

.dp-highlig
h
background-color: inherit;
text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
<div style="text-align: left;">
ign: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-co</div>
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-a
llor: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
<div style="text-align: left;">
ic styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-c</div>
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language speci
folor: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
<div style="text-align: left;">
</div>
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }

7. Sabar masih ada satu lagi, Copy kode script berikut lalu letakkan diatas kode </body>. Cari bagian paling bawah di HTML template
<!-- Add-in Script for syntax highlighting  -->
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>

8. Klik "Simpan template"
9. Selesai


Untuk menampilkan Syntax Highlighter dihalaman posting, yang diperlukan ialah menuliskan kode pemanggilnya dan meletakkannya bersama kode yang ingin dibuat. Cara penulisannya seperti ini :
<pre name="code" class="JScript">
Letakkan kode Script yang ingin ditampilkan disini
</pre>
dan ...
<pre name="code" class="Css">
Letakkan kode CSS yang ingin ditampilkan disini
</pre>

Senang bisa berbagi (^_^)
Membuat Border Didalam Posting

Membuat Border Didalam Posting

Apa yang dimaksud dengan Border?
Sama seperti istilah didunia nyata, didunia website/blog Border adalah garis tepi dari suatu objek (dalam artikel ini berarti teks) yang membatasi objek tersebut dengan objek lain disekelilingnya. Biasanya dibuat untuk mengelompokkan beberapa tulisan yang memiliki kesamaan maksud. Hampir sama fungsinya dengan Blockquote yang telah kita ulas beberapa hari yang lalu. Sebelum melangkah jauh, perlu kita kenali terlebih dulu beberapa jenis border yang mungkin akan sering kita temui.

Solid - Dashed - Dotted - Double - Groove - Outset - Ridge

Bagaimana cara membuat Border?
Jika di website/blog untuk menampilkan Border cara membuatnya diperlukan penulisan kode HTML serta beberapa atribut CSS untuk mengatur penampakan border tersebut. Dibawah ini adalah beberapa atribut penting yang perlu kita pahami :
  • <div style> ... </div> : tag pembuka dan penutup untuk menampilkan border
  • background-color : mengatur warna background didalam border
  • border : mengatur ketebalan garis, jenis border, dan warna border
  • padding : mengatur jarak ruang antara teks didalam dengan border
  • width : mengatur lebar daripada area border
Setelah memahami fungsi masing-masing atribut diatas, sekarang langsung ke prakteknya saja.
Karena judul tulisan ini adalah "Membuat Border Didalam Posting", untuk itu sebelum memulai praktek silahkan buat posting baru dulu. Untuk penulisan kode-nya gunakan opsi HTML didalam menu posting, bukan Compose.

1. Solid
Kode :
<div style="background-color: yellow; border: 1px solid #000000; padding: 5px; width: 500px;">
Ini adalah contoh tulisan dengan border Solid ketebalan garis 1px dan warna background kuning</div>
Hasilnya :

Ini adalah contoh tulisan dengan border Solid ketebalan garis 1px dan warna background kuning

2. Dashed
Kode:
<div style="background-color: #F5D0A9; border: 2px dashed #000000; padding: 5px; width: 500px;">
Ini adalah contoh tulisan dengan border Dashed ketebalan garis 2px dan warna background kuning</div>
Hasilnya :

Ini adalah contoh tulisan dengan border Dashed ketebalan garis 2px dan warna background #F5D0A9

3. Dotted
Kode :
<div style="background-color: #81f7f3; border: 3px dotted #000000; padding: 5px; width: 500px;">
Ini adalah contoh tulisan dengan border Dotted ketebalan garis 3px dan warna background #81F7F3</div>
Hasilnya :

Ini adalah contoh tulisan dengan border Dotted ketebalan garis 3px dan warna background #81F7F3

4. Double
Kode :
<div style="background-color: #F781F3; border: 4px double #000000; padding: 5px; width: 500px;">
Ini adalah contoh tulisan dengan border Double ketebalan garis 4px dan warna background #F781F3</div>
Hasilnya :

Ini adalah contoh tulisan dengan border Double ketebalan garis 4px dan warna background #F781F3

5. Groove
Kode :
<div style="background-color: #D0A9F5; border: 5px groove #000000; padding: 5px; width: 500px;">
Ini adalah contoh tulisan dengan border Groove ketebalan garis 5px dan warna background #D0A9F5</div>
Hasilnya :

Ini adalah contoh tulisan dengan border Groove ketebalan garis 5px dan warna background #D0A9F5

6. Outset
Kode :
<div style="background-color: #ACFA58; border: 6px outset #000000; padding: 5px; width: 500px;">
Ini adalah contoh tulisan dengan border Outset ketebalan garis 6px dan warna background #ACFA58</div>
Hasilnya :

Ini adalah contoh tulisan dengan border Outset ketebalan garis 6px dan warna background #ACFA58

7. Ridge
Kode :
<div style="background-color: #00CCFF; border: 7px ridge #000000; padding: 5px; width: 500px;">
Ini adalah contoh tulisan dengan border Ridge ketebalan garis 7px dan warna background #00CCFF</div>
Hasilnya :

Ini adalah contoh tulisan dengan border Ridge ketebalan garis 7px dan warna background #00CCFF

Happy Blogging.

Kenapa Alexa Rank Blog Saya No Data?

Kembali lagi saya menulis tentang Alexa Rank, untuk menjawab pertanyaan paling umum yang sering diajukan oleh kita blogger pemula yaitu “Kenapa ya Alexa Rank blog saya No Data ?” ditambah lagi “Apa salah blog saya kok tidak dikasih Ranking?” kemudian ditutup dengan kalimat umpatan “Wah, gak beres nih Alexa”. Grubyaakk !!!
Hampir setiap blogger pernah mengalami hal demikian, terutama pertanyaan tentang kenapa Alexa Rank masih No Data, yaitu saat awal-awal mendaftarkan blog di website Alexa. Memang untuk website/blog yang baru didaftarkan Alexa tidak lantas langsung memberikan peringkat kepada website/blog tersebut. Robot Alexa butuh waktu untuk melakukan proses penghitungan data dari website/blog yang baru didaftarkan, setelah itu barulah bisa dirumuskan berapa digit peringkat yang akan diberikannya. Paling tidak memerlukan satu bulan atau bisa kurang untuk proses tersebut, tergantung kualitas serta trafik pengunjung masing-masing blog. Dan biasanya peringkat pertama kali yang diberikan Alexa kepada blog baru berkisar antara 20 Jutaan hingga 28 Jutaan untuk peringkat global. Untuk blog ini sendiri Alexa Rank pertama kali didapat yaitu sekitar 22jutaan. Dan Alhamdulillah di usia yang belum genap satu bulan ini sudah turun diangka 1,8jutaan. (smiley)


Nah, untuk sahabat blogger yang kebetulan Alexa Rank diblog-nya masih No Data alias tidak punya Ranking sama sekali, sekarang tidak perlu lagi kalian resah, gundah, gelisah apalagi galau. Karena hal itu tidak akan berlangsung lama apalagi selamanya. Yang perlu kamu lakukan adalah bersabar menunggu dan juga melakukan usaha-usaha agar blog bisa cepat mendapatkan peringkat Alexa. Dan disini saya akan berbagi beberapa tips agar blog kamu bisa lebih cepat memiliki Alexa Rank. Tips ini saya tulis berdasarkan pengalaman dan analisa saya pribadi. Jadi kalau percaya silahkan mencoba tips-tips yang saya tuliskan dibawah ini. Namun jika ragu, boleh untuk mengabaikannya.

1. Pertama, berkenalan dengan tante ALexa dulu yuk biar lebih akrab, klik disini. Setelah itu boleh melanjutkan membaca lagi tips-tips bawah ini

2. Pastikan bahwa URL blog kamu sudah didaftarkan di website Alexa, serta pastikan juga statusnya telah “Claimed" atau sudah ter-klaim dengan benar, tinjau ulang panduannya disini. Poin ini jelas merupakan poin penting yang harus dilakukan. Meskipun Alexa tetap saja akan memberikan ranking pada blog yang tidak didaftarkan, namun peringkat yang diberikan tidaklah secepat jika blog sudah didaftar. Dengan mendaftarkan blog kita di Alexa tentu proses pendataan peringkat akan lebih cepat dan lebih akurat jika dibanding blog yang tidak didaftar.

3. Karena blog baru usahakan untuk selalu update artikel secara kontinyu.
Minimal satu hari bisa menulis satu judul posting, semakin banyak tentu lebih baik. Usahakan juga jangan memposting artikel COPAS, tapi artikel hasil tulisan sendiri. Sama seperti Google, Alexa juga lebih menyukai artikel original dibandingkan hasil Copas. So, persiapakan ide untuk menulis artikel baru sekarang juga.

4. Sambil blogwalking mencari ide untuk menulis, tinggalkan komentar setelah selesai membaca artikel diblog yang kamu kunjungi tersebut. Gunakan opsi Name/URL atau OpenID jika disediakan. Dengan itu kita telah membuat satu peluang untuk mendapatkan Links In Alexa. Dipercaya bahwa Alexa Links In juga memiliki peran penting untuk meningkatkan Alexa Rank, semakin banyak mengumpulkan Links In Alexa maka akan semakin bagus peringkat Alexa blog tersebut.

5. Lakukan submit artikel ke website sosial bookmarking seperti Lintas.me, Infogue.com, Populerkan.com, Sosbok.com atau website sejenis lainnya.
Fungsinya sama dengan poin nomor 4 tadi, yaitu membuat peluang agar mendapat Links In Alexa disamping juga untuk menambah trafik kunjungan.

6. Memasang widget Alexa di Blog.
Dipercaya juga bahwa widget Alexa bisa memberi pengaruh besar terhadap Alexa Rank bagi blog yang memasangnya. Panduan cara memasang widget Alexa Rank bisa kamu baca disini

7. Selain widget-nya, semakin baik jika menginstall juga Tollbar-nya disemua browser yang digunakan.
Alexa Toolbar juga dipercaya cukup ampuh untuk merampingkan Alexa Rank. Jika memerlukan panduan untuk menginstall Alexa Toolbar, silahkan cari di Google, karena saya belum menulisnya diblog ini.

8. Bagi pemula seringnya suka otak-otik desain template yang akan mengahabiskan waktu saja, mulai sekarang berhentilah dulu. Fokuskan waktu untuk melakukan poin-poin diatas tadi. Untuk referensi sepertinya kamu perlu membaca tulisan saya yang ini “4 Kalimat Persetan! Yang Harus Diucapkan Blogger Pemula”.

9. Bersabar dan Berdo’a. Setelah melakukan semua poin-poin diatas tadi saya optimis tidak sampai satu minggu Alexa Rank blog kamu yang tadinya berupa huruf akan berganti dengan digit angka. Dan yang awalnya 20 ribuan akan turun dibawah 10ribuan. (Amin)

Cukup itu saja tips yang bisa saya tulis dipostingan ini, semoga bisa dijadikan referensi untuk sahabat yang memiliki blog dengan Alexa Rank masih No Data. Jika kalian punya tips-tips lainnya, saya akan sangat senang jika kalian mau berbagi itu disini. Silahkan melalui kotak komentar.

Cara Memasang Widget Alexa Rank di Blog

Dikesempatan malam yang indah ini dengan langit terang bertabur jutaan bintang (haiyah) saya untuk ketiga kalinya ini ingin menulis artikel dengan topik Alexa. Dua tulisan sejenis sebelumnya telah saya publish yaitu "Mengenal Alexa Rank" dan "Panduan Mendaftarkan Blog di Alexa". Tulisan ini masih merupakan serangkaian judul bertema sama dengan dua posting tersebut yaitu akan mengulas bagaimana cara memasang widget Alexa Rank di Blog. Sebelum masuk ke langkah-langkahnya mari kita diskusikan sebentar tentang apa itu widget Alexa Rank dan juga manfaat apa yang didapat untuk blog yang memasangnya.

Alexa Widget
Widget Alexa Rank adalah sebuah widget dari website Alexa.com yang akan menampilkan berapa nilai Alexa Rank yang dimiliki oleh suatu situs website/blog berdasarkan data peringkat global yang dirumus oleh pihak Alexa sendiri. Digit Alexa Rank yang ditampilkan widget ini akan berubah naik/turun sesuai update ranking yang dilakukan oleh Alexa. Selain itu terdapat juga opsi widget yang menampilkan jumlah total Links In yang didapat oleh website/blog itu. Contoh penampakannya seperti apa widget ini bisa kalian lihat di sidebar blog ini.
Lalu apa fungsi/manfaat yang bisa dirasakan oleh seorang blogger yang memasang widget Alexa Rank di blog-nya? Dalam hal ini banyak yang meyakini bahwa dengan itu akan mampu mengecilkan angka Alexa Rank blognya lebih cepat dibanding blog yang tidak memasang widget ini. Benar tidaknya silahkan nanti lakukan analisa sendiri dengan memasangnya diblog masing-masing.

Langkah-langkah memasang widget Alexa Rank di blog :

1. Buka website www.alexa.com untuk login dengan akun yang sudah kamu buat
2. Sudah Login sekarang buka lagi halaman ini http://www.alexa.com/siteowners/widgets

3. Dihalaman tersebut tersebut bisa kamu lihat penampakan beberapa pilihan style widget Alexa yang bisa dipilih. Tentukan satu, lalu isikan alamat blog pada kolom URL info (misal: www.anu.com) dan lanjutkan dengan klik button "Build Widget"

Cara memasang widget Alexa

4. Copy (Ctrl+C) kode pada kolom area sebelah kiri widget yang dipilih. Tahap selanjutnya tinggal memasangnya di Blog saja

Cara memasang widget Alexa

5. Pergi dan Login ke Blogspot
6. Dihalaman dashbor, masuk ke menu "Tata letak"

7. Klik "Tambahkan Gadget" kemudian pilih gadget "HTML/JavaScript"


8. Paste (Ctrl+V) kode widget kedalamnya
9. Simpan dan selesai

Untuk penempatan widget ini bisa kalian atur sendiri, di sidebar atau footer, terserah dimana yang pas.
Nah, kedepannya tinggal dipantengin saja tiap hari berapa itu angka di widget untuk mengetahui perkembangan nilai Alexa Rank blog kamu. Sekedar berbagi pengalaman, untuk blog ini sendiri sejak satu bulan pertama daftar di Alexa, angkanya turun tiap dua hari sekali, dari yang awalnya sekitar 22jutaan yang terpangkas sekitar 20jutaan. Alhamdulillah ... (^_^) bagaimana dengan blog kamu? Mari kita nantikan.
Semoga ini bisa bermanfaat.

Panduan Mendaftarkan Blog Di Alexa

Beberapa hari lalu ditulisan saya yang berjudul "Mengenal Alexa Rank" telah kita ulas tentang apa itu ALexa, fungsi Alexa, serta peran Alexa di dunia website/blog. Dan posting ini masih merupakan kelanjutan dari tulisan tersebut, yaitu panduan tentang bagaimana cara mendaftarkan blog di ALexa. Artikel ini saya persembahkan buat temen-temen sesama blogger pemula yang kebetulan belum mendaftarkan blog-nya di Alexa. Untuk sahabat yang blog-nya sudah terdaftar di Alexa boleh mengabaikan tulisan ini, silahkan baca tulisan menarik lainnya diblog ini. (^_^)


Kenapa kita harus mendaftarkan blog di Alexa?
Untuk seorang blogger, mendaftarkan blog-nya di Alexa sangatlah penting sekali. Seperti yang telah saya singgung diposting lalu bahwa Alexa merupakan salah satu parameter utama untuk mengetahui peringkat website/blog dimata dunia. Dengan mendaftarkan blog di Alexa nantinya akan bisa berpengaruh pada besar kecilnya peringkat blog tersebut. Meskipun sebenarnya Alexa juga akan memberikan peringkat bagi website/blog yang tidak didaftar namun hanya peringkat kecil serta jarang mendapat update ranking.
Dan satu lagi alasan kenapa perlu mendaftarkan blog di Alexa, karena dengan blog yang sudah didaftarkan di Alexa barulah nanti seorang blogger bisa memasang widget juga toolbar Alexa, yang ke-duanya dipercaya mampu merampingkan angka Alexa Rank dengan cepat. Benar atau tidaknya saya sendiri juga belum membuktikan.

Untuk mendaftarkan blog di Alexa silahkan ikuti langkah-langkah berikut :

1. Buka website www.alexa.com
2. Kemudian perhatikan tulisan "Create an Account" yang ada di navigasi atas. Atau jika ingin instan kamu bisa langsung klik disini untuk menuju halaman registrasi Alexa.

3. Isi kolom registrasi dengan alamat Email valid juga Nickname, lalu klik button "Register"
4. Setelah itu akan tampil halaman baru yang maksud kalimatnya adalah untuk melengkapi pendaftaran kita diminta untuk membuka Email yang kita gunakan untuk mendaftar tadi kemudian klik link konfirmasi yang dikirimkan Alexa.

5. Silahkan buka Email kamu dan klik link konfirmasi yang diberikan Alexa team tersebut. Contoh link konfirmasi seperti screenshot dibawah ini:


6. Link konfirmasi tersebut akan membawa ke halaman "Set password" yaitu membuat password baru untuk digunakan Login di website Alexa. Tulis password baru pada kolom "Set Password" dan ulangi lagi pada kolom "Verify Password". Jika sudah klik button "Submit Password"

7. Jika sukses akan tampil halaman seperti ini :

8. Tahap selanjutnya yaitu mendaftarkan URL blog baru. Di halaman Dashbor Alexa perhatikan kalimat "Do you have a website?" klik pada button "Add it now".


9. Akan ditampilkan pilihan "Alexa Plans and Pricing", pilih saja Free Sign Up


 10. Masukkan URL blog pada kolom "Website URL" kemudian klik button "Continue"


11. Dihalaman berikutnya, Copy kode verifikasi yang diberikan Alexa. Contoh kodenya seperti ini :

12. Sudah Copy kode verifikasi selanjutnya pergi ke Blogspot dan masuk ke HTML template

13. Paste kode verifikasi tadi dibawah kode <head>, jika sudah silahkan "Simpan template" terlebih dulu

14. Kembali ke halaman verifikasi Alexa, klik button No. 2 yaitu "Verify my ID"


15. Tunggu hingga halaman selesai refresh, akan ada notifikasi seperti ini : "Your site is successfully claimed"

Artinya bahwa status blog telah berhasil kita klaim sebagai pemiliknya.
Setelah blog terdaftar di Alexa langkah kedepannya justru akan lebih berat lagi. Karena kita harus berusaha semaksimal mungkin dengan cara-cara tertentu jika ingin blog bisa memiliki Alexa Rank yang baik. Ada banyak cara serta tips yang bisa kita terapkan dari para senior yang juga nanti kedepannya akan saya tuliskan diblog ini sebagai salah satu bahan referensi untuk usaha kita merampingkan peringkat Alexa.
Artikel selanjutnya kita akan membahas bagaimana cara memasang widget Alexa Rank di blog. Yang juga itu dipercaya memiliki pengaruh besar untuk merampingkan angka Alexa Rank dengan cepat. Silahkan ditunggu update selanjutnya.
Bagaimana Cara Membuat Text Area?

Bagaimana Cara Membuat Text Area?

Kali ini kita akan belajar tentang bagaimana membuat text area pada blog. Namun sebelum masuk ke tutorial, sebaiknya kita perlu tau dulu apa maksud dari istilah Text Area? Bagi yang sudah malang melintang menekuni dunia blogging tentu nama Text Area sudah bukan barang baru lagi. Namun berbeda jika yang membaca ini adalah temen-temen pemula. Untuk itu mari kita diskusikan ini sebentar.
Ada yang bisa menjelaskan deskripsi Text Area? Saya sendiri juga bingung bagaimana menyusun kalimat yang tepat untuk menjelaskan deskripsi Text Area ini, biar mudah mungkin sebaiknya kalian lihat contohnya dulu dibawah ini :


Nah, setelah melihat contoh diatas bagaimana sekarang mendeskripsikannya? Mungkin kurang sedikit lebih seperti ini: Text area adalah suatu kotak area yang dibuat untuk membatasi teks yang dipilih dengan teks lainya karena maksud tertentu (versi ngawur).
Dengan contoh dan juga penjelasan singkat diatas setidaknya sekarang kalian sudah sedikit paham apa yang dimaksud Text Area.
Lalu apa tujuan seseorang membuat Text Area?
Jika dalam aktifitas blogging Text Area biasanya dibuat bersama artikel didalamnya memuat kode-kode web tertentu yang disajikan ke pembaca agar si-pembaca mudah untuk meng-copy kode tesebut. Misalnya saja kode script, HTML, jQuery, atau lainnya.
Saya rasa penjelasan mengenai Text Area cukup sampai disini, sekarang kita akan belajar bagaimana membuat Text Area di blog.

Ada beberapa variasi Text Area yang bisa dibuat, nanti kita akan membahas itu satu demi satu. Namun sebelum itu kita harus tau terlebih dulu kode dasar yang digunakan untuk membuat-nya, seperti ini :
<textarea> Teks disini  </textarea>
Dan dibawah ini sudah saya siapkan beberapa contoh variasi Text Area yang bisa kita buat di blog  :

1. Text Area biasa atau sederhana saja

Contoh Kode :
<textarea>Ini adalah contoh Text Area biasa</textarea>
Hasilnya :



2. Text Area dengan mengatur tinggi lebar area

Con toh kode :
<textarea cols="50" rows="2">Ini adalah contoh Text Area dengan mengatur tinggi lebar area</textarea>
Hasilnya :



3. Text Area dengan mengatur jenis dan warna border

Contoh kode :
<textarea cols="50" rows="2" style="border: 2px dashed red;">Ini adalah contoh Text Area dengan mengatur jenis dan warna border</textarea>
Hasilnya :



4. Text Area dengan mengatur warna background

Contoh kode :
<textarea cols="50" rows="2" style="background: yellow;">Ini adalah contoh Text Area dengan mengatur warna background</textarea>
Hasilnya :



5. Text Area dengan klik auto block

Contoh kode :
<textarea cols="50" onclick="this.focus(); this.select();" rows="2">Ini adalah contoh Text Area dengan klik auto block (klik pada area untuk block semua isi)</textarea>
Hasilnya :



6. Text Area dengan sentuh auto block

Contoh kode :
<textarea onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" readonly="readonly" rows="2" style="height: 50px; padding: 3px; width: 430px;">Ini adalah contoh Text Area dengan sentuh auto block (arahkan kursor pada area untuk block semua isi)</textarea>
Hasilnya :



7. Text Area dengan tombol Highlight All

Contoh kode :
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
<textarea cols="50" name="txt" rows="2" style="height: 60px; width: 430px;" wrap="VIRTUAL">Ini adalah contoh Text Area dengan tombol Highlight All (klik pada tombol "Highlight All" diatas untuk block semua isi)</textarea></div>
</form>
</div>
Hasilnya :

Setelah mengetahui macam-macam jenis serta kode untuk membuat Text Area, sekarang kalian tentu sudah bisa mempraktekkannya diblog sendiri. Kita bisa membuat Text Area tersebut dihalaman posting, sidebar, footer atau di elemen manapun asalkan ada opsi untuk penulisan kode HTML disitu. Semoga senang dengan tulisan diatas.

Mengetahui Jumlah Pengunjung Online Dengan Widget Whos Amung Us


Whos Amung Us adalah salah satu dari sekian banyak widget visitor online yang disediakan oleh website-website dijagat maya ini secara gratis. Namanya juga sudah cukup tenar dikalangan kaum blogger baik di Indonesia Raya sendiri maupun blogger di negara lain. Mengalahkan beberapa website dengan layanan serupa yang ada.
Widget ini disukai mungkin karena tampilannya yang simpel alias sederhana serta tidak membuat loading halaman blog menjadi berat.

Widget yang menampilkan total jumlah pengunjung online secara live ini juga memiliki beberapa style widget yang berbeda untuk bisa dipilih.
Untuk mendapatkan kode widget Whos Amung Us serta memasangnya pada halaman blog kita tidak diharuskan untuk membuat akun diwebsite-nya. Kecuali jika kalian ingin widget yang Pro. Jadi lebih praktis karena hanya tinggal copy kode scriptnya saja lalu langsung kabur :D

Detail kejadiannya seperti ini :

1. Kunjungi website www.whos.amung.us
2. Setelah ada di TKP klik tulissn "Widgets" pada navigasi menu


3. Selanjutnya tinggal kamu pilih satu dari beberapa style widget yang ditawarkan. Ada The classsic widget, The colored widget, The small widget dan lainnya. Tidak perlu khawatir, semuanya gratis kok :)

4. Seusai meilih satu style widget, selanjutnya klik pada kode untuk meng-copy keseluruhan kode script yang diberikan

Nah sekarang sudah boleh kabur untuk menuju ke Blogspot.
Langkah memasang widget Whos Amung Us di blog seperti ini.

1. Login di Blogspot
2. Pada halaman dahsbor, pilih menu "Tata letak"
3. Selanjutnya klik "Tambahkan Gadget"
4. Pilih "HTML/JavaScript"

5. Paste kode script yang sudah dicopy tadi
6. Langkah terakhir klik "Simpan"

Oke selanjutnya tinggal dinikmati saja (^_^) semoga bermanfaat.

Memasang Widget Fans Page Facebook Di Blog

Posting sebelumnya kita sudah membahas bagaimana cara membuat Fans Page Facebook untuk halaman website/blog. Yaitu sebagai salah satu misi untuk bisa menjaring lebih banyak orang yang mengenal lalu mengunjungi blog kita. Buat mas-bro dan mbak-bro yang belum sempet mengikuti tutorialnya, silahkan klik link judul diatas untuk membuka dihalaman baru.
Seperti kita tau bahwa pihak Facebook menyediakan beberapa widget untuk dipasang dihalaman website/blog lain. Salah satu dari beberapa widget itu ialah "Like Box" yang akan menjadi tema diposting ini. Contoh widget Like Box penampakannya bisa kalian lihat seperti screenshot dibawah. Dengan memasang widget ini pada halaman website/blog tentu akan bisa membantu untuk mendapatkan lebih banyak penggemar baru terutama dari para tamu pengunjung yang budiman.


Memang sih seseorang bisa saja mendapatkan banyak penggemar atau kita sebut mereka "Likers" hanya dengan muter-muter saja di website Facebook atau sosial media lainnya tanpa harus memasang widget ini di halaman blog/website miliknya.
Namun cara tersebut dirasa akan kurang maksimal untuk menjaring lebih banyak lagi penggemar. Apalagi bagi blogger yang tidak suka eksis di situs jejaring sosial terbesar itu, seperti saya contohnya. Pasti akan sulit sekali mendapat banyak Likers dari penduduk Facebook. Nah, dengan hadirnya widget Fans Page pada halaman blog sendiri diharapkan akan bisa membantu kita agar bisa mendapat banyak Likers. Amiiin Ya Allah .., (^_^)

Untuk seorang sahabat yang kebetulan memang masih baru didunia blogging saya yakin akan banyak yang belum tau cara mendapatkan widget satu ini. Karena sayapun awalnya juga seperti itu. Untuk itulah tulisan ini hadir dihadapan kalian semuanya supaya bisa membantu sahabat-sahabat kita itu :).

Disini saya bukan menyediakan script widget siap pakai yang tinggal copy, paste, edit lalu simpan diblog seperti yang banyak dishare di banyak blog lain. Melainkan berupa panduan mudah mendapatkan kode widget Fans Page itu dari website Facebook sendiri serta cara memasangnya di blog.
Akan lebih baik jika kita mendapatkan sesuatu dari hasil tangan sendiri tanpa harus selalu mengandalakan tangan orang lain. Super sekali.
Toh caranya juga sangat mudah kok.

Langkah-langkah cara memasang widget Fans Page di blog sudah saya siapkan dibawah ini.

1. Log In di Facebook menggunakan ID yang kamu pakai saat membuat Fans Page
2. Setelah berhasil Log In, kunjungi halaman ini http://developers.facebook.com/docs/plugins

3. Dihalaman tersebut akan banyak penampakan widget yang bisa kita pilih sesuka hati. Beberapa diantaranya yaitu Like box, Like Button, Send Button, Follow Button, Comment dan lain sebagainya yang masing-masing widget memiliki fungsinya sendiri.
Namun diposting ini yang kita bahas bukan kesemuanya itu, melainkan hanya widget Like Box saja seperti yang sudah saya singgung diparagrap atas. Untuk itu klik pada "Like Box"


4. Sampai pada halaman selanjutnya adalah menu untuk konfigurasi tampilan widget


Konfigurasi :
  • Facebook Page URL: isi dengan URL Fans Page milik kamu. Sebagai contoh disitu saya tuliskan https://www.facebook.com/BerwawasanDotCom
  • Width: ukuran lebar widget dalam satuan pixel. Misal ingin dipasang di sidebar blog, maka sesuaikan ukuran widget dengan lebar sidebar. Contoh disitu saya isi 310
  • Height: ukuran tinggi widget. Silahkan sesuaikan, atau biarkan kosong untuk menampilkan tinggi default widget
  • Color Scheme: ada dua pilihan warna, Light dan Dark
  • Show Header: centang jika ingin menampilkan Header widget
  • Show Faces: centang jika ingin menampilkan penampakan wajah-wajah dari para Likers
  • Show Stream: centang jika ingin menampilkan kiriman terbaru dari halaman Fans Page
  • Show Border: centang jika ingin menampilkan border atau garis tepi widget
Live penampakannya bisa kamu lihat dibawah menu konfigurasi seperti diatas.

5. Jika tampilan widget sudah pas dihati selanjutnya klik button   Get Code 

6. Maka akan ditampilkan kode untuk widget itu. Terdapat empat jenis kode yaitu HTML5, XFBML, IFRAME dan URL. Pilih yang "IFRAME" dengan menyalin kodenya.

Setelah mendapatkan kodenya langkah apa selanjutnya yang harus dilakukan, saya rasa mas-bro dan mbak-bro sudah paham sendiri :).
Atau jika memang ada dari temen-temen yang belum paham silahkan bertanya melalui kotak komentar. Nanti akan saya pandu kelanjutannya :) Semoga tulisan diatas sudah cukup bisa membantu.