1. Blog adsense atau bukan

Bagi saya, tujuan pembuatan blog penting untuk menentukan jenis huruf apa yang hendak dipakai. Bila suatu blog ditujukan sebagai blog Adsense, saya selalu menggunakan jenis huruf Verdana. Mengapa?

Verdana disediakan Google untuk iklan Google Adsense. Dengan demikian, iklan yang muncul di blog saya terlihat seperti bagian dari postingan karena jenis huruf (dan ukurannya) saya samakan dengan jenis dan ukuran huruf postingan. Harapannya, pengunjung akan banyak mengklik iklan Google Asense tersebut.

Bila bukan blog adsense, saya lebih senang menggunakan Arial seperti yang digunakan di blog ini.

2. Umum digunakan

Banyak jenis huruf yang bisa dipilih, mulai dari yang umum maupun yang tidak umum digunakan. Saya prioritaskan memilih jenis huruf yang umum digunakan oleh orang banyak, seperti Times New Roman, Arial, Verdana, Georgia, dan Arial Narrow. Bila saya menggunakan huruf yang tidak umum, saya khawatir mengganggu kenyamanan pengunjung.

Kedua patokan saya di atas mungkin saja sama atau berbeda dengan Anda.

Oleh karena itu, senang rasanya bila Anda bersedia menginformasikan jenis huruf apa yang Anda gunakan di blog Anda. Saya berasumsi bahwa jenis huruf yang Anda pilih adalah yang terbaik bagi blog Anda.

Postingan Acak

• 10 Postingan Terpopuler Blogodolar di Tahun 2009
• Studi Kasus Niche Blog: Picnicblanketsguide.com
• Blogodolar Mendapat Page Rank 2
• Fenomena Ngeblog Darren Rowse: Dari Sekadar Hobi Hingga Jadi Bisnis
• How to Choose the Right a Web Agency: 5 Fundamental Factors to Consider

Konsep tampilan sederhana merupakan favorit saya. Hal ini karena blog ini mengusung tampilan berbasis konten.

Perubahan mencolok lain adalah digunakannya tiga kolom (sebelumnya dua kolom). Tujuannya agar navigasi menjadi rapi dan mudah didapati oleh pengunjung. Berikut adalah tampilan baru tersebut.

Secara umum saya puas dengan tampilan baru Blogodolar. Mudah-mudahan Anda menyukainya.

Postingan Terkait:

• 3 Alasan Saya Menggunakan Kembali Genesis
• 3 Penyebab Menurunnya Jumlah Postingan Blogodolar Sampai 135% di Tahun 2011
• Dua Tahun Blogodolar: Mohon Kritik dan Saran Anda
• Blogodolar Pindah Hosting dari Blue Host ke Doreo
• Blogodolar Masih Dalam Perbaikan

Sebelumnya, saya informasikan terlebih dahulu bagaimana saya sampai bisa membuat menu navigasi header di blog ini. Padahal, bila Anda sering berkunjung ke sini, tentunya Anda melihat selama setahun  terakhir header Blogodolar dibuat “apa adanya”. Hal ini karena saya belum tahu cara membuat navigasi header yang relatif baik.

Solusinya datang dari theme buatan Zaiful Anwar yaitu 579 dolar. Saya “mencomot” kode CSS navigasi theme tersebut dan “mencangkokkannya” di theme ProSense Grey.

Saya mengontak Zaiful Anwar untuk meminta ijin mempublikasikan kode CSS yang saya comot itu. Dia pun mengijinkannya sehingga saya tidak menyalahi hak cipta.

Tahapan membuat navigasi header

Navigasi header yang saya maksudkan terdiri dari menu halaman  (Home, About, Kontak, dan sebagainya) dan kotak pencarian. Tahapan membuatnya seperti berikut:

1. Login ke dasbor blog Anda yang menggunakan ProSense (bisa ProSense Grey, ProSense Blue, atau ProSense).

2. Klik Editor pada fitur Appearance.

