Akhirnya, Bisa Pasang Iklan di Blog Wordpress.com

Selama ini, blogger (baru) yang berniat untuk memonetize blognya, tentu memilih blog dari google (blogspot), dan tidak memilih menggunakan blog wordpress.com. Sebabnya, blogger bisa dipasang javascript yang artinya bisa dimodifikasi dengan lebih fleksibel, termasuk pasang iklan (kebanyakan konten iklan menggunakan kode javascript). Sementara itu, wordpress.com melarang keras penggunanya untuk mengkomersilkan blog. Jadi teringat ketika salah satu blog wordpress.com disuspend tidak bisa dibuka karena dipasang beberapa iklan yang secara hasil tidaklah seberapa. Setelah melalui "banding" ke pihak wordpress dan menghapus konten terlarang (iklan) akhirnya blog tersebut kembali normal.

Kini datang kabar baik dari pihak wordpress, yakni mereka mulai membuka diri dan membiarkan penggunanya untuk me-monetize blog wordpress.com mereka. Bekerja sama dengan Federated Media (FM) yang sudah kondang sebagai penyedia iklan berkualitas (digunakan oleh boingboing.net dan appleinsider.com), wordpress membuka kesempatan bagi user untuk memasang iklan yang disebut WordAds. Sayangnya hal ini masih terbatas pada blog yang menggunakan domain sendiri. Jadi jika blog anda masih menggunakan domain wordpress.com, anda tetap saja belum bisa memasang iklan.

Selain blog harus menggunakan domain sendiri, ada lagi persyaratan (tidak tertulis) yang diterapkan oleh wordpress bagi user yang ingin bergabung untuk mendapatkan penghasilan dari memasang iklan, yakni kualitas blog dilihat dari trafiknya, tipe konten blog dan bahasa yang digunakan. Jadi tidak semua yang mendaftar bisa diterima oleh WordAds (Google Adsense versi Wordpress).

Jadi, bagaimana cara mendaftar WordAds? Pertama, pastikan anda sudah menggunakan domain sendiri (custom domain). Kemudian login ke akun wordpress.com anda dan mengisi formulir disini. Jika tidak ada blog yang menggunakan custom domain, maka anda tidak akan bisa mengikuti program ini.

Hmm, jadi ada alasan untuk memulai memasang custom domain di wordpress.com. Sepertinya harus memulai yang baru saja, karena kalau mengganti blog lama dengan custom domain akan menghilangkan rangking blog (Google PR dan alexa) yang sudah susah payah didapat selama ini.

Read more »

Trik Wordpress: Menghilangkan Nama Admin di Komentar

Secara default, wordpress akan menuliskan nama admin jika ia mengkomentari tulisannya. Mungkin ini berguna untuk styling. Namun tentu saja ada juga masalahnya, ialah orang jadinya akan tahu nama yang kita gunakan untuk login di akun wordpress kita. Bagaimana menghilangkan nama admin dalam class komen seperti itu?

