Tampilkan postingan dengan label Wordpress. Tampilkan semua postingan
Tampilkan postingan dengan label Wordpress. Tampilkan semua postingan
26 Okt 2011

Tutorial Filter Visitor Block Pengunjung Tertarget


Waktu kumpul sama teman-teman publisher Adsense, sebuah blog sederhana dipaparkan oleh seorang teman, memang itu blog sederhana tapi ternyata mendatangkan earning yang melimpah. Salah satu triknya adalah memfilter iklan dengan melakukan block iklan negara. Jadi mudahnya begini, jika ada pengunjung yang datang selain dari Indonesia akan melihat iklan Adsense yang ada di blog kita tapi jika yang dari Indonesia atau negara tertentu yang kita block iklan Adsensenya akan hanya melihat PPC lokal atau iklan lainnya.

Nah untuk scriptnya seperti ini.
<?php
$ip = $_SERVER['REMOTE_ADDR'];
$country = file_get_contents("http://api.hostip.info/country.php?ip=$ip");

switch($country):
/*** AWAL BLOK BIDVERTISER/ADBRITE ***/
case "CN":
case "IN":
?>
<!-- kode adbrite/bidvertiser -->
<?php
break;
/*** AKHIR BLOK BIDVERTISER/ADBRITE ***/

/*** AWAL BLOK PPC LOKAL ***/
case "ID":
?>
<!-- kode ppc lokal -->
<?php
break;
/*** AKHIR BLOK PPC LOKAL ***/

/*** ADSENSE ***/
default:
?>
<!-- kode adsense di sini -->
<?php
endswitch;
?>
Penjelasan singkat
case "CN":
case "IN":
Script diatas merupakan script untuk melakukan block iklan berdasarkan kode Negara (CN : China, IN : India) dan untuk melihat lebih detailnya kode negara yang lain, kalian bisa melihatnya disini

Semoga dengan Tutorial Filter Visitor ini lebih bersemangat dalam cari $

Cara Merubah Ukuran Video Youtube di WordPress Secara Otomatis


Membuat ukuran video Youtube di wordpress yang bisa otomatis resize barangkali menjadi tips ngeblog wordpress kali ini. Memang penggunaan embed code youtube untuk dipasang di blog wordpress terkadang tidak sesuai dengan style theme kita, ada yang terlalu besar dan ada pula yang terlalu kecil. Nah untuk mengakali agar tampilan video terutama ukurang video youtube sesuai dengan tampilan style css di theme kita maka perlu sedikit polesan – tambahan coding di funstions.php

Mudah kok Anda cukup menambahkan kode dibawah ini di funstions.php
function mycustom_embed_defaults($embed_size){
$embed_size['width'] = 586; // Adjust values to your needs
$embed_size['height'] = 500;

return $embed_size;
}

add_filter('embed_defaults', 'mycustom_embed_defaults');
Jika masih was-was kalau terjadi kesalahan penempatan coding, alangkah lebih baiknya di coba di localhost dahulu deh

Cara Membuat Meta Descriptions Dengan Custom Fields

Salah satu kunci SEO adalah adanya Meta Descriptions pada blog baik itu pada postingan maupun pada blog itu sendiri. Banyak cara untuk memberikan Meta Descriptions pada postingan salah satunya dengan plugin All In One SEO Pack. Namun terkadang permasalahan kapasitas hosting menjadi kendala dalam menggunakan plugin terutama plugin untuk hal SEO.

Setelah tanya tanya ternyata Meta Descriptions yang dia pakai disetiap postingannya menggunakan Custom Fields. Oke langsung deh kita praktek Cara Membuat Meta Descriptions Dengan Custom Fields.

Buka Header.php kemudian copy dan pastekan code dibawah ini diatas kode </head>
<meta name="description" content="
<?php if ( (is_home()) || (is_front_page()) ) {
echo ('description blog utama kamu');
} elseif(is_category()) {
echo category_description();
} elseif(is_tag()) {
echo '-tag archive page for this blog' . single_tag_title();
} elseif(is_month()) {
echo 'archive page for this blog' . the_time('F, Y');
} else {
echo get_post_meta($post->ID, "Metadescription", true);
}?>">
Ganti kata description blog utama kamu dengan deskripsi blog yang kamu inginkan, nantinya akan muncul di home. Dan kamu bisa memanggil deskripsi postingan dengan isian custum field Metadescription
20 Okt 2011

Menambah Tombol Twitter & Facebook Otomatis

Saat ini, banyak blogger menggunakan Facebook dan Twitter untuk mempromosikan artikel blog mereka. Pada kesempatan belajar wordpress kali ini, saya akan belajar bagaimana menambah tombol facebook dan twitter otomatis dalam setiap postingan artikel blog wordpress.

Sebelum memulai belajar menambah tombol facebook dan twitter, lebih dulu saya katakan bahwa tips ini hanya untuk blog wordpress yang hosting di server sendiri, tidak bisa diterapkan untuk blog yang menggunakan wordpress.com.

Berikut cara untuk menambah tombol twitter dan facebook otomatis di setiap artikel blog. Kopi paste kode berikut ke dalam file functions.php anda, simpan dan selesai!
function share_this($content){
if(!is_feed() && !is_home()) {
$content .= ‘
Tweet
ID))
.’&layout=button_count&show_faces=false&width=200&action=like&colorscheme=light&height=21″ width=”320″ height=”240″>

‘;
}
return $content;
}
add_action(‘the_content’, ‘share_this’);

Cara Impor Postingan dari Blogspot ke Wordpress