3. Tekan Ctrl+F pada  papan ketik komputer Anda, lalu ketikkan navigation.

4. Akan ada kode seperti di bawah ini:

.navigation {
display:block;
margin-bottom: 20px;
}

#nav {
list-style-type : none;
text-align : center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 3.15em;
height : 40px;
}

#nav a {
margin: 0px;
width : 94px;
height : 20px;
font-weight : bold;
font-style : normal;
display : block;
padding: 0 0 10px 0;
}

#nav a:hover {
background: #000;
}

#nav li {
float: right;
list-style-type: none;
margin: 0px;
border-right: solid 1px #fff;
}

5. Blok kode di atas lalu hapus. Copy dan paste kode berikut.

.navigation {
display:block;
margin-bottom: 20px;
}

#nav {
background: #006699;
clear: both;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
color: #fff;
font-family: Arial, Tahoma, Verdana;
height: 35px;
margin: 0;
padding: 0;
font-size: 12px;
text-transform: none;
width: 980px;

}

#nav .wrap {  }

#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%; }

#nav li {
float: left;
list-style: none;
margin: 0;
padding: 0; }

#nav li a {
border-right: 0;
display: block;
margin: 0;
padding: 10px 15px 10px 20px;
position: relative;
text-decoration: none; }

#nav a, #nav a:visited {
background: #006699;
color: #fff;
display: block;
font-weight: bold;
margin: 0;
padding: 10px 15px 10px 20px;
text-transform: none; }

#nav a:hover {
background: #F18000;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
color: #fff;
height: 24px;
margin: 0;
padding: 5px 15px 5px 20px;
text-decoration: underline;
}

#nav1 {
width: 280px;
float: right;
height: 35px;
margin: -35px 10px 0px 0px;
padding: 0px 20px 0px 0px;
text-transform: uppercase;
}

#nav1 li {
list-style: none; }

.cari {

height: 35px;
font-family: Arial, Tahoma, Verdana;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px; }

#subboxcari {
background: #fff;
width: 280px;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 3px;
border-top: 1px solid #666666;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #666666;
border-bottom: 1px solid #DDDDDD;
display: inline;
}

7.  Anda bisa mengganti width, color, dan background kode di atas sehingga sesuai dengan lebar dan warna blog Anda.

8. Klik Update File.

9. Klik header.php yang ada di sebelah kanan Anda.

10.  Pada bagian akhir header.php ada kode seperti ini:

</div>
<hr />

11. Arahkan kursor sebelum kode <hr/> lalu tekan enter satu kali. Copy dan paste kode berikut di atas kode <hr/> tersebut.

<div id=”navbar”>

<ul id=”nav”>
<li><a href=”<?php echo get_settings(‘home’); ?>”>Home</a></li>
<li><a href=”http://www.blogodolar.com/about-blogodolar/”>About</a></li>
<li><a href=”http://www.blogodolar.com/contact-me/”>Kontak</a></li>
<li><a href=”http://www.blogodolar.com/sahabat/”>Sahabat</a></li>
<li><a href=”http://www.blogodolar.com/arsip/”>Arsip</a></li>
<li><a href=”http://www.blogodolar.com/tips-pemula/”>Panduan Pemula</a></li>
</ul>
<ul id=”nav1″>
<li><form id=”cari” method=”get” action=”<?php echo $_SERVER['PHP_SELF']; ?>”>
<input type=”text” value=”Pencarian…” name=”s” id=”subboxcari” onfocus=”if (this.value == ‘Pencarian…’) {this.value = ”;}” onblur=”if (this.value == ”) {this.value = ‘Pencarian…’;}” />
</form></li>
</ul>

</div>

12. Ganti alamat-alamat href di atas dengan URL halaman, postingan, dan atau kategori yang hendak Anda tampilkan di menu navigasi header.

13. Klik Update File.

14. Refresh atau tekan Ctrl+F5 tampilan blog Anda.

15. Bila berhasil, navigasi header-nya akan seperti blog ini.