Trik wordpress, menghapus nama admin di komentar, berikut ini hanya berlaku pada blog wordpress yang di-host di server sendiri. Jika anda menggunakan wordpress.com tentu tidak akan bisa menerapkan trik ini (kecuali anda member premium yang membayar biaya bulanan untuk bisa mengutak-atik kode html template wordpress.

Jadi, sekali lagi, trik ini TIDAK BISA diterapkan untuk blog wordpress.com. Inilah trik menghilangkan nama admin dalam klas komentar di wordpress:

Yang harus dilakukan adalah sederhana, cukup paste kode berikut ke dalam function.php yang ada dalam folder themes/template anda.

function remove_comment_author_class( $classes ) {
foreach( $classes as $key => $class ) {
if(strstr($class, "comment-author-")) {
unset( $classes[$key] );
}
}
return $classes;
}
add_filter( 'comment_class' , 'remove_comment_author_class' );


Read more »

Cara Menambah Link Twitter ke Blog Wordpress

Twitter merupakan layanan mikroblogging yang memberikan fasilitas bagi pengguna untuk mengirimkan "pembaharuan" berupa tulisan teks dengan panjang maksimum 140 karakter. Twitter merupakan situs jejaring sosial yang populer. Jadi, "mempromosikan" blog di twitter merupakan cara cerdas dan potensial mendapatkan banyak trafik.

Untuk mempermudah pembaca blog kita melakukan retweet, alias memposting artikel kita ke twitter, banyak blogger yang memasang link "tweet this" atau sejenisnya di akhir artikel mereka. Biasanya, code yang digunakan adalah sebagai berikut:

<a href="http://twitter.com/home?status=Currently reading <?php the_permalink(); ?>" title="Click to send this page to Twitter!" target="_blank">Tweet This!</a>

Kode ini berfungsi cukup baik, namun dalam opini saya masih kurang optimal. Tergantung struktur permalink yang dipakai blog wordpress anda, dikombinasikan dengan panjang nama domain anda, sangat sulit untuk mengepaskan link tersebut menjadi tweet sepanjang 140 karakter. Ini juga tidak menyisakan tempat buat orang untuk menambah komentar mereka sendiri.

Solusinya, direkomendasikan menggunakan kode seperti berikut ini:

<a href="http://twitter.com/home?status=RT @bmw1976 <?php the_title ();?> <?php echo get_settings('home'); ?>/?p=<?php the_ID(); ?>">Tweet This</a>

Kode ini akan secara otomatis menambahkan "RT" (retweet) dan akun twitter anda (contoh di atas menggunakan akun name twitter saya, @bmw1976), jadi ganti dengan akun anda. Ketika pengunjung mengklik link tersebut, mereka akan akan di-redirect ke aktual pos menggunakan struktur permalink yg anda gunakan, membuatnya lebih tepat dan biasanya lebih singkat.

Apakah anda sudah mengintegrasikan twitter dengan blog? Jika sudah, silakan berbagi pengalaman anda di sini.

Read more »

Memasang Iklan PPC di Dalam Artikel

Jika menggunakan Wordpress, memasang iklan (otomatis) dimanapun, baik itu di awal artikel, di bawah judul, di tengah artikel, maupun di akhir artikel, tidak terlalu sulit. Ada banyak plugin yang bisa dipergunakan untuk keperluan tersebut, selain cara manual otak-atik kode php. Seperti proyek satu ini: memasang iklan blended (menyatu) dengan artikel.

Aku ingin memasang iklan adsense agar menyatu dengan artikel, menempel seperti gambar. Hanya saja, image pendukung artikel menempel di sebelah kiri, aku ingin iklan adsense tersebut menmpel di samping kanan artikel, seperti dalam screenshoot berikut :

Untuk memasang iklan seperti itu agar secara otomatis muncul dalam setiap artikel, aku perlu mengutak-atik file single.php yang ada di folder themes. Sebelumnya aku perlu mempersiapkan kode iklan (adsense) dengan mengatur warna yang senada dengan theme agar terkesan menyatu (blended) dengan artikel. Sebenarnya kita juga bisa mengatur warna kontras, namun aku lebih suka sebaliknya.

Berikut cara membuat iklan yang menyatu dengan artikel :

1. Buka file single.php
2. Kemudian carilah kode PHP berikut:

<?php the_content(); ?>

3. Tambahkan script berikut:

<div style="float:right; margin: 5px 3px 5px 5px;">
<!-- Script iklan di sini -->
<script type="text/javascript">
SCRIPT IKLAN
</script>
<!-- Script iklan di sini -->
</div>
<?php the_content(); ?>

4. Dengan demikian, setiap kali kita mempublikasikan artikel, secara otomatis iklan-iklan tersebut dapat tampil dengan sendirinya.

Read more »

Menambahkan Chiklet Twitter Counter ke Blog

Artikel berikut menjelaskan bagaimana menambahkan widget Twitter Follower Counter/chicklet widget ke blog Wordpress atau Blogspot, seperti counter untuk feedburner.

Sebagaimana Feedburner Counter yang menghitung RSS Subscribers blog anda, Twitter Counter menghitung pengikut atau follower Twitter anda.

Tombol Default :


Kodenya adalah sebagai berikut :

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=username"></script>

Tuliskan username (account) twitter anda di tempat yang berwarna merah di atas.

Ada total 4 warna tombol yang bisa anda pilih. Selengkapnya dapat anda lihat disini.

Untuk menambah tombol tersebut di Blogger :
Masuk ke dashboard Blogger » Layout » Add a gadget » html/javascript
paste kode di atas dan simpan.

Untuk menambah tombol tersebut di Wordpress :
Masuk ke akun Wordpress > Widgets > Text
paste kode di atas dan simpan.

Read more »

Menambah Tombol Add to Technorati ke Blog

Banyak ahli SEO yang mengatakan bahwa salah satu cara untuk meningkatkan technorati popularity adalah dengan menambahkan tombol Add to technorati.

Dengan adanya widget Technorati Add to Favorites di blog anda, akan mudah bagi pengunjung blog anda untuk mem-fav blog anda ke technorati yang tentunya akan menambah popularity blog anda. Jadi, berikut ini cara menambahkan tombol add to technorati ke blog anda


Ganti yourblog.blogspot.com dengan alamat blog anda dan kopi kode tombol yang anda suka, paste-kan ke template anda. Jika anda ingin menambahkannya di sidebar, masuk ke dashboard » Layout » Add a gadget » html/javascript dan paste kode tersebut kemudian simpan.

Type 1

<a href="http://technorati.com/faves?sub=addfavbtn&add=http://yourblog.blogspot.com"><img src="http://i40.tinypic.com/2yw8lma.jpg" alt="Add us to your technorati favorites" width="145" height="25" border="0" /></a>

Type 2

<a href="http://technorati.com/faves?sub=addfavbtn&add=http://yourblog.blogspot.com"><img src="http://i42.tinypic.com/nqe0lc.jpg" alt="Add us to your technorati favorites" width="145" height="25" border="0" /></a>

Type 3

<a href="http://technorati.com/faves?sub=addfavbtn&add=http://yourblog.blogspot.com"><img src="http://i44.tinypic.com/2utnl9u.jpg" alt="Add us to your technorati favorites" width="80" height="15" border="0" /></a>

Read more »

Menambah File Audio di Wordpress

Setelah kemarin aku menunjukkan cara menambah file audio/mp3 pada blog blogspot, sekarang giliran cara menambah file audio/mp3 di blog wordpress.com (gratisan). Jika menggunakan wordpress yang hosting sendiri, ada banyak plugin yang bisa digunakan. Namun, dengan wordpress.com caranya sangat terbatas. Jika merunut pada panduan yang ada di wordpress.com tentang cara menambah file audio, kita akan disarankan untuk upgrade space yang tidak gratis. dengan demikian kita bisa upload file audio kita di wordpress.com. Namun, kita dapat mengakalinya dengan mengupload file kita ke server hosting file semacam 4shared, baru menggunakan shortcode untuk menampilkannya (lebih jauh tentang memanfaatkan shortcode wordpress)

Berikut cara menambahkan file audio (embed) sehingga pengunjung bisa langsung memainkannya secara online.

Upload file mp3 yang akan kita embed. Dalam contoh ini aku menguploadnya di blog wordpress yang menggunakan server 000webhost yang gratisan. Anda dapat menggunakan server sendiri.

Kopi shortcode berikut :

[audio http://bambangwibowo.890m.com/wp-content/upload/Forty Five - Don't Say GoodBye.mp3]

Ganti kode warna merah dengan alamat url dimana file mp3 anda dihosting.
Selesai, file mp3 anda sudah ter-embed di postingan sehingga dapat langsung didengarkan oleh pengunjung. Anda punya pengalaman lain ? Mohon dishare di sini.

Read more »

Shortcode untuk Menampilkan Related Post

Kita telah belajar tentang pengertian dan dasar shortcode di Wordpress yang sudah diperkenalkan sejak Wordpress versi 2.5. Sekarang, mari belajar lebih jauh tentang penerapan shortcode wordpress ini untuk keperluan blog kita, yakni menampilkan Related Post. Ada banyak plugins untuk menampilkan related post, namun menggunakan shortcode merupakan cara pintar untuk mempercepat loading halaman blog kita karena meminimalisir penggunaan plugins.


Tuliskan kode berikut dalam file functions.php di tema yang anda gunakan :

function related_posts_shortcode( $atts ) {
extract(shortcode_atts(array(
'limit' => '5',
), $atts));

global $wpdb, $post, $table_prefix;

if ($post->ID) {
$retval = '<ul>';
// Get tags
$tags = wp_get_post_tags($post->ID);
$tagsarray = array();
foreach ($tags as $tag) {
$tagsarray[] = $tag->term_id;
}
$tagslist = implode(',', $tagsarray);

// Do the query
$q = "SELECT p.*, count(tr.object_id) as count
FROM $wpdb->term_taxonomy AS tt, $wpdb->term_relationships AS tr, $wpdb->posts AS p WHERE tt.taxonomy ='post_tag' AND tt.term_taxonomy_id = tr.term_taxonomy_id AND tr.object_id = p.ID AND tt.term_id IN ($tagslist) AND p.ID != $post->ID
AND p.post_status = 'publish'
AND p.post_date_gmt < NOW()
GROUP BY tr.object_id
ORDER BY count DESC, p.post_date_gmt DESC
LIMIT $limit;";

$related = $wpdb->get_results($q);
if ( $related ) {
foreach($related as $r) {
$retval .= '<li><a title="'.wptexturize($r->post_title).'" href="'.get_permalink($r->ID).'">'.wptexturize($r->post_title).'</a></li>';
}
} else {
$retval .= '
<li>No related posts found</li>';
}
$retval .= '</ul>';
return $retval;
}
return;
}
add_shortcode('related_posts', 'related_posts_shortcode');

Gunakan shortcode berikut di tempat dimana anda ingin related post muncul :

[related_posts]

Read more »

Memanfaatkan Wordpress Shortcode

Shortcode mulai diperkenalkan sejak Wordpress 2.5. Fungsinya untuk memanggil sebuah fungsi php cukup dengan hanya menuliskan kode singkat. Ini merupakan cara tepat untuk menghemat waktu dalam pengulangan task. Teruskan baca untuk mencari tahu bagaimana menggunakan shortcode.

Untuk membuat shortcode, pertama-tama anda harus membuat sebuah fungsi php. Mari mulai dengan sebuah fungsi dasar. Tambahkan dalam file functions.php anda.

function bewegaleri() {
return 'Sudahkah anda cek <a href="http://www.bewegaleri.com">Bewegaleri</a> hari ini?';
}

Sekali anda membuat sebuah fungsi, anda harus menggunakan fungsi add_shortcode(). paste kode berikut persis setelah fungsi yang anda buat di file functions.php dalam tema yang anda gunakan:

add_shortcode('bwg', 'bewegaleri');

Kini anda dapat menggunakan shortcode bwg. Untuk menggunakannnya, paste line code berikut dalam editor (dalam mode edit HTML) ketika menulis posting:

[bwg]

Shortcode ini akan menghasilkan output pesan 'Sudahkah anda cek Bewegaleri hari ini?'

Anda bisa berkreasi dengan dasar ini, sesuai kebutuhan anda.

Read more »

Menambah Tanggal pada Blog Wordpress

Kebetulan lagi dapat tugas dari kantor untuk membuat situs sederhana untuk keperluan internal perusahaan. Berhubung CMS Wordpress yang sudah aku akrabi, langsung saja aku gunakan Wordpress. Agar terlihat profesional, aku ingin situs tersebut menampilkan waktu (hari dan tanggal terkini). Nyari kesana kemari tidak nemu template wordpress yang menampilkan update waktu tersebut. Yah terpaksa tambahin sendiri.

Berhubung aku masih tahap belajar dan awam dalam hal kode-kode php, jelas referensi pertama dan utama yang aku tuju untuk mencari cara menampilkan tanggal terkini pada blog wordpress, adalah berburu di Mbah Google.

Setelah loncat kesana-kemari, aku menemukan cara menampilkan tanggal terkini di blog Wordpress dengan tampilan waktu lokal. Berikut kode yang harus ditampilkan

<?PHP

$array_hari = array(1=>"Senin","Selasa","Rabu","Kamis","Jumat", "Sabtu","Minggu");
$hari = $array_hari[date("N")];

$tanggal = date ("d");

$array_bulan = array(1=>"Januari","Februari","Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember");
$bulan = $array_bulan[date("n")];

$tahun = date("Y");

echo $hari . "," ." ". $tanggal ." ". $bulan ." ". $tahun;

?>

Catatan:
Pada $tanggal = date ("d"); ganti dengan "j" jika ingin tanggal yang muncul tanpa angka 0.

Letakkan kode ditempat dimana tanggal terkini mau dimunculkan. Dalam contoh kasusku, aku menaruhnya di atas (bagian menu).

Hasilnya adalah seperti tampak pada screenshot berikut :

Read more »

Membuat Semua Link Terbuka di Jendela Baru

Kadangkala, ketika membuat artikel yang berisi link ke tempat lain, kita terlupa (atau bahkan mungkin malas) membuat link tersebut terbuka di jendela baru (dengan memberi kode target="_blank"). Akibatnya, jika pembaca blog kita mengeklik link tersebut, halaman blog kita akan tertutup dan berganti menjadi halaman dari link tersebut. Tentu ini "merugikan" kita dari segi pageview karena berarti pengunjung akan meninggalkan blog kita.

Nah, ada cara termudah untuk membuat semua link di blog kita terbuka di jendela baru. Vanudin membuat sebuah script yang akan membuat setiap link di blog kita terbuka di jendela baru. Berikut adalah scriptnya :

function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i = anchors.length-1; i >= 0; i--) {
var anchor = anchors[i];
if (anchor.href) {
if (!anchor.href.match(/^http:\/\/.*mywebsite\.com.*$/))
anchor.target = "_blank";
}
}
}
window.onload = externalLinks;


