bukan-rahasia: July 2011

Thursday, July 28, 2011

Blog Tips: Kumpulan Tips nge-Blog Buka-Rahasia.Blogspot.Com

Ini dia semua posting dalam kategori Tips Blog yang memuat opini, pengalaman, tips, serta wacana dalam nge-blog dan dunia Blogging (Blogosphere) yang sudah saya tulis sejauh ini. All posts have been collected for you to make enhancements on your blog and, hopefully, will give great positive effects onto your blog and bring the blog to the next level. Silakan disimak & semoga bermanfaat.

Regards,
© buka-rahasia.blogspot.com All rights reserved

Cara Membuat Efek Transparan Pada Gambar Blog (CSS Image Opacity)

efek transparan/opacity gambar dengan CSS

Efek transparan pada gambar (image transparency/opacity) sering digunakan di Blog/web sebagai efek hover (mouse over) yaitu tampilan transparansi gambar (atau sebaliknya) ketika mouse diarahkan di atas gambar. Transparansi gambar merupakan salah satu efek yang dapat dibuat dengan CSS dan dimodifikasi sedemikian rupa, sama halnya dengan efek-efek yang lain, misalnya efek bayangan gambar (CSS 3 Box Shadow).

Dasar CSS Transparansi Gambar (CSS Image Transparency/Opacity)

Properti CSS yang digunakan sebagai perintah efek transparansi gambar adalah opacity:x. Properti ini digunakan oleh Mozilla Firefox dan beberapa browser lain. Sedang pada IE (Internet Explorer) digunakan properti filter:alpha(opacity=x). X adalah nilai transparansi, pada Mozilla Firefox dan beberapa browser lain, nilai defaultnya adalah 1.0, sedangkan pada IE adalah 100. Untuk memberikan besaran efek transparan, kecilkan nilai x-nya. Pengurangan dengan value yang sama antara browser lain dengan IE adalah 1/10, jadi kurangi 0.1 pada opacity dan kurang 10 pada filter untuk mendapatkan efek transparansi yang sama. Semakin kecil nilai x semakin besar transparansinya.

Contoh:

img {opacity:0.5;filter:alpha(opacity=50;}

Penggunaan Transparansi Gambar sebagai Efek Hover (Mouse Over)

Seperti yang telah dijelaskan di atas, efek ini sering digunakan dan dipadukan sebagai hover effect. Maka, posting kali ini akan berfokus pada penggunaan transparansi gambar sebagai efek hover.

Sebagaimana pada link (a) dan hover link (a:hover), kita pun dapat menerapkannya pada gambar.

img {opacity:1.0;filter:alpha(opacity=100;}
img:hover {opacity: 0.5;filter:alpha(opacity=50;}

Contoh (arahkan mouse ke atas gambar):

Atau sebaliknya, jika ingin gambar berubah jadi terang (tidak transparan) ketika mouse diarahkan diatasnya, tukar nilai transparansinya:

img {opacity: 0.5;filter:alpha(opacity=50;}
img:hover {opacity:1.0;filter:alpha(opacity=100;}

Contoh (arahkan mouse ke atas gambar):

Membuat Efek Hover Transparan Pada Gambar Secara Individual (tanpa link)

Jika ingin membuat efek transparan gambar yang ingin diberi efek tanpa mengandung link (diapit tag <a> dan </a>):

1. Masukkan script berikut di atas ]]></b:skin>

.brl-transparan {opacity:1.0;filter:alpha(opacity=100);}
.brl-transparan:hover {opacity: 0.5;filter:alpha(opacity=50);}

atau sebaliknya,

.brl-transparan {opacity: 0.5;filter:alpha(opacity=50);}
.brl-transparan:hover {opacity:1.0;filter:alpha(opacity=100);}

2. Save template.

3. Pada tag gambar, baik di edit HTML post editor atau di edit HTML template, tambahkan class="brl-transparan"

Contoh:

<img class="brl-transparan" border="0" src="http://urlgambar.com/image.jpg" />

Membuat Efek Hover Transparan Pada Gambar yang Mengandung Link

Jika yang ingin diberi efek hover transparan adalah gambar yang mengandung link, maka dibutuhkan deklarator link (a) dan image (img) pada CSSnya:

1. Masukkan script berikut di atas ]]></b:skin>

a.brl-transparan img {opacity:1.0;filter:alpha(opacity=100);}
a.brl-transparan:hover img {opacity: 0.5;filter:alpha(opacity=50);}

atau sebaliknya,

a.brl-transparan img {opacity: 0.5;filter:alpha(opacity=50);}
a.brl-transparan:hover img {opacity:1.0;filter:alpha(opacity=100);}

2. Save template.

3. Pada tag link gambar, baik di edit HTML post editor atau di edit HTML template, tambahkan class="brl-transparan"

Contoh:.

<a class="brl-transparan" href="http://bukan-rahasiia.blogspot.com"><img border="0" src="http://urlgambar.com/image.jpg" /></a>

Berikut contoh gambar yang mengandung link beserta efek transparansi gambar-nya:

Klik untuk Memperbesar Gambar

Good Luck and Enjoy!
mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Sunday, July 24, 2011

Gunakan dan Optimalkan Anchor Text Untuk Pengunjung & SEO

Apakah Anchor Text itu?

Anchor text adalah text yang yang mengandung link menuju sebuah halaman web/blog lain, baik internal maupun eksternal.

Dalam link building, kita mengenal adanya internal linking dan eksternal linking. Bagi SEO, link building merupakan salah satu dasar dalam menciptakan optimalisasi ranking sebuah halaman web/blog di search engine. Tentu saja, anchor text memiliki peranan penting di balik usaha link building tersebut.

Dalam penulisan HTML link, anchor text ditulis diantara tag link pembuka dan penutup:

<a href="url-halaman-yg-dituju">Anchor Text<a/>

Contoh:

<a href="http://bukan-rahasiia.blogspot.com/2011/07/perbedaan-blog-web-landing-page.html">Business Blogging<a/>

Di halaman blog/web, link tersebut tampak seperti ini:

Business Blogging

Anchor text menentukan deskripsi dari url yang hendak dituju. Anchor text yang disusun dengan keyword/phrase yang tepat akan sangat diperhitungkan dan bermanfaat, baik bagi pengunjung maupun search engine. Oleh karenanya, penyusunan anchor text hendaknya benar-benar diperhatikan dan menjadi fokus penting ketika membuat sebuah halaman blog/web.

Deskripsikan Pada Pengunjung tentang Halaman Tujuan Melalui Anchor Text

Seringkali kita melihat penggunaan anchor text seperti 'klik disini', 'disini', 'click here', dan sejenisnya untuk mengarahkan pengunjung menuju halaman yang dirujuk. Sah-sah saja. Tapi masalahnya, 'klik disini' untuk apa? Mungkin saja sebelum dan sesudahnya ada deskripsi singkat mengenai itu, tapi jarang pengunjung yang memperhatikannya. Gunakan anchor text yang sesuai dengan halaman tujuan. Tentunya, anda juga tidak mau kan jika halaman-halaman anda teroptimasi di search engine dengan keyword "Klik Disini". Kecuali anchor text tersebut memang benar-benar dibutuhkan. Hindari pula anchor text yg berupa url (sama dengan url link-nya), berupa nomer halaman, dan sebagainya.

Buat Internal Link Maupun Eksternal Link yang Jelas Tujuannya

Pada dasarnya, ada dua tujuan dari penggunaan link di halaman blog/web:

Sebagai informasi tambahan bagi pengunjung.
Sebagai navigasi pengunjung untuk dengan mudah menemukan halaman lain.

Jangan menggunakan link, anchor text, serta halaman tujuan yang membingungkan pengunjung. Hal ini juga berbahaya bagi capaian ranking di search engine. Arahkan link langsung menuju ke halaman yang dimaksud atau halaman produk yang ingin ditunjukkan. Hindari penggunaan link yang terlalu berlebihan pada keyword-keyword dalam sebuah halaman web/posting blog. Berikan link pada anchor text yang sedianya memang ditujukan untuk mereferensikan pengunjung ke halaman-halaman lain; sesuai dengan dua tujuan tersebut di atas. Hal ini juga bertujuan menghindari membanjiri sebuah halaman dengan keyword dan link (keyword stuffing) yang nyata-nyata haram hukumnya dalam kriteria SEO yang baik.

Buat Anchor Text yang Singkat dan Tidak Terlalu Panjang

Anchor text memang harus bersifat deskriptif agar pengunjung tahu informasi mengenai halaman yang hendak dituju. Gunakan anchor text pada keyword/frase yang menjelaskan namun sekaligus memiliki makna sempit, sehingga apa yang akan dituju oleh pengunjung jelas dan tidak membingungkan. Ini berarti, sebuah anchor text tidak terlalu pendek (kecuali sudah jelas) sekaligus tidak terlalu panjang.

Sebagai contoh, terdapat anchor text "Pisang goreng buatan ibuku lebih lezat daripada es krim termahal di dunia". Bandingkan dengan penggunaan anchor text "Pisang goreng" atau" "Pisang goreng buatan ibuku". Mana yang lebih efektif dan tampak elegan? Jelaskan hal lain bukan pada anchor text, dan lebih baiknya lagi, jelaskan semuanya di dalam halaman yang dituju dan bukan pada anchor text! Pengunjung tidak akan bingung jika kita menggunakan anchor text dengan frase yang tepat. Search engine pun dapat dengan mudah mengetahui keyword pada anchor text yang sedang dioptimalkan. Secara mudahnya, anchor text hampir sama dengan optimasi keyword, berikan link pada keyword yang berupa frase/klausa yang tepat, bukan yang terlalu panjang, apalagi sebuah kalimat majemuk. Sedikit mengingat-ingat pelajaran Bahasa Indonesia mungkin ada baiknya. :-)

Buat Link dengan Anchor Text yang Mudah Dilihat dan Ditemukan

Pewarnaan dan tata letak link merupakan faktor penting yang menentukan banyaknya jumlah klik yg mengarah ke halaman tujuan. Pembaca melakukan scanning pada bagian bagian halaman web yang menonjol, demikian pula pada tulisan yang memiliki penonjolan, seperti yang di beri cetak tebal (bold), cetak miring (italic), headline, dan tentunya: LINK. Memberikan ciri khas yang membuat pengunjung tahu bahwa sebaris kata-kata adalah link merupakan hal yang sangat membantu dalam mengoptimalkan navigasi. Pengunjung akan tahu bahwa link tersebut dapat diklik (clickable) sehingga mereka dapat menuju ke halaman yang diinginkan dengan mudah. Beri warna pada tampilan link yang mudah terlihat dan menonjol. Jika, perlu beri warna berbeda pada visited link (link yang telah dikunjungi/diklik) agar pengunjung tahu halaman mana saja yang telah dia lihat sebelumnya. Hindari penggunaan link yang memiliki warna sama dengan text lain, apalagi membuat link yang tersembunyi (invisible links) yang tidak bermanfaat bagi pengunjung dan merupakan trik SEO yang sebenarnya berbahaya dan saat ini mulai diperangi oleh Google dan search engine lainnya.

Happy Blogging!
mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Saturday, July 23, 2011

Cara Mengubah/Mengganti Jenis Font di Blog Blogger (CSS Styling)

Terkadang, jenis font (font-family) bawaan template blog dirasa kurang sesuai dengan keinginan, sehingga kita harus mengubahnya dengan jenis-jenis font lain agar tampilan blog lebih bagus atau setidaknya sesuai dengan konteks/tema blog.

Pada kesempatan ini, saya terlebih dahulu akan membahas tentang mengganti jenis Font dengan CSS Fonts dan bukan dengan Custom Font, yang menggunakan javascript dan biasanya bersumber dari API Google. Penggantian font dengan font CSS lain, meskipun sederhana tampilannya, namun cukup aman dan cepat di load, karena Browser dan Computer telah memiliki database font-font tersebut (disebut "Web Safe Fonts").

Sekilas Tentang Jenis Font (font family) dalam CSS

Jenis font dalam CSS dinyatakan dengan properti font-family. sehingga dalam penulisannya, deskripsi CSS font-family dituliskan seperti contoh berikut:

p {font-family: "Times New Roman";....;}

atau dipersingkat dengan shorthand (dituliskan dengan font saja):

p {font: "Times New Roman";....;}

Ada dua kategori jenis font:

a. Font family: Nama-nama utama (root name) font, misalnya "times", "arial", courier", dll.

b. Generic family: Nama-nama font turunan, misalnya "serif", "sans serif", "cursive", dll.

Penulisan font-family yang sering kita jumpai dalam CSS terdiri dari font-family dan generic family. Keduanya dituliskan berurutan dengan tujuan apabila sebuah font tidak tersedia dalam database suatu browser, maka browser akan merujuk pada jenis font lain yang telah dituliskan di belakangnya.

Contoh:

p {font-family: "Times New Roman",Georgia,Serif;...;}

Note: perhatikan tanda kutip pada Times New Roman. Tanda kutip digunakan pada nama font yang memiliki jarak spasi kosong (white space).

Selalu tuliskan CSS jenis font dengan aturan seperti di atas untuk berjaga-jaga apabila browser yang digunakan pengunjung tidak memiliki database font yang diinginkan, sehingga browser dapat langsung melompat ke jenis font lainnya.

Font Pada Template Blogger

Pada dasarnya font di dalam template Blogger ditentukan dengan CSS styling, sehingga jika harus mengubah jenis font, maka jelas perubahan dilakukan pada CSS-nya. Ada dua cara yang biasanya digunakan untuk membuat default font pada template Blogger:

1. Menuliskan variable CSS font untuk bagian-bagian (elements) tertentu, misalnya judul blog, deskripsi blog, judul posting, footer posting, footer, judul sidebar, dan seterusnya. Kemudian menuliskan variable tersebut pada font-family masing-masing elemen. Variable terletak di bagian atas CSS, biasanya setelah/dekat <b:skin><![CDATA[. Contoh variable-variable-nya:

.......................
<Variable name="dateHeaderFont" description="Date Header Font"
type="font"
default="normal bold 117% Arial, sans-serif" value="italic normal 80% Arial, sans-serif"
>
<Variable name="postTitleFont" description="Post Title Font"
type="font"
default="normal bold 180% Georgia, Times, serif" value="normal bold 142% Trebuchet, Trebuchet MS, Arial, sans-serif"
>
.......................

Sebagai contoh, jika saya ingin untuk menyatakan jenis font yang dipakai dalam judul posting (header posting), saya menggunakan nama variable (name=) postTitleFont sebagai perwakilan jenis font pada properti font family nama blog yang telah dituliskan pada variable. Nama variable yang digunakan sebagai deklarator dituliskan dengan diawali tanda $:

.post h3 {font-family: $postTitleFont;}

2. Menuliskan langsung jenis Font pada property-nya (font-family atau font). Contoh:
.post h3 {font-family: "Georgia, times, serif;...;}

Dengan demikian poin serta cara untuk mengubah/mengganti jenis font di Blogger begitu mudah. Lanjut!

Mengubah Jenis Font di template Blogger/Blogspot

Sesuai dengan dua cara untuk menentukan font pada template Blogger di atas, maka pastinya cara untuk menggantinya pun ada 2, yaitu mengubah font pada variable atau langsung mengubah property font-family di setiap elemen. Mengubah variable sangat riskan karena ada nilai default dan value yang merupakan aturan general pada elemen-elemen utama blog.. Oleh karenanya, lebih baik ganti font langsung pada properti font family-nya.

Cara mencari dan mengubah jenis font family pada setiap elemen CSS:

1. Buka Edit HTML/Template Blogger.

2. Cari elemen CSS yang ingin di ubah, letaknya antara <b:skin><![CDATA[ dan ]]></b:skin>.

3. Setiap elemen CSS di template Blogger memiliki nama berbeda sesuai yang telah diberikan oleh pembuatnya, tapi secara umum, nama-nama itu hampir mirip dan memiliki deklarator umum yang sama:

Misalnya: Untuk elemen judul posting, biasanya dituliskan dengan .post h3, .post h2, #post h3, #post h2, .h3, .h2, (h menyatakan header atau judul/title, berlaku pula untuk judul sidebar, dll), dan masih banyak lagi. Untuk isi posting biasanya dinyatakan dengan .post. Demikian dengan sidebar, ada banyak variasi namun dapat dipastikan semua mengandung kata yang sama: sidebar.

3. Setelah menemukan element yang dicari, selanjutnya cari property font-family atau font yang di belakangnya ada definisi font atau nama variable seperti contoh variable diatas. Ganti dengan jenis-jenis font baru pada bagian tersebut. Contoh:

.post h3 {font-family: Georgia, times, serif;...;}

Ganti bagian font yang berwarna biru dengan font-font lain.

atau biasanya juga ditampilkan dengan nama variable:

.post h3 {font-family: $postTitleFont;}

Ganti bagian font yang berwarna biru dengan font-font lain.

4. Anda juga dapat menambahkan jenis font baru pada elemen yang belum memiliki aturan font-family.

Misalnya. bagian comment blog saya belum memiliki aturan jenis font khusus, maka saya dapat menambahkan font-family/font di dalam aturan CSS-nya:

Sebelumnya:
#comments {margin: 0px 0px 0px 0px; padding: 15px 20px 15px 20px; text-align: left; color: #4c4c4c; border: 1px solid #ccc;background:#fff;}
Sesudahnya:
#comments {margin: 0px 0px 0px 0px;padding: 15px 20px 15px 20px; text-align: left; color: #4c4c4c; font: "Times New Roman", Trebuchet, Serif; border: 1px solid #ccc; background:#fff;}

5. Untuk mengetahui jenis-jenis font, cek CSS Web Safe Fonts.
6. Setelah selesai mengubah atau menambah font, save template.

Jika ada problem atau pertanyaan lebih lanjut mengenai font, pengubahan font, serta elemen CSS blog yang belum diketahui, feel free to use the comment form below. Jika ingin mengganti font blog dengan Custom Web Fonts simak Cara Menggunakan/Memasang Custom Font di Blogger.

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Tuesday, July 19, 2011

Business Blogging: Antara Blog, Web, & Landing Page

Blogging For Business Series (1): Introduction

Poin penting dalam membuat blog sebagai sarana bisnis secara online adalah pemahaman terhadap blog dan dunia web. Dengan memahami fungsi-fungsi dasarnya, penggunaan blog sebagai lahan bisnis dapat menjadi optimal dan berdampak signifikan. Berbagai macam alasan dan latar belakang digunakan untuk menguatkan penggunaan blog sebagai sarana ber-bisnis, mulai dari sifatnya yang non-statis, murah, dan bahkan gratis. Namun, ada banyak lagi hal yang mesti diperhatikan agar blog benar-benar menjadi sarana efektif untuk menyuarakan promosi produk yang terdengar hingga ke khalayak luas tanpa mengurangi kualitas serta tujuan akhirnya: Uang.

Perbedaan Website dan Blog

Meskipun saat ini pemahaman antara blog dan website sudah semakin kabur, namun ada baiknya kita lihat signifikansi perbedaannya hingga memunculkan istilah "blog" dan "website".

Secara struktural, perbedaan website dan blog adalah pada jenis halaman. Halaman-halaman utama website bersifat statis, sedangkan halaman blog bersifat non-statis dimana content-nya selalu berubah dan bertambah. Secara fungsional, sebuah website berisi halaman-halaman formal yang memuat berbagai macam fitur sesuai dengan tujuan pembuatan web tanpa melibatkan interaksi langsung. Website digunakan sebagai base (situs resmi) dimana semua bentuk product diperlihatkan dan transaksi dilakukan. Sedangkan sebuah blog (awalnya weblog) berfungsi sebagai "online diary". Seorang blogger dapat menuangkan pemikiran, ide/pendapat, cerita, maupun informasi secara lebih personal dan juga dapat langsung mendapatkan respon dari pengunjung/blogger lain melalui komentar. Blog terdiri dari urutan posting yang terus terupdate mengikuti proses yang dialami oleh penulisnya. Posting terbaru biasanya terletak di bagian atas diikuti oleh posting-posting yang lebih lama di bawahnya. Website sebenarnya dapat menggunakan fitur forum atau thread untuk meng-cover diskusi dengan pengunjung, namun cara ini dipandang kurang efektif.

Mengapa Para Pe-Bisnis Memilih Blog untuk Memasarkan Produk?

Kita lihat semakin banyak perusahaan maupun personal yang bergerak di bidang bisnis berbondong-bondong membuat atau menggunakan blog sebagai sarana penjualan produk, baik secara terpisah maupun menyatu sebagai bagian dari website resminya.

Ada banyak keuntungan dan alasan menggunakan blog sebagai sarana periklanan (promosi) dan pemasaran produk. Setidaknya, berikut 4 poin pentingnya:

1. Blog lebih mudah dan lebih cepat dibuat.

2. Membutuhkan biaya rendah dan bahkan gratis, baik dalam pembuatannya maupun sebagai sarana periklanan (advertising).

3. Blog berisi artikel/posting tentang suatu informasi yang terus ter-update. Kemungkinan jumlah dan update artikel berarti kemungkinan pula akan semakin sering dan mudahnya artikel/posting tersebut ditemukan di search engine. Pengunjung rata-rata memilih mencari informasi melalui search engine. Selain itu, pengunjung lebih memilih mencari informasi yang up-to-date, sehingga mereka lebih menyukai berkunjung ke blog-blog yang berisi review dan informasi terakhir daripada mengunjung website konvensional dari produk yang dicarinya. Fakta lain, search engine didominasi oleh artikel-artikel blog yang dinamis dan bukan oleh website.

4. Traffic ke website akan semakin meningkat dengan datangnya pengunjung dari blog yang merujuk (linking back) ke website tersebut; sehingga, kemungkinan terjadinya transaksi penjualan semakin besar.

Apa dan Mengapa Harus Ada Landing Page? Kaitannya dengan Blog Apa?

Landing page adalah halaman tujuan akhir pengunjung yang datang dari klik pada iklan (misalnya: PPC), link yang ditebar, link dari blog yang memuatnya, marketing campaign (contoh: Google Adwords), link dari email, comment di blog, link di sidebar blog, dan lain-lain. Fungsi dari landing page adalah untuk memikat pengunjung, memperbesar ketertarikan, memperkecil penolakan, menjaring email, dan menjadi langkah awal sebelum transaksi sebenarnya terjadi (yang kemudian, jika berhasil, berakhir dengan transaksi di website resmi). Sebagai contoh, anda bisa melihat landing page bisnis online milik Pak Joko Susilo, di sini (berupa halaman penjaring email), atau di sini (berupa website).

Kaitannya dengan Blog, posting blog dapat menjadi alat ampuh untuk mengarahkan traffic (driving traffic) ke landing page tersebut. Selain karena traffic dari search engine ke blog dapat dikontrol dan ditingkatkan, blog merupakan sarana termurah (bahkan gratis) dibanding menggunakan sarana iklan atau marketing campaign.

Menggunakan landing page adalah salah satu cara, apabila anda ingin traffic langsung terarah ke website resmi/blog itu sendiri, itu tidak masalah, asalkan halaman web/blog yang dituju memiliki konten yang memikat serta lebih meningkatkan minat pengunjung dan menawarkan kemudahan bertransaksi, hingga akhirnya dia memutuskan bertransaksi.

Posting Blog Berkualitas dan SEO

Blog yang memiliki kualitas konten yang baik serta SEO yang terbangun secara optimal dapat meningkatkan minat dan jumlah klik pengunjung (traffic) baik ke website maupun ke landing page. Tentunya, untuk mencapai jumlah kunjungan awal ke blog tersebut, SEO blog tersebut harus baik. SEO blog dan pagerank tinggi (setidaknya dalam SERP) dapat memperkuat visibilitas dan popularitas website/halaman yang dituju di mata search engine serta mengarahkan traffic yang banyak. Itulah mengapa banyak perusahaan maupun personal yang bergerak di bidang bisnis beramai--ramai mengadakan kontes SEO. Tujuannya jelas untuk memperkuat popularitas dan rank blog/webnya di search engine serta mendapatkan traffic yang banyak. Jika peserta kontes SEO berjumlah ribuan, dan semuanya memiliki SEO yang baik, dapat dibayangkan seberapa besar kekuatan SEO website penyelenggara kontes tersebut, bukan?

Kembali ke kualitas posting dan SEO-nya. Review yang seimbang dan menggunakan dasar-dasar pemikirian, referensi, serta research (meskipun kecil-kecilan) dapat menghasilkan kualitas posting yang tinggi. Penggunaan bahasa serta pengolahan kata yang matang merupakan strategi handal dalam menghasilkan tulisan yang tepat sasaran. Intelektualitas pengolahan kata memang sangat penting dalam mengajak, merayu, dan mempengaruhi pengunjung. Sebagai penyempurnaan akhir, pengolahan dan tata letak keyword, penanaman link pada keyword tertentu, adalah finishing puncak untuk memperkuat SERP posting tersebut. Harus diakui, pekerjaan menulis blog bukanlah pekerjaan yang mudah dan harus menjadi perhatian penuh karena di situlah letak kekuatan utamanya. Blogging is writing.

Update posting serta variasi informasi juga merupakan strategi agar pengunjung selalu mendapatkan update informasi yang aktual. Jumlah posting yang banyak pun merupakan cara untuk menunjukkan kepada pengunjung berbagai macam informasi mengenai produk-produk yang ditawarkan. Beberapa waktu yang lalu, ada pengunjung yang bertanya melalui komentar di posting Tips: Cara Membuat dan Membangun Blog Secara Efektif:

Kalau blogspotnya kita pakai untuk jualan dan produknya gak banyak, kan susah nulis artikelnya banyak2 Mas

Ada pula komentar di posting Hadiah Istimewa dari Google: PageRank Update! (Juni 2011):

kalau bikin blog untuk jualan dan jualannya sedikit, susah ya dapetin PRnya google?

Kedua pertanyaan di atas berpokok pada jumlah posting. Berikut balasan komentar saya:

Ada perbedaan antara blog dan website. Blog bersifat lebih dinamis dan selalu bersifat update (seperti koran/majalah, berita tv, dll, inilah makanya blog punya istilah "posting"). buat artikel2 yang berkaitan dengan produk2 yang anda jual. Artikel yang lebih banyak akan memiliki kemungkinan kunjungan dan pageview yang lebih banyak pula. berikan informasi yang bermanfaat, solutif, memberi wacana, dan berkaitan dengan produk2 tersebut dan akhirnya mengarah ke landing page (website)/produk, dimana semua transaksi akhirnya terjadi. Search engine juga akan lebih banyak mengindeks halaman2, dan jika niche-nya jelas, ranking (SERP) akan lebih mudah didapat. Akan saya ulas ini ke depan dengan lengkap bersama strateginya. Insya Allah :D

Jumlah produk sedikit bukan berarti posting blog harus sedikit. Perbesar kemungkinan kunjungan dengan membuat posting yang variatif dan terus di-update lalu lakukan peningkatan SEO blog dan posting-posting tersebut.

Oleh karena itu, kita sering melihat banyak usaha bisnis yang dilakukan secara online menyewa penulis blog untuk membuat posting yang berkualitas dan kontinyu. Akhirnya dikenal-lah istilah copywriting (jasa penulisan artikel blog) dan copywriter (penulis artikel blog). Jika berkaitan dengan SEO, kemudian kita kenal pula SEO copywirting dan SEO copywriter. Apabila tidak ada waktu atau menurut anda pekerjaan menulis adalah sesuatu yang terlalu menyita pemikiran, anda dapat menggunakan jasa copywriter. Jangan sekali-kali menggunakan artikel hasil copy paste karena itu sangat merugikan dan merusak kredibilitas nama anda serta nama perusahaan/produk.

Jika waktu adalah uang, dan usaha penulisan blog membutuhkan waktu banyak, anda dapat mengontak copywriter yang banyak ditemui di forum-forum ataupun situs-situs lelang (bidding) pekerjaan menulis (writing job). Saya sering pula menerima pekerjaan copywriting dari beberapa website atau perusahaan untuk menuliskan artikel blog baik pada blog milik website peminta jasa atau pada blog bisnis saya. Jika berminat lihat halaman Advertise untuk ketentuannya dan juga bisa kontak saya langsung melalui Contact Me untuk pembicaraan lebih lanjut.

Selamat berbisnis dengan blog!

References and further readings:

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Sunday, July 17, 2011

Cara Membuat Screensaver (Energy Saving Mode) Blog/Website

Energy saving mode/screensaver di blog/web adalah kondisi standby dimana seluruh process dihentikan sementara. Proses-proses yang berjalan misalnya adalah gambar grafik bergerak (misalnya: .gif), flash video, auto scrolling widget, dan masih banyak lagi. Dengan adanya plugin screensaver tersebut, proses-proses dalam suatu halaman web dihentikan (paused) dan muncul sebuah tampilan baru sederhana di atas halaman. Jadi, energy dan proses yang digunakan oleh komputer dapat diminimalisir. Itulah mengapa, seringkali aplikasi ini dikaitkan dengan gerakan hemat energy dan save green environment. Aplikasi screen saver akan dihentikan kinerjanya oleh browser (dikembalikan ke tampilan semula) ketika pengunjung/visitor menggerakkan mouse (mouse over)

Aplikasi sejenis yang paling mudah digunakan adalah aplikasi screensaver (energy saving mode) buatan onlineleaf.com. Sebelumnya saya pernah mereview kelemahan OnlineLeaf screensaver ini, yaitu waktu browser melakukan request ke server Online Leaf sangat lama karena menunggu respon, sehingga ikut memperlambat waktu loading blog/web. Namun, saat ini (sampai saat artikel ini ditulis), load-time sudah dalam keadaan normal. Salah satu resiko menggunakan eksternal javascript adalah kasus semacam itu. Jadi, bagi anda yang ingin memasang aplikasi screensaver ini, pertimbangkan matang-matang sebelum menggunakannya.

Cara memasang energy saving mode (screensaver) pada blog (blogger)/web:

1. Masuk ke edit HTML/Edit Template, cari (CTRL + F) tag </head>.

2. Copy dan paste script screensaver berikut tepat di atas/sebelum </head>.

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

Script di atas menggunakan Jquery JS library, jika web anda menggunakan javascript library yang lain, gunakan script berikut untuk menghindari crash/conflict dengan jquery dan gagalnya aplikasi:

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
<script>jQuery.noConflict();</script>

KOSTUMISASI SCREENSAVER BLOG
Kostumisasi waktu screensaver sebelum standby mode:
Trik ini sangat sering digunakan pada url javascript untuk meng-override waktu default. Untuk memberikan waktu/jeda sebelum aplikasi screensaver muncul dan bekerja, tambahkan ?time=x di belakang url script. X adalah jumlah detik.

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js?time=80' type='text/javascript'/>

Dengan script seperti contoh di atas, energy saving mode akan bekerja setelah 80 detik

Kostumisasi bahasa dalam tampilan screensaver:

Jika ingin mengganti kata-kata dalam tampilan screesaver yang secara default menggunakan bahasa inggris, tambahkan ?lang=kodebahasa. Berikut support bahasa yang dapat digunakan dan kodenya:

ak - Akan	gr - Greek	sl - Slovenian
da - Danish	id - Indonesian	se - Swedish
de - German	jp - Japanese	sk - Slovak
en - English	it - Italian	sw - Swahili
es - Spanish	nl - Dutch	tr - Turkish
fr - French	pl - Polish	vi - Vietnamese
fi - Filipino	pt - Portuguese	hr - Croatian
Table Cell	bpt - Brazilian Portuguese	ro - Romanian

Jika ingin set dalam Bahasa Indonesia, maka tambahkan ?lang=id seperti contoh berikut:

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js?lang=id' type='text/javascript'/>

3. Save template.

Bagi pengguna blog WordPress, cara memasang aplikasi ini sangat mudah, cukup download Plugin Screensaver (Energy Saving Mode) saja.

Launching: Buka(n) Rahasia Lagi! Forum & Community

Tips-tricks Blogger & SEO Blogspot Original | Buka(n) Rahasia Lagi! kini memiliki forum yang siap digunakan oleh rekan Blogger semua untuk berkomunikasi dan berbagi.

Forum ini dibuat untuk menjadi sarana alternatif bagi semua teman Blogger secara umum dan bagi pembaca Buka(n) Rahasia Lagi!. Banyaknya komentar di blog karena adanya permasalahan dan pertanyaan-pertanyaan seputar posting ternyata kurang efektif dan tidak memberikan ruang yang cukup untuk berdiskusi. serta memecahkan masalah. Oleh karena itu, forum ini dibuat sebagai ajang untuk memperluas ruang diskusi dan diharapkan menjadi tempat berkumpul komunitas blogger, khususnya para pembaca Buka(n) Rahasia Lagi!.

Silahkan teman-teman Blogger bergabung dan buatlah posting/thread topic yang dapat menjadi wacana dan dapat didiskusikan bersama.

Cara gabung Buka(n) Rahasia Lagi Forum and Community:

1. Masuk ke Forum.

2. Klik Register.

3. Isi data sesuai dengan form.

4. Lakukan verifikasi melalui email.

Perkenalkan diri terlebih dahulu di Introduce Yourself. Untuk memulai sebuah topik diskusi/pertanyaan di forum, klik New Topic. Teman-teman Blogger dapat pula menggunakan forum ini sebagai tempat menyampaikan ide, mempopulerkan nama dan juga blog. Dapatkan traffic dan juga visibilitas blog melalui forum ini.

Be the first to join the forum and let's make a great blogger community.

Selamat Bergabung! Thanks.

Regards,

Thursday, July 14, 2011

Gambar Header Blog Gratis Berkualitas Tinggi

Menggunakan gambar background pada header blog tentu saja akan memberikan kekuatan dan kesempurnaan tampilan blog secara keseluruhan. Gambar header dapat memberi gambaran dan menegaskan tema yang diusung blog, merupakan bentuk personalisasi blog yang tidak dapat dilihat di blog lain, atau setidaknya dapat "meramaikan" tampilan header yang sebelumnya kosong.

Tentunya, tidak semua gambar header dapat dipakai secara serampangan. Memilih gambar background header blog yang pas, sesuai dengan paduan warna blog serta tema blog, dan berbagai macam pertimbangan lain harus dilakukan agar didapatkan tampilan blog sesuai keinginan. Bagi yang sudah ahli design grafis, membuat dan mengkostumisasi gambar sesuai keinginan bukanlah hal yang sulit, tapi, bagi yang belum pernah atau jarang bersentuhan dengan dunia desain grafis, tentunya membuat gambar header sesuai keinginan akan memakan waktu lama dan hasilnya bisa jadi kurang memuaskan.

Untuk mendapatkan gambar header blog yang paling pas, dibutuhkan koleksi pilihan yang banyak dan bervariasi, sehingga hasilnya memuaskan. Berikut adalah 4 situs penyedia gambar header blog gratis dengan pilihan yang banyak dan variatif serta berkualitas tinggi yang khusus saya pilih diantara puluhan situs lain:

1. Themeheaders.

Situs yang menyediakan banyak koleksi header blog dengan berbagai macam design, tema, ukuran dan warna. Terdapat tema-tema dasar yang dapat membantu membangun konteks yang dibawa dalam blog. Setelah masuk ke situs, anda akan disambut slideshow yang menampilkan beberapa contoh gambar header berkualitas tinggi. Klik "Gallery" pada menu horizontal untuk melihat an browse seluruh koleksi.

2. Freewebpageheaders.

Hampir sama dengan themeheaders, situs ini juga memiliki beragam koleksi header blog buatan para desainer grafis yang membaginya secara gratis. Tampilan awal berupa slideshow gambar header yang sangat menarik. Kategori terdiri dari dua jenis utama, abstract dan non-abstract. Terdapat pula gambar background blog yang juga gratis. Klik "browse gallery" di bagian bawah halaman homepage untuk melihat koleksi-koleksinya.

3. Theblogboutique.

Sebuah blog yang menyediakan banyak koleksi header blog dengan tema warna berbeda-beda. Kategori berada di sidebar kanan sehingga anda dapat dengan mudah melakukan browsing berdasarkan kategori yang diinginkan. Ada banyak header blog yang terlihat "girly" bagi anda Blogger cewek yang ingin memberikan sentuhan warna "wanita" pada blog. Ada pula gambar background yang satu paket dengan gambar header sehingga dapat menjadi satu kesatuan tema untuk blog.

4. Rockstartemplate.

Blog berplatform WordPress ini menawarkan banyak blog resources bagi freebies berupa gambar/graphic dan template. Salah satu design yang dibagikan scara gratis adalah 20 gambar header dengan kualitas tinggi dan tampak dibuat oleh tangan yang sangat terampil. 20 gambar tersebut terdiri dari beberapa tema dan warna. Mayoritas adalah gambar-gambar abstrak yang tampak elegan dan classy. Lihat pula koleksi-koleksi lain melalui tab "Blog Resources" dan browse pada submenu-nya (dropdown menu).

Cara download/mendapatkan gambar header blog:

1. Buka halaman gambar dengan meng-klik gambar atau klik kanan dan 'open in new tab'.

2. Setelah gambar terbuka secara penuh (biasanya pada halaman baru atau pop-up window), klik 'save image as'.

Tips menyesuaikan gambar dengan tampilan blog dan mengoptimalkan performa:

1. Edit ukuran gambar sesuai ukuran bagian header blog. Luas header biasanya mengikuti outer-wrapper atau content-wrapper, cari kode CSS: #outer-wrapper atau #content-wrapper, lihat width: --px. Edit gambar dengan menambah atau mengurangi width-nya (samakan dengan width yang sudah ditemukan tadi).

2. Agar ukuran file gambar tidak terlalu berat lakukan kompresi gambar (untuk PNG, namun JPG juga bisa dengan output PNG).

3. Tips selengkapnya memasang gambar background header dengan benar, lihat: Cara Mengubah/Memasang Gambar Background Header di Blogger/Blogspot.

Sunday, July 10, 2011

Ketika Buat Posting Menjadi Tuntutan & Bukan Kebutuhan, Maka...

Sebuah Refleksi

Sedianya, ngeblog (blogging) adalah menuliskan ide atau pemikiran, cerita atau pengalaman, pengetahuan, pemahaman, saran, kritik, informasi, wacana atau aksi, respon atau reaksi, imajinasi, keinginan, rencana, tips, hasil penelitian, berita yang didengar, dan masih banyak lagi. Yah, blogging tidak lepas dari aktivitas menulis. Tentu saja, kata "Menulis" tidak dapat diartikan secara harfiah, tetapi diartikan sebagai kegiatan penuangan segala yang ada di dalam kepala dan perasaan dalam bentuk tulisan. Blogging adalah dunia authoring, yang dalam konteks menulis tidak ada bedanya dengan menulis buku, novel, majalah, tajuk rencana, dan lain sebagainya. Bagaimana jika salah satu ssarat blogging tersebut hilang? Esensi blogging itu sendiri juga hilang! Lalu, ketika membuat posting sudah menjadi tuntutan dan bukan kebutuhan, maka:

1. Blogging bukan lagi menjadi ajang untuk menulis, melainkan sekedar kegiatan untuk membuat isi blog (dari manapun asalnya), dan sama sekali tidak memberikan kepuasan.

2. Blogger tidak lagi bergairah, karena dia telah kehilangan kebutuhan menulisnya dan tergantikan dengan tuntutan demi tuntutan yang dapat membuatnya stress dan membutakan matanya. Jika menulis hanya untuk search engine (karena mendengar syarat bahwa posting rutin dapat membuat SEO blog lebih baik), pertanyaannya adalah: "Are you blogging?"

3. Kemampuan menulis justru tidak akan berkembang dan semakin tumpul, karena biasanya tuntutan jumlah posting membuat sang blogger terpaksa "meminjam" artikel blog lain; bahkan tanpa sepengetahuan si pemilik blog atau memberikan link sumber artikel. Bahkan ada pula yang sampai menyia-nyiakan bakat menulisnya dengan membuat blog AGC (autoblog) yang jelas sangat merugikan banyak pihak. Sampai disini, esensi Blogging sebagai ajang penuangan pikiran benar-benar hilang. Logikanya, apakah membanggakan apabila kita hanya mem-publish artikel yang sama sekali tidak kita tulis, bahkan (mungkin) juga tidak kita kuasai? Apakah dengan mengakui artikel orang lain sebagai tulisan kita adalah hal yang membuat kita menjadi lebih baik? Kita dapat membohongi orang lain, tapi TIDAK diri sendiri. Apakah budaya korup (maaf) sudah sedemikian mendarah daging?

4. Blogger tidak dapat meraih eksistensi yang sedianya sedang dicarinya. Seorang Blogger dapat menjadi seorang narasumber (narablog) apabila dia menuliskan sesuatu yang dibidangi/dipahaminya. Entah untuk uang atau untuk sekedar berbagi ide dan pengalaman/cerita, segala sesuatunya dimulai dari kepercayaan pembaca terhadap isi blog, yang nantinya akan membawa penilaian kepada si pemilik blog. Suatu penilaian tentang konten dan kualitas akan diberikan oleh pembaca setelah membaca tulisan-tulisan dari si Blogger. Penilaian itu bisa baik, atau buruk. Penilaian manakah yang hendak diraih?

5. Mentalitas seorang Blogger dapat memburuk. Tuntutan menyebabkan rasa tidak nyaman bagi sang Blogger dan membuatnya merasa bahwa membuat posting sekedar kewajiban belaka. Konteks mentalitas juga berkaitan dengan attitude yang dibawa. Entah di dunia nyata maupun maya, pembawaan mentalitas dan tingkah laku seseorang sama saja. Apakah blogging membuat si blogger memiliki mentalitas yang lebih baik ataukah lebih buruk? Apakah blogging hanya digunakan untuk memperjelas sifat buruk kita di depan orang lain ataukah untuk berusaha menjadi lebih baik?

Menulis karena suka, memang bukanlah hal yang instan dan mudah. Akan tetapi, setiap orang, siapapun, dapat mempelajari dan membiasakan diri. Prinsip maupun idealisme sangatlah penting untuk mewujudkan kesuksesan dan demikian halnya dalam blogging. Terlepas dari konteks sebagai hobi ataupun pekerjaan, blogging adalah media yang sarat akan manfaat.

Tentu saja, semua adalah pilihan, termasuk dalam dunia blogging. Dan (lagi-lagi) tentu saja, semua kembali ke diri masing-masing (sebuah statemen diplomatis yang sangat klise).

Saturday, July 9, 2011

Google Akan Ganti Nama Blogger dan Picasa

Kabar tentang penggantian (rebranding) nama Blogger dan Picasa semakin meluas dan memaksa saya untuk menuliskan artikel ini dan sedikit memberikan reaksi. Dikabarkan bahwa Google akan segera mengganti nama Blogger menjadi Google Blogs dan Picasa menjadi Google Photos. Kedua brand ini merupakan produk unggulan Google dan memiliki jumlah user yang sangat banyak. Seperti yang dikabarkan Masahable, penggantian brand/nama produk Blogger dan Picasa ini akan dilakukan dalam satu atau setengah bulan lagi. Banyak hal dan perubahan baru dari semua jaringan Google termasuk launching Google+, sebuah jaringan social media yang memiliki banyak kesamaan (dan keunggulan) dengan Facebook. Technofriends bahkan mengabarkan bahwa penggantian nama Blogger dan Picasa ini akan dilakukan sekitar tanggal 31 July 2011. Wacana ini sama sekali belum dikonfirmasi oleh Google dan Google pun secara tegas menolak memberikan komentar.

Apa Efek bagi Pengguna Blogger?

Rumor yang juga berkembang dalam perubahan itu adalah penggantian nama domain blogpot.com. Jika dilogika, penggantian ini adalah hal yang tidak mungkin dilakukan pada blog-blog lama, namun akan sangat mungkin dilakukan pada blog baru setelah penggantian nama domain blogspot.com benar-benar dilakukan, jadi, saya tidak akan terlalu mengkhawatirkan hal tersebut. Dan memang selayaknya kita jangan terlalu mengkhawatirkannya sebelum ada informasi dan konfirmasi yang jelas dari pihak Google sendiri. Google memang telah memberikan informasi bahwa akan dilakukan perbaikan dan evaluasi besar-besaran pada Blogger, namun ini bukan berarti konfirmasi terhadap penggantian nama domain.

Satu hal yang menarik, dan agak aneh, adalah nama Blogger yang sudah sedemikian kuat melekat sebagai brand platform blog dengan user terbanyak di dunia ini tampaknya akan susah untuk segera dilupakan. Bahkan, saya kurang yakin nama baru Google Blogs akan mempunyai kekuatan yang lebih dibanding brand Blogger. Dan yang lebih lucu lagi nih, jika nanti benar demikian, saya harus mengganti semua kata Blogger di dalam posting-posting blog ini menjadi Google Blogs. Jadi, ketika harus membuat sebuah posting hack Cara Membuat Super Vertical CSS Menu Blogger/Blogspot, saya harus mengubahnya menjadi Cara Membuat Super Vertical CSS Menu Google Blogs!