Itulah cara yang saya lakukan untuk menambahkan navigasi header di theme ProSense. Sebagai catatan, kode CSS navigasi di atas bisa diganti juga dengan kode CSS navigasi header theme lain yang Anda kehendaki.

Semoga bermanfaat bagi Anda yang membutuhkannya.

Postingan Terkait:

• Kembali ke Prosense: Alasan dan Hikmah
• Jangan Abaikan Aspek Monetisasi Saat Mendesain Tampilan Blog Anda
• Top Komentator dan Komentar Terbaru Tidak Perlu Ditampilkan di Sidebar
• Alasan Di Balik Pencopotan Top Komentator dan Komentar Terbaru
• Tips Desain Blog: Tentukan Prioritas dan Evaluasi Hasilnya

Bila blog Anda bertujuan nonbisnis, Anda bisa mendesain blog Anda sesuai keinginan Anda. Misalnya, blog Anda dibuat satu kolom, jumlah postingan di homepage hanya satu buah, dan sebagainya.

Namun, bila blog Anda bertujuan bisnis (menghasilkan uang), Anda juga harus mempertimbangkan aspek monetisasi. Dengan kata lain, Anda harus memperhatikan keinginan pengiklan di samping keinginan Anda dan pembaca.

Apa saja keinginan para pengiklan itu? Menurut pengamatan dan pengalaman saya, setidaknya ada tiga hal berikut:

1. Banner mereka mudah dilihat

Para pemasang iklan mengincar posisi strategis untuk iklan bannernya, antara lain di header untuk banner 480 x 60, bawah header untuk banner 728 x 90, dan sidebar atas untuk banner 125 x 125. Posisi-posisi ini disebut above the fold, yaitu posisi yang mudah dilihat tanpa menggerakkan mouse komputer ke bawah.

Oleh karena itu, bila blog Anda tanpa sidebar, peluang mendapatkan pengiklan akan berkurang karena tidak menyediakan tempat untuk banner 125 x 125.

2. Postingan paid review tampil minimal 7 hari di Homepage

Jumlah postingan di homepage ternyata diperhatikan juga oleh beberapa pengiklan paid review. Para pengiklan ini mensyaratkan postingan paid review-nya tampil minimal 7 hari di homepage si pembuat review.

Jika blog Anda hanya menampilkan satu postingan di homepage, lagi-lagi peluang Anda mendapatkan job paid review akan mengecil karena pengiklan tidak menyukai tampilan blog Anda. Dengan kata lain, pengiklan lebih condong memberikan jobnya kepada blog lain yang menampilkan minimal 7 postingan di homepage-nya.

3. Iklan link tampil di sidebar

Mengapa pengiklan ingin iklan link-nya tampil di sidebar? Hal ini agar iklan tersebut mudah dilihat pengunjung karena muncul di setiap postingan atau halaman yang dibuka. Selain itu, iklan terebut juga mendapat kucuran page rank yang lebih baik karena sidebar muncul juga di homepage.

Apakah bisa aspek monetisasi ini diperhatikan di kemudian hari? Misalnya, Anda saat ini senang dengan desain satu kolom, lalu satu tahun kemudian Anda akan berganti ke dua kolom demi menyediakan ruang bagi banner iklan.

Menurut saya, jawabannya adalah bisa. Namun, Anda terkesan tidak konsisten dan tidak memiliki perencanaan bisnis untuk blog Anda.

Tidak konsisten karena Anda merusak brand yang telah terbangun selama ini (yaitu satu kolom). Tidak memiliki perencanaan bisnis artinya blog Anda dibuat tanpa tujuan jelas apakah untuk tujuan bisnis atau sebaliknya.

Postingan Terkait:

• 3 Tonggak Penting Sebelum Menjadi Full Time Blogger
• Jangan Keliru Menafsirkan Faktor Kali
• Mencoba Strategi Penulis Bayaran
• Cara Membuat Navigasi Header di Theme ProSense
• Top Komentator dan Komentar Terbaru Tidak Perlu Ditampilkan di Sidebar