Karena kebanyakan dari kita memakai blog gratis, maka sebaiknya kita memiliki back-up artikel-artikel berharga di satu blog ke blog lain. Kelemahan dari blog gratis adalah kita tidak punya kontrol penuh pada blog kita, artinya pemilik layanan blog gratis tersebut bebas menutup blog kita kapan saja mereka mau. Apabila Anda memiliki cukup banyak artikel di blogger.com / blogspot, Anda dapat membackupnya di wordpress.com dengan cara memakai fasilitas ekspor impor / export-import. Ikuti langkat praktis berikut:
  1. Login ke wordpress.com
  2. Klik “Manage” atau “Kelola”
  3. Klik “Impor” atau “Import”
  4. Klik “Blogger” (apabila Anda ingin impor file dari blogger/blogspot)
  5. Klik “Beri Kuasa” atau “Authorize”
  6. Akan ada tanda login Google account. Masukkan Id dan password blogger / blogspot Anda.
  7. Ada tulisan “Access Request” di bawahnya ada pilihan “Grant Access” dan “Deny Access” -> klik “Grant Access”
  8. Akan muncul blog blogspot Anda -> klik impor; apabila punya blog blogspot lebih dari satu dalam account yang sama, maka pilih blog yang akan diimpor
  9. Tunggu sampai ada pesan “Success” atau “Berhasil” dari wordpress.

Catatan:
  • Hanya blogger baru yang dapat diekspor ke wordpress dengan cara ini. Kalau masih memakai blogspot classic silahkan di”reformasi” dulu ke blogger baru;

  • Impor dapat juga dilakukan dari wordpress ke wordpress lain. Misalnya, blog (afatih.wordpress.com) ini filenya juga saya backup dengan cara diimpor ke blog saya di edublogs.org (Anda bisa juga buat account di sini gratis). Kelebihan dari edublogs.org adalah besarnya file yang diimpor tidak terbatas. Sementara kalau di wordpress.com, maksimum filenya 2 mb, artinya kalau file yang hendak diimpor lebih dari 2 mb maka proses impor tidak akan berhasil.

  • File yang diimpor bisa juga dari blog lain selain blogger.com / blogspot, misalnya MT (movable type), Typepad, dll.
18 Okt 2011

Membuat Template WordPress “Translatable”

Ketika selesai membuat template wordpress dan akan mempublikasikannya, perlu diingat bahwa pengguna template kita bisa berasal dari mana saja, tidak pasti sama dengan bahasa yang kita gunakan. Untuk itu, kita persiapkan agat template wordpress kita translatable.

Agar template kita “dapat diterjemahkan”, kita perlu mempersiapkan segala sesuatunya. Ikuti panduan singkat berikut jika anda bermaksud membuat template wordpress (yang mungkin anda buat dengan Artisteer) dapat diterjemahkan.
hal pertama yang harus kita lakukan adalah membuat direktori languages di direktori tema kita. Kemudian paste baris kode berikut ke file functions.php anda:
// Make theme available for translation
// Translations can be filed in the /languages/ directory
load_theme_textdomain( 'your-theme', TEMPLATEPATH . '/languages' );
$locale = get_locale();
$locale_file = TEMPLATEPATH . “/languages/$locale.php”;
if ( is_readable($locale_file) )
require_once($locale_file);
Pada titik ini, tema wordpress anda sudah siap untuk diterjemahkan. Sebenarnya, anda mungkin sudah menebaknya, ini bukanlah satu-satunya yang dilakukan untuk membuat tema anda tersedia dalam bahasa X lain.

Aku tidak akan menjelaskan cara menerjemahkan tema WordPress disini, jadi jika anda masih penasaran dengan topik ini silakan lihat dua artikel berikut yang sangat berguna:

Menambah Link Blog

Saat belajar ngeblog di wordpress beberapa tahun lalu, aku membaca artikel tentang pentingnya memperoleh backlink. Backlink ini adalah link dari blog lain yang mengarah ke blog kita. Adapun cara gampang memperoleh backlink ini adalah dengan berkomentar di blog yang berlabel “dofollow blog”. Cara lainnya adalah tukar link dengan blog lain.

Untuk berkomentar, sebagai newbie sekalipun, bagiku tidaklah masalah. Namun untuk bertukar link, aku merasa kebingungan, bagaimana caranya memasang link blog lain di blog aku? Akhirnya, dengan sedikit mencari-cari artikel di internet, aku dapat menemukan jawabannya.

Saat ini, ada beberapa teman yang menanyakan bagaimana caranya bertukar link? bagaimana caranya memasang link blog orang lain di blog kita? Dan untuk membantu teman-teman yang mungkin membutuhkan panduan cara memasang link, berikut akan aku tuliskan pengalamanku disini.