Jika anda berniat untuk membuat semua link blog anda terbuka di jendela baru, simpan kode tersebut dengan nama external.js dan upload ke server kesayangan anda. Untuk memanggilnya, gunakan kode berikut :


<script src=" JAVASCRIPT_URL/external.js" type="text/javascript"></script>


Ganti JAVASCRIPT_URL dengan hosting dimana anda menyimpan file tersebut. Sebelumnya aku juga memasang kode tersebut di blog ini. Dan memang, semua link akan terbuka di jendela baru tanpa kita harus mengaturnya. Sayangnya, hal ini justru merepotkan karena tidak hanya link keluar blog ini saja yang terbuka di jendela baru, link antar blog ini pun juga terbuka di jendela baru. Hal ini cukup mengganggu. Ada juga pengunjung yang protes karena permasalahan ini.

Permasalahannya, aku tidak tahu (dasar masih awam) bagaimana memfilter agar link-link keluar saja yang dibuka di jendela baru. Oleh karena itu, lebih baik aku buang lagi script ini dan biarlah secara manual menambah kode target="_blank" di setiap link keluar, daripada mengorbankan kenyamanan pengunjung saat menjelajahi isi blog ini. Jika anda bisa memfilter link mana yang dibuka di jendela baru dan link mana yang tidak, tentu script ini cukup membantu. Jika anda bisa, tolong dishare disini, ya...