Agar eksperimen ini setara, saya membandingkan page views 2 bulan sebelum pencopotan ( 11 Maret – 10 Mei 2010) dan page views 2 bulan setelah pencopotan (11 Mei – 10 Juli 2010). Di bawah ini adalah perbadingan page views yang dimaksud.

Seperti Anda lihat pada gambar-gambar di atas, page views 11 Mei – 10 Juli 2010 lebih tinggi (37.230) daripada page views 11 Maret – 10 Mei 2010 (29.413). Dengan kata lain terjadi peningkatan page view sebanyak 26,6 %.

Ini menunjukkan bahwa pencopotan top komentator dan komentar terbaru di sidebar tidak menurunkan page views. Mengapa? Hal ini karena pengunjung lebih tertarik kepada konten daripada namanya terpajang di top komentator atau komentar terbaru.

Kesimpulan

Top komentator dan komentar terbaru tidak perlu ditampilkan di sidebar. Selain menambah sesak, kedua hal ini tidak berpengaruh terhadap peningkatan pengunjung dan page views.

Saran

Hasil ekperimen ini tidak serta merta mengharuskan Anda mencopot top komentator dan komentar terbaru di blog Anda. Bila Anda ingin mencopotnya, sebaiknya Anda melakukan eksperimen juga sehingga   dampaknya terhadap trafik blog Anda bisa diketahui.

Postingan Terkait:

• Cara Membuat Navigasi Header di Theme ProSense
• Jangan Abaikan Aspek Monetisasi Saat Mendesain Tampilan Blog Anda
• Alasan Di Balik Pencopotan Top Komentator dan Komentar Terbaru
• Tips Desain Blog: Tentukan Prioritas dan Evaluasi Hasilnya
• Kembali ke Prosense: Alasan dan Hikmah

1. Tidak semua orang familiar dengan RSS

Walaupun RSS memudahkan orang memperoleh informasi terkini yang dibutuhkannya, namun tidak semua orang familiar dengan tools tersebut. Yang masuk kategori ini adalah mereka yang pemula. Pilihan berlangganan via email adalah jembatan menghilangkan gap ini karena email hampir dimiliki oleh semua pengguna internet.

2. Memudahkan interaksi dengan pelanggan

Pelanggan bisa membalas email artikel bila mereka memiliki sesuatu hal yang hendak ditanyakan. Selain memudahkan mereka, hal ini juga memudahkan interaksi Anda dengan pelanggan. Dengan demikian terjadi interaksi hangat antara Anda dan pelanggan.

3. Dapat meningkatkan jumlah pelanggan

Form berlangganan via email bisa dioptimalkan dengan sales letter yang menarik perhatian. Misalnya tawaran bonus berupa ebook gratis Anda atau ebook orang lain yang tidak dilarang disebarkan. Tawaran bonus ini bisa meningkatkan jumlah pelanggan karena selain memperoleh tips dan trik bermanfaat dari Anda mereka juga mendapatkan bonus gratis.

Dari tiga alasan di atas, jika Anda menaruh perhatian terhadap jumlah pelanggan, maka tidak ada salahnya Anda menawarkan pilihan berlangganan via email ke pengunjung blog Anda.

Postingan Terkait:

• Cara Mengetahui Pelanggan yang Belum Aktif
• 7 Alasan Mengapa Orang Berhenti Berlangganan RSS Suatu Blog
• Cara Mengirimkan Pesan Aktivasi Secara Serentak Kepada Pelanggan yang Belum Aktif
• Cara Membuat Form Berlanggan RSS yang Unik di Sidebar
• Cara Membuat Postingan Terkait di Konten Feed Wordpress

1. Ketertarikan terhadap konten

Top komentator merupakan salah satu cara saya dalam mengapresiasi para sahabat yang sering berkomentar di sini. Setiap bulannya saya menyediakan 10 tempat bagi komentator terbanyak dengan link yang bersifat do-follow. Bagian ini saya hilangkan karena Saya ingin mengetahui, apakah para komentator ini berkunjung karena ketertarikannya terhadap konten ataukah sekadar mencari backlink do-follow sebagai top komentator.