Sebelum mulai memasang link, pertama-tama tentukan dulu dimana tempat kita akan menaruh “koleksi link” dari teman-teman kita. Sebagai contoh di blog ini, aku menaruh link di sidebar sebelah kanan, dengan judul Friend List.
  1. masuk ke dashboard wordpress
  2. cari bagian Appearance di sidebar kiri, trus klik link widget
  3. tambahkan widget “Text” (klik dan seret widget Text di bagian tengah halaman ke bagian kanan, akan terbuka kotak teks baru.
  4. isikan pada bagian judul dengan kehendak anda, dalam blog ini aku memberinya judul Friend List.
  5. pada body teks, isikan dengan kode berikut :
    &lt;ul&gt;
    &lt;li&gt;&lt;a href=”http://bewegaleri.wordpress.com“&gt;Zona Berbagi Informasi&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=”http://bel4j4r.wordpress.com“&gt;Belajar WordPress&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=”http://hapebewe.blogspot.com“&gt;My Cellular Corner&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=”http://filegratis2u.blogspot.com“&gt;Berbagi File Gratis&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=”url-link“&gt;anchor teks&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  6. ganti tulisan warna merah (url/alamat blog), sesuai dengan url blog yang akan kamu pasang, ganti tulisan warna biru (anchor text) dengan tulisan yang ingin ditampilkan di blog kamu. tambah atau kurangi link pada contoh di atas sesuai kebutuhan.
  7. simpan pekerjaan anda. Kini anda sudah punya koleksi link dan mulailah berburu tukar link untuk meningkatkan rangking blog.

Membuat Menu 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.

Biasanya halaman statis ini digunakan untuk menuliskan profil kita (about), keterangan tentang blog bersangkutan, link dari teman blogger lain, atau apa saja. Jika template wordpress yang digunakan mendukung, maka halaman ini akan muncul sebagai baris menu (letaknya bisa di bawah atau di atas header).
Cara membuat menu atau halaman statis ini sangat mudah.
  • Login ke akun wordpress
  • klik “Tulis” atau “Write”
  • Klik “Halaman” atau “Page”
  • Di “Judul Halaman” -> tulis nama halaman. Misalnya “Tentang Blog ini”, atau apa saja sesuai selera anda.
  • Klik menu “Terbitkan” atau “Publish”
Gampang kan ? Buat secukupnya, dan sesuaikan dengan template yang kita gunakan sehingga tampilannya jadi menarik, tidak tumpang tindih.
17 Okt 2011

Menghilangkan meta name generator WordPress

Tips wordpress tentang menghilangkan Meta name generator ini tidak harus dilakukan, untuk alasan keamanan, sebaiknya dilakukan saja. Jika seseorang yang berniat jelek mengetahui versi berapa WordPress kita, akan lebih mudah bagi dia untuk mencari celah2 keamanan atau mencari tool2 hacking yg banyak bertebaran di Internet untuk sekedar meng-isengin blog kita atau bahkan mengambil alih blog. Yuk kita mulai tips wordpress kali ini

Langkah pertama Tips wordpress tentang menghilangkan Meta name generator ini adalah meng-edit file general-template.php yang berlokasi di folder /wp-includes. Sebelum melakukan editing, pastikan untuk membackup file ini untuk berjaga-jaga jika ada kesalahan. Kemudian cari baris2 berikut :
function get_the_generator( $type ) {
switch ($type) {
case 'html':
$gen = '';
break;
case 'xhtml':
$gen = '';
break;
case 'atom':
$gen = 'WordPress';
break;
case 'rss2':
$gen = 'http://wordpress.org/?v=' . get_bloginfo_rss( 'version' ) . '';
break;
case 'rdf':
$gen = '';
break;
case 'comment':
$gen = '';
break;
case 'export':
$gen = '';
break;
}
return apply_filters( &quot;get_the_generator_{$type}&quot;, $gen, $type );
}
Lalu hapus baris2 berikut ini
function get_the_generator( $type ) {
switch ($type) {
case 'atom':
$gen = 'WordPress';
break;
case 'rss2':
$gen = 'http://wordpress.org/?v=' . get_bloginfo_rss( 'version' ) . '';
break;
case 'export':
$gen = '';
break;
}
return apply_filters( &quot;get_the_generator_{$type}&quot;, $gen, $type );
}
Nah, skrg anda sudah bisa menghapus atau menghilangkan meta name generator di wordpress 2.8 anda. mudah2an tips wordpress ini bermanfaat untuk anda
12 Okt 2011

Meningkatkan Pagerank Dan Alexa di WordPress


Alexa Rank adalah salah satu faktor yang diperhitungkan oleh penyedia program paid review untuk mengetahui secara cepat level trafik suatu blog atau situs. Jika Anda memilih paid review sebagai salah satu sumber monetisasi blog, mau tak mau Anda harus meningkatkan Alexa Rank blog Anda. Mengapa? Karena ini akan meningkatkan daya tawar Anda kepada para penyedia program paid review seperti ReviewMe, SponsoredReview, dan lain-lain.

Di bawah ini adalah cara-cara meningkatkan alexa rank yang ditulis oleh DoshDosh, yang bisa membantu dalam meningkatkan alexa rank blog Anda. Alexa rank DoshDosh sendiri saat ini sangat mengagumkan yaitu 11 ribuan, padahal blognya tidak di-update sejak 18 Mei 2009. Selain itu, saat di awal-awal ngeblog, DoshDosh mampu meningkatkan alexa rank dari 3 jutaan menjadi 21,790 dalam jangka waktu dua bulan.

Apa itu Alexa Rank?
Sebelum ke cara-cara meningkatkan Alexa Rank, ada baiknya Anda mengetahui dulu apa itu Alexa Rank. Bila disederhanakan, Alexa Rank adalah ranking trafik suatu situs ataublog. Adapun menurut situs Alexa.com, alexa rank dihitung berbasis aggregat trafik 3 bulanan dari jutaan pengguna Alexa Toolbar dan merupakan sebuah ukuran kombinasi dari page views dan pengunjung. Pada tahap pertama, Alexa menghitung jumlah pengunjung dan jumlah page views untuk semua situs danblog secara harian. Dari definisi tersebut, maka yang berperan penting dalam alexa rank adalah Alexa Toolbar, jumlah pengunjung, dan jumlah page views yang dihitung berdasarkan jumlah orang yang mengunjungi situs/blog bersangkutan dengan alexa toolbar terinstal di browser yang digunakannya.

20 Cara meningkatkan Alexa Rank
Perlu Anda ingat, untuk meningkatkan alexa rank dalam jangka panjang, DoshDosh merekomendasikan bahwa Anda harus fokus pada pembuatan konten berkualitas yang akan menarik banyak pengunjung. Jadi, bukan hanya sekadar fokus pada meningkatkan alexa rank secara instan. Di bawah ini cara-cara meningkatkan Alexa Rank:
  1. Install Alexa toolbar or Firefox’s SearchStatus extension and setting blog Anda sebagai homepage di komputer Anda. Ada dua cara mudah menginstal alexa toolbar. Jika Anda menggunakan Internet Explorer, download Alexa Toolbar for Firefox atau SearchStatus extension yang akan menampilkan Alexa Rank, Google Rank, dan juga fitur-fitur berguna lain.
  2. Taruh widget Alexa Rank di blog Anda. Menurut sejumlah kalangan, bila widget itu diklik oleh pengunjung yang belum menginstal Alexa Toolbar, maka itu akan dihitung sebagai kunjungan tambahan.
  3. Dorong yang lain untuk menginstal Alexa toolbar. Ini bisa sahabat atau pengunjung blog Anda sendiri.
  4. Bekerja di kator atau di warnet? Jika memungkinkan, instal alexa toolbar pada semua komputer yang ada dan seting blog Anda sebagai homepage-nya. Ini akan berguna jika IP yang digunakan bersifat dinamis.
  5. Minta teman untuk mereview dan merating profil blog Anda di Alexa. Memang belum ada bukti, namun mungkin saja cara ini berguna.Tulis artikel mengenai Alexa. Webmaster dan blogger senang mengetahui cara-cara meningkatkan alexa-nya. Mereka akan membacklink tulisan Anda dan mengirimkan trafik. Ini secara langsung brdampak pada alexa rankblog Anda.
  6. Pampang URL Anda di forum webmaster. Webmasters biasanya telah menginstal alexa toolbar di browsernya dan jika mereka tertarik mengklik URL Anda, maka ini merupakan sebuah keuntungan bagi Anda.
  7. Tulis artikel yang berkaitan dengan webmaster. Contohnya, topik SEO dan jual beli domain yang sangat diminati oleh kalangan webmaster (blogger atau pemilik situs).
  8. Promosikan artikel anda pada forum webmaster dan situs jejaring sosial.
  9. Gunakan Alexa redirects URL blog Anda. Coba ini: http://redirect.alexa.com/redirect?www. doshdosh.com. Ganti doshdosh dengan URL blog Anda. Gunakan URL ini saat berkomentar dan juga signatur Anda. Redirect ini akan menghitung alamat IP unik sekali sehari saja. Belum ada bukti resmi cara ini, jadi gunakan secara hati-hati.
  10. Aktif di situs atau forum Asian social networking. Beberapa kalangan meyebutkan bahwa Asia Timur adalah pengguna alexa toolbars yang besar. Ini dibuktikan dengan beberapa blog atau situs dari Asia Timur yang masuk Alexa Top 500.
  11. Buat sebuah halaman mengenai webmaster tools pada blog Anda. Ini merupakan magnet bagi webmaster untuk berkunjung berkali-kali ke blog Anda.
  12. Daftar di Digg atau StumbleUpon. Kedua situs ini bisa mengirimkan puluhan ribu pengunjung bila artikel Anda tampil di halaman depan. (Catatan Kang Yudiono: di Indonesia, Anda bisa mendaftar di Lintas Berita, InfoGue, dan lain-lain).
  13. Gunakan kampanye PayperClick. Ini dilakukan dengan membayar iklan di Google atau yang lainnya.
  14. Buat kategori Alexa di blog Anda dan gunakan ini untuk menyimpan artikel atau berita yang berkaitan dengan Alexa.
  15. Optimalkan popular posts Anda. Apakah Anda memiliki popular post yang konsisten menerima trafik dari mesin pencari? Update postingan tersebut dengan melik ke postingan Alexa atau link internal ke URL Redirect Anda.
  16. Beli iklan banner dan link dari forum. Jika iklan Anda menarik, ini akan secara signifikan meningkatkan ranking alexa Anda.
  17. Rekrut orang untuk mempromosikan blog Anda. Ini bisa dilakukan dengan membayar teman atau anggota forum untuk mempromosikan artikel Anda.
  18. Bayar pemilik warnet untuk menginstall Alexa toolbar dan mensetting blog Anda di semua komputer yang ada di warnet tersebut.
  19. Aktif di MySpace, Facebook, dan lainnya. Cara ini berhasil bagi sejumlah orang, namun banyak juga yang tidak berhasil.
  20. Coba Alexa auto-surfs. Tools ini biasanya berguna bagi blog baru dan gunakan secara hati-hati.
Itu tadi sedikit pengetahuan yang saya dapat dari situs-situs lain tentang bagaimana cara meningkatkan Alexa Rank. bagi teman-teman yang mempunyai cara yang lebih ampuh lagi, saya siap menggunakannya. Selamat mencoba dan semoga bermanfaat.

Mengganti Template (Theme) Wordpress

Untuk Wordpress.com theme yang disediakan terbatas, tapi sangat menarik dan beragam. Setelah anda menemukan theme yang disukai, berikut cara untuk mengganti theme di WordPress :
  • Login ke Admin WordPress anda >> [Dashboard]
  • Pada sisi kiri halaman klik menu [Appearance] >> [Themes].

  • Kemudian muncul halaman ‘Manage Themes’, pada halaman tersebut pilhlah theme sesuai dengan selera anda.

  • Bila anda sudah menemukan theme yang sesuai dengan selera anda, klik [Preview] theme pilihan anda tersebut.

  • Muncul halaman ‘Activate Theme’, bila anda yakin ingin mengganti theme default anda dengan theme pilihan anda, klik link [Activate "nama theme"] pada sebelah kanan pojok atas.

  • Dan bila anda ingin membatalkannya klik tanda [ X ] pada pojok kiri atas.
Demikian tadi langkah-langkah untuk mengganti tampilan theme di Wordpress.com, selamat mencoba dan semoga bermanfaat.
9 Okt 2011

Memulai Ngeblog di WordPress.com

Saat ini, masih banyak yang belum mempunyai blog, bahkan belum ‘ngeh’ apa itu blog. Segi positifnya, banyak yang tertarik untuk membuat blog. Untuk itu, belajar wordpress kali ini akan menuliskan panduan membuat blog di wordpress.com bagi pemula, di sadur dari panduan resmi wordpress.com.

Khusus untuk pemula, mari kita membuat blog di wordpress.com.
  • Masuk ke wordpress.com dan klik tombol “sign up” warna orange

  • Pilih nama domain untuk blog pertama anda (anda dapat menambahkan blog lainnya nanti jika memang mau). Ini merupakan alamat unik dimana orang akan berkunjung jika ingin melihat blog anda.

  • Jika alamat blog yang anda masukkan tersedia, akan terlihat tanda centang hijau. Anda juga akan melihat pilihan untuk membeli nama domain (atau anda dapat menggunakan domain wordpress.com secara gratis)

    Jika anda hanya ingin berkomentar di blog wordpress.com tertentu dan tidak ingin membuat blog, klik “Sign up for just a username.”

  • Selanjutnya, pilih username unik yang akan menjadi identitas anda dalam komunitas wordpress.com. Username ini nantinya akan berguna sebagai nama login untuk masuk ke blog wordpress anda.

  • Saatnya memikirkan sebuah password. Isikan password yang mudah diingat, namun tidak mudah ditebak orang. Masukkan password tersebut dua kali.

  • Kemudian, tambahkan alamat email yang akan anda asosiasikan dengan akun wordpress. Sebaiknya gunakan alamat email utama karena akan sangat berguna seandainya lupa password blog wordpress, dapat dipulihkan lewat email tersebut.

  • Pilih bahasa yang akan anda gunakan untuk nge-blog di wordpress.com ini

  • Sekarang klik tombol signup. Jika sebelumnya anda memilih untuk membeli kustom domain, anda akan dibawa ke halaman registrasi dan pembayaran domain.

  • Anda hampir selesai. masuk ke inbox email yang tadi anda daftarkan dan cari email konfirmasi pendaftaran dari wordpress.com. klik link aktivasi blog.

  • Selesai! sekarang anda sudah punya blog di wordpress.com sendiri. Selanjutnya anda akan dibawa masuk ke dasboard blog wordpress dimana anda bisa mengatur tampilan blog dan memulai menulis artikel.
Selanjutnya apa? Anda bisa mengeksplorasi menu dashboard. Bagaimana caranya? tunggu artike berikutnya.
8 Okt 2011

Menampilkan Related Post Berdasarkan Kategori

Tampilan Related Post (artikel terkait) dalam sebuah blog akan membantu meningkatkan jumlah halaman yang dikunjungi. Jika pengunjung selesai membaca sebuah halaman, ia akan digiring untuk melihat halaman lain yang terkait.

Ada banyak plugin WordPress untuk menampilkan related post. Tapi kebanyakan menggunakan tags sebagai kriteria relevansi untuk mencari artikel yang sama sehingga kadang-kadang tidak nyambung dengan artikel sebelumnya. Namun, ada satu plugin (yang aku tahu) yang akan menampilkan artikel terkait (related post) berdasarkan kategori sehingga lebih spesifik. Inilah plugin <strong>Related Post by Category</strong>.

Anda dapat memperoleh plugin Related Post by Category di sini atau langsung ke web pemiliknya di sini sekaligus untuk mempelajarinya lebih lanjut.

Setelah anda download, unpack dan upload ke folder plugin anda, dan aktifkan melalui dashboard. Selanjutnya buka single.php dan tambahkan kode berikut untuk memanggil fungsi plugin ini :
<?php
related_posts_by_category(
array(
'orderby' => 'post_date',
'order' => 'DESC',
'limit' => 5,
'echo' => true,
'before' => '<li>',
'inside' => '&raquo; ',
'outside' => '',
'after' => '</li>',
'rel' => 'nofollow',
'type' => 'post',
'message' => 'no matches'
)
);
?>
Penjelasan secara detil dari parameter-parameter di atas adalah sebagai berikut:
  • orderby
    Parameter orderby terdiri dari nama kolom, yang mana data yang ditampilkan diurutkan. Dalam tabel deskripsi, ia ditentukan, kolom mana yang dapat diterapkan. Nilai “RAND” bertanggung jawab terhadap tampilan yang digeneralisir secara acak.
  • order
    Nilai ASC untuk mengurut ke atas dan DESC untuk mengurut ke bawah mempengaruhi arah pengurutan, namun hanya dalam hubungannya dengan orderby.
  • limit
    Jumlah artikel yang ingin ditampilkan.
  • echo
    TRUE memperlihatkan hasil dalam source kode HTML.
  • before, inside, outside, after
    Tag-tag xHTML atau karakter-karakter yang dimasukkan sebelum, di dalam, atau sesudah link yang dihasilkan.
    Format: %before<a>%inside Link %outside</a>%after
  • rel
    Nilai yang diujukan untuk fungsi, digunakan dalam REL-ancor teks, dalam rangka melabeli link sebagai nofollow atau arsip.
  • type
    merupakan nilai kosong, juga sub-halaman (halaman statis) dapat dipertimbangkan. post sebagai parameter hanya menampilkan post, namun halaman akan menampilkan halaman saja sebagai outputnya.
  • message
    Teks standar sebagai output, jika tidak ada hasil sesuai yang ditemuka.
Contoh penerapan dan hasilnya dapat dilihat pada tampilan berikut :

Mengekplorasi Dashboard

Setelah selesai mendaftar blog wordpress, anda akan dapat mengeksploarai dashboard, yakni kontrol panel dimana anda dapat memposting artikel, mengelola komentar, mengubah pengaturan tampilan blog, dan lain-lain.

Dashboard merujuk pada “daleman” situs anda, dan hanya anda (dan orang yang anda ijinkan) yang dapat melihatnya.

Siap untuk memeriksa dashboard wordpress anda, studio dimana anda akan membuat, mengedit, dan mengelola semua konten blog wordpress anda? Silakan simak artikel berikut.

Jika anda baru saja mendaftar dan mengaktivasi akun wordpress.com, anda akan langsung dibawa ke dashboard. Untuk melihat bagaimana tampilan blog baru anda, klik judul blog di bagian atas layar.

Anda akan melihat tampilan seperti berikut, dengan artikel bawaan berjudul “Hello world!” dan beberapa widget di sidebar kanan. Sekarang, kembali ke dashboard sehingga anda dapat berkenalan dengan bagaimana mengkustomize tampilan blog dan memulai mempublikasikan konten.

Jika anda sudah punya akun, arahkan ke homepage wordpress.com dan signin/login. Gunakan bar admin pada layar bagian atas untuk akses cepat ke dashboard blog. Jika anda punya beberapa blog, anda akan melihat semua daftarnya di bawah “My Blogs.”

Inilah dasboard blog wordpress anda, dimana anda dapat mengakses semua kekuatan blog anda. Sisi sebelah kiri akan terlihat sebagai berikut:

Anda dapat menyembunyikan atau menampilkan pilihan yang ada pada masing-masing bagian dengan klik segitiga kecil di sebelah kanan tab.

Jika Anda merasa kewalahan dengan semua menu ini, jangan khawatir – Anda hanya perlu tahu beberapa bagian penting dari dashboard untuk memulai mengisi konten blog dan mempersonalisasikan tampilan blog Anda. Jika nanti sudah lebih akrab dengan WordPress.com dan ingin memeksplorasi blog anda dengan cara baru, wordpress.com memiliki dokumen pendukung yang menjelaskan masing-masing menu dashboard, sehingga Anda dapat belajar dengan kecepatan Anda sendiri, dan mendapatkan jawaban kapanpun Anda membutuhkannya .

Sebagai langkah awal, silahkan Anda melihat-lihat menu dashboard sebentar, kemudian pergi ke Setting (Pengaturan) > General (Umum) di bagian bawah.

Di bagian pengaturan umum ini, anda dapat mengganti judul dan tagline (sub judul) sesering yang anda suka, dan pengaturan-pengaturan lain. Silakan update bagian ini agar blog anda sesuai dengan keinginan anda sendiri.

Jika anda ingin mengubah pengaturan privasi situs anda, anda dapat melakukannya dari Settings > Privacy.

Sekali anda sudah menyimpan perubahan pengaturan, jangan sungkan untuk mengeksplorasi menu dashboard lainnya. Sementara sekian dulu artikel mengeksplorasi dashboard wordpress, bersambung di artikel-artikel selanjutnya.

Mengganti Kata dalam Artikel secara Otomatis

Seandainya saya mengganti nama blog dari “belajar wordpress” menjadi “belajar ngeblog wordpress”, tentu ada banyak kata belajar wordpress dalam semua artikel blog ini yang harus diganti menjadi belajar ngeblog wordpress. Jika dilakukan secara manual, terbayang bagaimana repotnya. Namun, ada cara mudah untuk mengganti kata dalam artikel secara otomatis.

Sebelum memulai belajar mengganti kata dalam artikel blog secara otomatis, lebih dulu saya katakan bahwa tips ini hanya untuk blog wordpress yang hosting di server sendiri, tidak bisa diterapkan untuk blog yang menggunakan wordpress.com.

Yang perlu dilakukan untuk mengganti kata dalam seluruh artikel blog secara otomatis adalah menambah kode berikut dalam file function.php
function replace_text_wps($text){
$replace = array(
// ‘belajar wordpress‘ => ‘belajar ngeblog wordpress‘
‘wordpress’ => ‘<a href=”#”>wordpress</a>’,
‘excerpt’ => ‘<a href=”#”>excerpt</a>’,
‘function’ => ‘<a href=”#”>function</a>’
);
$text = str_replace(array_keys($replace), $replace, $text);
return $text;
}

add_filter(‘the_content’, ‘replace_text_wps’);
add_filter(‘the_excerpt’, ‘replace_text_wps’);
Ganti kata berwarna merah dengan kata yang akan diganti, dan kata berwarna biru dengan kata penggantinya. Semoga bermanfaat.

Membuat Button Tanggal WordPress

Secara default, tampilan tanggal postingan artikel akan ditampilkan sebagai teks biasa. Jika anda mau, anda dapat memodifikasi tampilan tanggal sebuah artikel dimuat dengan grafik sehingga lebih menarik. Berikut kita akan belajar bagaimana cara membuat sebuah button tanggal untuk WordPress melalui 3 langkah sederhana.

Langkah Pertama – Tulis Kode
<div class=”post-date”>
<div class=”month”><?php the_time(’M’) ?></div>
<div class=”day”><?php the_time(’d’) ?></div>
</div>
Begini semestinya tampilan kodenya :

Apa makna kode-kode itu ? Berikut penjelasannya :
  • <div class=”post-date”>
    Kita mulai box atau DIV dengan nama “post-date.”
  • <div class=”post-month”>
    Dalam box post-date, kita memulai box lain untuk bulan.
  • <?php the_time(’M’) ?>
    Disini kita gunakan fungsi PHP the_time(’M’), untuk memanggil bulan dimana kita membuat artikel, contohnya JUN untuk Juni.
  • </div>
    Box bulan berakhir disini.
  • <div class=”day”>
    Box untuk hari dimulai.
  • <?php the_time(’d’) ?>
    Gunakan fungsi PHP the_time(’d’), kita akan memanggil angka hari yang berupa 2 digit nomer, misalnya 03.
  • </div>
    Box hari selesai.
  • </div>
    Tak ada lagi yang perlu ditambahkan, jadi kita akhiri box post-date atau DIV dengan tag penutup.
Langkah Kedua – Buat Gambar Latar
Kita memerlukan program pengolah gambar, seperti Photoshop, untuk mendesain gambar latar untuk button sesuai kehendak kita. Disini aku perlihatkan gambar yang aku ambil dari blog WpDesigner.com:

Langkah Ketiga – Aturlah Style-nya
Langkah ini membutuhkan sedikit pengetahuan tentang CSS dan bergantung pada selera individu karena bisa jadi latar imagenya berbeda, Namun, inilah dasarnya. buat class di file css kita (biasanya style.css), gunakan notepad++ untuk keperluan ini, atau apapun editor anda.
.post-date{
float: left;
display: inline;
margin: 0 10px 0 0;
background: url(images/date_button_template.gif) no-repeat;
date_button_template.gif merupakan nama gambar latar anda. images/ merupakan lokasi folder dimana gambar berada. Jika anda menyimpan gambar di folder lain, ganti images/ sesuai dengan nama folder yang anda gunakan untuk menyimpan gambar.

Catatan :
Letakkan kode pertama di file single.php dimana anda ingin muncul button tanggal itu.

Mengubah Tampilan Blog

Setelah membuat blog wordpress dan mengenal dashboard wordpress, saatnya mengotak-atik tampilan blog agar sesuai dengan keinginan anda, istilahnya mengkustomisasi (customize) tampilan blog wordpress. Tentunya anda ingin punya blog yang unik, berbeda dengan blog-blog lain, karena blog anda akan menjadi identitas diri anda di jagad maya. Dan yang paling penting, tentunya anda ingin tampilan blog anda menarik sehingga banyak yang berkunjung. Mari kita kustomisasi blog wordpress kita.
  1. Mencari Theme / Template Blog yang Tepat
    Seperti masing-masing majalah yang punya ciri layout dan desain sendiri, demikian juga dengan blog. Tema (theme) wordpress yang akan kita pilih akan menentukan tampilan blog kita seperti warna, huruf, desain header dan jumlah kolom dari blog. WordPress.com menyediakan lebih dari 120 theme menarik yang bisa dipilih, dan terus ditambah.

    Ingatlah untuk selalu menjaga tampilan blog agar konsisten dengan Ide Besar anda saat mulai nge-blog. Ini akan membantu pengunjung untuk segera mengetahui apakah mereka menemukan apa yang mereka cari saat mampir di blog kita. Anda bisa saja memilih template karena tertarik dengan keindahannya, namun tetap jangan mengabaikan segi fungsionalitas. Anda juga dapat menambahkan foto dan media lainnya nanti. Sekarang fokus untuk mencari template yang sesuai dengan Ide Besar anda.

    Katakanlah anda punya blog foto. Dalam hal ini, anda sebaiknya memilih template kolom tunggal untuk memberikan ruang bagi foto anda di tengah halaman. Dengan template kolom tunggal, menu yang memungkinkan orang untuk menavigasi blog anda biasanya berada di atas atau bawah halaman. Sebagai contoh, template Duotone berikut:

    Di lain pihak, mungkin anda mau memasukkan foto ke dalam blog, tapi juga berencana untuk memposting banyak artikel. Dalam hal ini, anda sebaiknya memilih template 2 kolom yang mempunyai pilihan untuk menampilkan header sendiri dan artikel pilihan, seperti Twenty Eleven:

    Dalam memilih template, mestinya kamu mempertimbangkan tonal macam apa yang akan anda gunakan untuk blog. Jika blog anda berhubungan dengan bisnis, mungkin sebaiknya memilih sesuatu yang simpel dan terlihat profesional, seperti Coraline. Namun jika mencari sesuatu yang menyenangkan, mungkin untuk blog tentang barang kerajinan, template seperti Liquorice pilihan yang pas.

    Untuk melihat pencarian template, cobalah menggunakan Feature Filters:

    Ingatlah bahwa anda dapat mengganti template kapan saja, jadi tidak perlu khawatir misalnya saat ini pilihan anda tidak tepat.
    Jika sudah menemukan template yang sesuai, aktifkan langsung dari preview template tersebut dengan cara klik template dan klik tombol aktivasi di pojok kanan halaman:

    Jika ingin lebih dulu melihat tampilan template yang baru saja dipilih sebelum mengaktifkannya, lakukan dari Appearance > Themes dari area dashboard anda:

    Demikian artikel belajar wordpress, mengkustomisasi tampilan blog. Artikel berikutnya adalah mempercantik blog dengan widget. Semoga membantu
22 Jul 2011

Memodifikasi Halaman Error 404

Halaman 404 merupakan halaman error yang akan muncul ketika pengunjung mengetik alamat halaman yang tidak ada pada situs/blog kita. Atau bisa juga mengunjungi link yang sudah tidak ada di blog kita (broken link).

Munculnya halaman error 404 menandakan bahwa pengunjung sedang tersesat di blog kita karena tidak menemukan apa yang mereka cari. Alangkah baiknya kalau kita menyediakan petunjuk di halaman tersebut, misalnya disediakan fasilitas Search, link ke halaman awal atau apa saja yang membuat pengunjung tidak tersesat.

Berikut ini tips untuk improvisasi halaman 404 anda sehingga tidak membuat (calon) pengunjung lari dari blog kita karena tidak menemukan apapun. Tips ini disarikan dari sini.

Jangan menyebutnya halaman 404. Pengunjung anda mungkin tidak paham maknanya. Hanya orang-orang tertentu saja yang mengetahuinya, termasuk anda. Lebih baik anda buat halaman tersebut lebih personal, tidak identik dengan halaman sejenis di blog lain. Tapi anda harus pastikan bahwa halaman tersebut bukan haaman yang sedang dicari oleh pengunjung.
Sediakan cara bagi pengunjung untuk mencari apa yang mereka inginkan. Ini sangat mendasar.

Pengunjung tahu apa yang mereka cari, anda tidak. Beri mereka kesempatan untuk mencari lagi.
Tunjukkan pada mereka apa yang anda tawarkan. Bagaimana? CobalahShow them what you have to offer. How, you ask? Cobalah untuk mendata artikel populer anda. Atau mungkin artikel terkait dengan konten yang sedang mereka cari – ini mungkin dapat menggiring pengunjung kembali ke blog anda. Terakhir, sediakan sitemap (atau link ke salah satunya) yang menunjukkan pada mereka apa yang sudah anda kerjakan.

Jika tidak ada pilihan lagi bagi mereka (maksudnya dibagian akhir halaman ini) beri link untuk mengontak anda. Jika mereka merasa tidak nyaman, mungkin anda ingin tahu apa sebabnya. Tentu saja ini pilihan usaha terakhir karena pada kenyataannya tidak ada yang mau menghubungi pemilik blog jika mereka menemukan masalah Mungkin hanya dalam hal-hal tertentu saja.

Dengan WordPress, anda dapat dengan mudah mengkustomisasi halaman 404 ini. Di themes yang anda gunakan, edit halaman 404.php dengan editor kesayangan anda. Gunakan beberapa tips di atas. Anda dapat pula melihat koleksi halaman 404 dari berbagai tema situs disini. Mungkin ada yang dapat memberi anda inspirasi.

Memasang Gravatar di Judul Artikel

Saat ini, dukungan terhadap Gravatar merupakan bagian dari inti WordPress sehingga menambahkannya ke dalam tema WordPress menjadi sangat mudah. Menambahkan Gravatar ke komentar anda sudah dibakukan dalam WordPress yang dapat diatur melalui menu dashboard. Bagaimana jika ingin menambahkan gravatar ke dalam judul post anda untuk menyoroti penulis komentar? Di dalam loop tema? Itu hal yang mudah juga.

Berikut kode untuk menambahkan gravatar di dalam judul post yang aku sarikan dari sini.
<?php echo get_avatar( get_the_author_email(), '80' ); ?>
Cukup mudah, bukan ? Kode get_the_author_email merupakan output dari email penulis artikel dan “80” merupakan ukuran gambar avatar di dalam piksel ( anda dapat merubahnya ). Bagaimana tampilannya nanti akan tergantung bagaimana anda menggunakannya; dimana anda menaruhnya dalam tema (harus berada dalam loop) dan bagaimana anda mengatur style-nya.

Dari berbagai sumber

Trik Mengatur Link Jumlah Komentar

Kebanyakan kita melihat tampilan link banyaknya komentar di blog-blog WordPress yang berbeda-beda seperti :
  • 25 Comments
  • Comments (25)
  • No Comments
  • Comments (0)
  • Comment (1)
  • 1 Comment
Bagaimana kita dapat mengelola link popup komentar seperti itu. Caranya sangat mudah. Kita dapat menggunakan :
<?php comments_popup_link
('zero','one','more','CSSclass','none');
?>
untuk keperluan tersebut.
Penjelasan tentang kode tersebut :
  1. zero
    (string) Teks yang akan tampil jika tidak ada komentar. Default-nya adalah ‘No Comments’.
  2. one
    (string) Text yang akan tampil jika ada 1 komentar. Default-nya ‘1 Comment’.
  3. more
    (string) Text yang akan tampil jika ada lebih dari 1 komentar. ‘%’ akan diganikan oleh jumlah komentar, jadi ‘% so far’ akan ditampilkan sebagai “5 so far” ketika ada 5 komentar. Default-nya ‘% Comments’.
  4. CSSclass
    (string) kelas CSS (stylesheet) untuk link tersebut. Tidak ada nilai default.
  5. none
    (string) Text yang akan tampil jika komentar di disabled. Default-nya ‘Comments Off’.
( Diambil dari Codex WordPress )

Jadi, kita dapat membuat link jumlah komentar seperti :
<?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?>
Disini “%” merupakan jumlah komentar
atau bisa juga menampilkan link tersebut dalam tanda kurung:
<?php comments_popup_link('Comments (0)', 'Comment (1)', 'Comments (%)'); ?>
atau kita bisa berkreasi sesuka kita dengan mengganti kata comment dengan yang lain. Semoga dapat membantu siapa saja yang membutuhkan.