Read more »

Membuat Template Wordpress dengan Artisteer

Setelah mengenal artisteer, aku jadi keranjingan membuat template wordpress. Secara aku ini orang awam, tidak paham coding, eh bisa membuat wordpress yang oke punya hanya dalam hitungan menit. Aku akan berbagi di sini, tentang bagaimana membuat template wordpress dengan artisteer.

1. Buka program artisteer yang sudah terinstal di komputer (jika belum punya programnya, silakan download artisteer beta2).



2. Ada beberapa pilihan template yang akan kita buat. pilih saja wordpress. Tunggu program me-load desain template.



3. Kita dapat mengedit desain awal yang ada dengan menu-menu yang disediakan Artisteer. Mulai saja dengan menu Layout dimana ada submenu layout halaman dan kolom-kolomnya. Pilih yang sesuai.



4. Coba edit header dengan klik menu Header . Pada menu ini kita dapat mengatur ukuran header, background/banner, foto foreground, tulisan di header (judul blog dan deskripsinya) dan lain-lain. Sangat mengasyikkan bereksperimen di sini. Artisteer menyediakan banyak gambar (grafis dan foto) siap pakai. Kita juga dapat mengambil gambar dari koleksi kita sendiri.



5. Lainnya yang perlu diedit (menurutku) adalah latar belakang blog. Disini pilihannya kita dapat mengisi background body blog kita dengan warna solid, teksture, gradien, atau bisa juga gambar dari komputer kita.