2. Pingback yang cukup mengganggu

Widget komentar terbaru menampilkan komentar terbaru, trackback dari blog wordpress lain, dan pingback. Pingback ini merupakan pemberitahuan otomatis dari link internal dari satu postingan ke postingan lain. Karena saya sering menyisipkan link internal, maka banyak pula pingback yang muncul di widget komentar terbaru.

Saya merasa hal ini cukup mengganggu karena bagian komentar terbaru jadi tidak karuan. Selain itu, jika ada trackback dengan URL panjang, bagian komentar terbaru jadi rusak (beberapa kali muncul notifikasi warning error).

Indikator Eksperimen

Sebagai informasi, indikator ekperimen ini adalah page view selama 2 bulan ke depan. Jika hasilnya negatif, maka saya mungkin akan merapikan sidebar ala Iskandaria. Namun, jika hasilnya positif, saya akan mempertahankannya.

Semoga eksperimen ini tidak mengganggu kenyamanan Anda ketika berkunjung ke sini. Jika ada masukkan, silakan Anda tuliskan pada komentar di bawah.

P.S: Saya juga telah merapikan bagian Kategori. Silakan simak contohnya di kategori tips dasar ngeblog.

Postingan Terkait:

• Cara Membuat Navigasi Header di Theme ProSense
• Jangan Abaikan Aspek Monetisasi Saat Mendesain Tampilan Blog Anda
• Top Komentator dan Komentar Terbaru Tidak Perlu Ditampilkan di Sidebar
• Tips Desain Blog: Tentukan Prioritas dan Evaluasi Hasilnya
• Kembali ke Prosense: Alasan dan Hikmah

Saya tidak mengungkapkannya di postingan tersebut karena saya ingin bereksperimen dulu apakah Google Sitelinks akan muncul lagi bila  kembali ke theme sebelumnya. Ternyata, setelah dua minggu, Google Sitelinks muncul kembali.  

Selain gembira, hal ini memberikan kesimpulan awal bahwa Google Sitelinks salah satunya dipengaruhi oleh theme yang digunakan. Theme/themplate yang memiliki navigasi homepage sederhana (mudah ditemukan) memiliki peluang lebih besar dalam mendapatkan Google Sitelinks. Sebaliknya, theme yang navigasinya rumit, maka peluangnya lebih kecil.

Tentunya masih ada faktor lain yang berperan. Jika Anda ingin mengetahuinya, silakan  simak di  Cara Mendapat Google Sitelinks).

Postingan Terkait:

• Blogotainmen Mendapatkan Google Sitelinks Juga
• Keuntungan Google Sitelinks Menurut Daily Blog Tips
• Medan, Theme Wordpress Gratis Terbaru dari Nurudin Jauhari
• Blogodolar Mendapat Google Sitelinks dalam Usia 5 Bulan
• Theme Berlatar Putih Adalah Yang Terbaik

Pada postingan ini saya menginformasikan alasan kembali ke Prosense, dan hikmah apa yang saya peroleh dari “gonta-ganti” theme.

Alasan

Ada yang bilang bahwa kesan pertama pengunjung terhadap suatu blog adalah tampilan blog itu sendiri, selanjutnya isi blog. Oleh karena itu, tampilan blog didesain secara unik, nyaman bagi pembaca, dan mencapai sasaran yang  diinginkan pemiliknya.

Tiga bulan lalu saya menetapkan bahwa konsep tampilan Blogodolar adalah sederhana dan berbasis tulisan. Kedua konsep ini saya aplikasikan menjadi tanpa warna-warni mencolok, navigasi header yang sedikit, footer tanpa widget, dan penyajian tulisan yang mudah ditemukan.

Namun, beberapa hari lalu, saya telah melenceng dari konsep tersebut sehingga mengganti theme Blogodolar. Latar belakangnya adalah saya ingin meniru tampilan Problogger. Blog milik Darren Rowse ini dalam pengamatan saya sangat unik dan fiturnya keren.

Ketika saya mencari-cari theme untuk blog baru, saya menemukan theme Cover WP yang mirip dengan Problogger, sehingga saya memutuskan untuk menggunakannya. Sayangnya, bagi saya theme ini memiliki beberapa kelemahan yaitu:

• Homepage yang sumpek (crowded)
• Tulisannya relatif kecil
• Blockquote yang tidak jelas
• Link tulisan yang kurang nyaman.

Sebenarnya semua kelemahan itu bisa diatasi dengan mengedit CSS-nya. Namun, kemampuan saya terbatas dalam mengedit CSS, sehingga beberapa kali pernah error.

Oleh karena itu, saya memutuskan kembali ke Prosense dengan konsep sederhana dan berbasis tulisan.

Hikmah

Dari pergantian theme ini saya memperoleh hikmah, yaitu:

• Jadilah diri sendiri. Saya sering melihat tampilan blogger-blogger dunia dan ingin menirunya. Namun, kemampuan CSS saya sederhana sehingga belum bisa membuat desain blog seperti blogger dunia yang memang didesain oleh desainer profesional (konon tarif desainer ini adalah US $1,000-3000).
• Branding adalah penting. Blogodolar telah memiliki branding sendiri yang saya bangun 4 bulan lalu. Jika saya mengubahnya, maka saya harus mulai lagi dari nol. Tentunya ini membutuhkan energi dan waktu. Alangkah lebih baik saya mempertahankan branding tersebut, dibanding memulainya lagi. Jadi, saya sepakat dengan apa yang diungkapkan Aldy M. Arifin yang berkomentar seperti ini:

Maaf sebelumnya kang, saya punya penilaian yang berbeda. Saya fpkir selama  ini Kang Yudiono sudah melakukan branding dengan cukup baik dengan templat yang lama. Bahkan pernah menulis template terbaik adalah dengan dasar putih. Sekali lagi maaf, semuanya kembali kepada selera masing-masing. Saya malah berpikir, kenapa warna branding blogodolar tidak dipertahankan?

• Background  putih tetap yang terbaik. Silakan lihat alasannya di Theme berlatang putih adalah yang terbaik.

Itulah alasan dan hikmah pergantian theme yang saya lakukan. Sebagai penutup, saya haturkan terima kasih banyak atas apresiasi dan kritik Anda semua pada tampilan baru Blogodolar.

Postingan Terkait:

• Cara Membuat Navigasi Header di Theme ProSense
• Jangan Abaikan Aspek Monetisasi Saat Mendesain Tampilan Blog Anda
• Top Komentator dan Komentar Terbaru Tidak Perlu Ditampilkan di Sidebar
• Alasan Di Balik Pencopotan Top Komentator dan Komentar Terbaru
• Tips Desain Blog: Tentukan Prioritas dan Evaluasi Hasilnya

Secara tidak terencana, Blogodolar pun kena imbasnya yaitu themes-nya diubah dari Prosense ke Cover WP. Theme baru ini berbeda dengan Prosense karena homepage-nya berformat majalah yang dilengkapi dengan Featured dan Postingan Paling Banyak Dikomentari.

Masih ada fitur-fitur lain theme ini yang sedang saya pelajari. Terlepas dari itu, bagaimana menurut Anda tampilan baru Blogodolar?

Apapun pendapat Anda, silakan tuangkan dalam komentar di bawah.

Postingan Terkait:

• 3 Alasan Saya Menggunakan Kembali Genesis
• 3 Penyebab Menurunnya Jumlah Postingan Blogodolar Sampai 135% di Tahun 2011
• Dua Tahun Blogodolar: Mohon Kritik dan Saran Anda
• Blogodolar Pindah Hosting dari Blue Host ke Doreo
• Blogodolar Masih Dalam Perbaikan