6. Pada tab Menu, kita bisa mengatur tampilan menu (bentuk tombolnya, jarak antar menu, layoutnya, tulisannya (warna dan jenis font) dan sebagainya. Cobain saja semuanya sampai ketemu format yang paling sesuai dengan kita.



7. Kita juga dapat mengatur kotak pada menu sidebar blog di tab menu Blocks.



8. Pada menu Footer, kita dapat mengkustomisasi bagian bawah blog kita ini sesuai selera, termasuk memilih logo RSS feed.



9. Jika semuanya sudah sesuai keinginan kita, kembali ke tab menu Ideas. Kita akan mengekspor hasil pekerjaan kita menjadi template wordpress siap pakai. Klik tab Export Design dan pilih Wordpress Theme. Tentukan dimana template kita akan disimpan.



10. Inilah jadinya hasil karya kita, template wordpress buatan orang awam kode-kode html/php, hanya dalam hitungan menit.



Lho..lho... kok hasilnya tidak seperti yang kita buat tadi ? Ada tulisan Trial di seluruh bodi blog ? Memang inilah satu-satunya kekuarangan Artisteer versi beta (trial), hasil yang kita dapat ada watermark Trial. tentu tidak bisa dipakai di blog kita, dong. Ya, mungkin jika kita serius ingin membuat template-template blog (wordpress, joomla, dll), kita harus berinvestasi membeli lisensi program Artisteer ini. Tapi, jika kita hanya sekedar membuat template untuk dipakai sendiri atau dibagikan dengan teman, aku akan tunjukkan bagaimana menghilangkan watermark pada hasil template kita. Tunggu saja, ya...

Read more »

4 Tips Dasar Wordpress untuk Pemula

Sebagai seorang pemula dalam hal blog, termasuk wordpress, aku mengumpulkan beberapa tips yang sangat mendasar ketika pertama kali membuat blog di Wordpress. Tulisan ini merupakan kumpulan artikel di blog yang aku khususkan untuk menampung proses pembelajaranku tentang blog Wordpress. Berikut ini 4 tips dasar yang aku lakukan ketika membuat blog di Wordpress.com.

1. Mengganti Penampilan default Wordpress

Hal pertama yang aku lakukan setelah mempunyai blog di WordPress adalah memperindah penampilan blogku. Theme default bawaan WordPress aku ganti. Caranya sangat mudah.

Baca lanjutannya...


2. Mengganti Header Wordpress

Blog di WordPress.com tidak dapat kita utak-atik sesuai selera, kecuali kita membayar $15 setahun untuk mendapat akses Edit CSS. Namun, banner header blog kita dapat diganti sesuai dengan keinginan kita. Caranya pun sangat gampang, tidak membutuhkan utak-atik kode, cukup dengan beberapa klik saja.

Baca lanjutannya

3. Membuat Link (Taut) di Wordpress

Dalam dunia blog, arti link ( taut ) sangat besar. Link merupakan alamat situs atau blog yang kita pasang di blog kita. Jika orang meng-klik link tersebut, ia akan dialihkan (re-direct) ke blog yang alamatnya kita pasang tersebut. Tukar link sangat penting artinya. Selain mempererat persahabatan dengan sesama pemilik blog, jika kita mendapat link dari blog PR (rangking yang dikeluarkan oleh Google) tinggi, kemungkinan blog kita juga akan terkatrol rangkingnya.

Baca Lanjutannya

4. Membuat Menu (Halaman Statis) di Wordpress

Kelebihan WordPress dibandingkan Blogger sebagai sama-sama blog engine yang banyak dipakai adalah adanya menu. Menu ini sebenarnya merupakan halaman statis yang tidak masuk masuk dalam arsip posting. WordPress menyebutnya Halaman atau Pages.

Baca Lanjutannya

Read more »