cara membuat artikel terkait di wordpress

· Uncategorized
Penulis

Artikel spesial untuk para blogger motor atau mobil yang ingin menampilkan related post atau posting terkait dengan artikel yang dipostingnya. Sebelumnya mohon maaf jika penyampaiannya kurang jelas atau bikin bingung, maklum blogger newbie super ecek-ecek:mrgreen: Biar gampang, tinggal copy paste saja kode di bawah ini. Tanpa script PHP, tanpa HTML juga bisa, tanpa plugins, gratis. Cukup shortcode saja.

kphmph-wordpress-logo-icon

RELATED POST WordPress.com

WITHOUT PLUGINS

 

Karena wordpress.com tidak menyediakan fasilitas related post untuk user gratisan-nya, maka kita tak kalah akal juga dengan sedikit modifikasi html dan schortcode wordpress. Meskipun hasilnya kurang maksimal, tapi cukup untuk mengarahkan dan membantu pembaca membaca artikel yang terkait dengan artikel yang sedang ditampilkan.

Related post atau posting terkait di sini memanfaatkan shortcode [ display-posts ] yang mana shortcode ini menampilkan 10 posting terakhir yang telah diterbitkan oleh blog kita. kode ini bisa dimodifikasi.
Di halaman support wordpresshttp://en.support.wordpress.com/shortcodes/#miscellaneous disebutkan kode

  • [ display-posts ] lets you list posts of a specific category, author, or tag

artinya bisa untuk memunculkan daftar artikel dengan penyaring “category”, “author”, atau “tag” hingga 10 baris posting.
berhubung “category” akan kurang mengena karena masih terlalu umum, di sini kita gunakan “tag” saja yang biasanya berupa tag pendek satu, dua atau beberapa kata.

Cara penggunaannya:
pada artikel atau posting yang telah kita buat pasti ada tag atau kata yang khusus berkaitan dengan topiknya. misal posting honda cb150r pasti akan di tag: cb150r, honda teralis, honda 2012, honda cb150r, konde berkarat, tutup tangki njendul, dsb :P (no offence)
nah dari sini kita ambil saja tag cb150 dan honda teralis (2 kata dan ada spasinya), maka related postnya akan ditulis shortcode:

[ display-posts tag=cb150r ] [ display-posts tag=honda-teralis ]

note:

  1. gunakan tanda strip “” sebagai pengganti spasi tag kita. setelah tanda [ tidak boleh pakai spasi. sebelum tanda ] boleh pakai spasi boleh tidak pakai.
  2. warna merah pada kode di atas diganti tag posting sesuai posting masing-masing
  3. warna hitam adalah kodenya

Contoh related post:

CARA GAMPANG

biar gak ribet kita cukup gunakan shorcode [ display-posts tag=cb150r ] [ display-posts tag=honda-teralis]

contoh:

RELATED POST

[ display-posts tag=cb150r ] [ display-posts tag=honda-teralis]

Hasilnya:

RELATED POST

 

 

Atau biar tidak ada jeda (dalam tema tertentu mungkin ada jeda antara related post 1 dan related post 2) gunakan tanda titik koma ( ) pada shortcode seperti di bawah ini:

RELATED POST

[ display-posts tag=cb150r; tag=honda teralis]

RELATED POST

 

 

 

CARA RIBET TAMPIL MANIS

tapi agar tampilan sedikit gimana gitu, maka kita pakai HTML untuk menghiasnya.

Contoh:

<!– brought to you by kphmph.wordpress.com –>


 
Related Post :
[ display-posts tag=cb150r ] [ display-posts tag=tips-motor ]

HASILNYA

<!– brought to you by kphmph.wordpress.com –>


 

Pada tampilan ini, untuk memodifikasi warna garis dan background related post, maka kita tinggal mengganti HEX code dari kode warna html yang ada di kode related post nya. HEX code bisa dilihat di w3school
http://www.w3schools.com/html/html_colornames.asp

Penggunaan, cukup copy pastekan kode di bawah ini ke bagian bawah setiap posting melalui text mode.

agar lebih gampang pengunaannya, tinggal copy paste kode di bawah ini dan simpan pada notepad di desktop komputer Anda semua

atau copy paste ke mode text post dan simpan sebagai draft. dan gunakan copy post pada dashboard untuk menulis artikel baru dengan terlebih dahulu mencari related post pada search post yg ingin dicopy.

caranya pada pojok kanan atas kode di bawah ini klik “view source” lalu copy kodenya, atau langsung klik “copy to clipboard” kodenya.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<span style="color: #000000;"><!-- brought to you by <a title="marga" href="http://kphmph.wordpress.com">kphmph.wordpress.com</a> --></span></pre>
 
<hr />
 
<div></div>
<div>
<table style="border-collapse: collapse;" width="100%" border="0">
<tbody>
<tr style="height: 24px;">
<td style="padding-left: 7px; padding-right: 7px; border-top: solid #9bbb59 1pt; border-left: none; border-bottom: solid #9bbb59 1pt; border-right: none;"><span style="font-family: Cambria;"><strong><em><span style="color: #76923c;">Related Post : </span></em></strong></span></td>
</tr>
<tr style="background: #eeefff none repeat scroll 0 0; height: 96px;">
<td style="padding-left: 37px; padding-right: 7px; border-left: medium none; border-bottom: 1pt solid #9bbb59; border-right: medium none;"><ul class="display-posts-listing"><li class="listing-item"><a class="title" href="http://kphmph.wordpress.com/2013/01/19/review-ptwr-honda-verza-150-unggul-dibanding-nmp-150/">Review: PTWR Honda Verza 150 unggul dibanding NMP 150</a></li><li class="listing-item"><a class="title" href="http://kphmph.wordpress.com/2013/01/17/review-klakson-honda-verza-hanya-satu-buah/">Review: Klakson Honda Verza Hanya Satu Buah?</a></li><li class="listing-item"><a class="title" href="http://kphmph.wordpress.com/2013/01/17/gallery-foto-honda-verza-150cc-mature-contents-18/">Gallery: Foto Honda Verza 150cc (mature contents~ 18+)</a></li><li class="listing-item"><a class="title" href="http://kphmph.wordpress.com/2013/01/16/spesifikasi-motor-honda-verza-150-cc-resmi/">Spesifikasi Motor: Honda Verza 150 cc (Resmi)</a></li><li class="listing-item"><a class="title" href="http://kphmph.wordpress.com/2013/01/16/news-harga-dan-foto-asli-honda-verza-150-cc-1605-juta-169-juta/">News: Harga dan Foto Asli Honda Verza 150 cc 16,05 juta – 16,9 juta</a></li><li class="listing-item"><a class="title" href="http://kphmph.wordpress.com/2012/12/20/informasi-ini-baru-wujud-asli-honda-verza-150-a-k-a-k18-gl15b1-spyshoot-by-tmcblog-com/">Informasi: Ini Baru Wujud Asli Honda Verza 150 a.k.a K18 – GL15B1 (Spyshoot by TMCBlog.com)</a></li><li class="listing-item"><a class="title" href="http://kphmph.wordpress.com/2012/12/20/opini-inilah-wujud-asli-honda-k18-honda-verza-150-dari-tmcblog-com/">Opini: Inilah Wujud Asli Honda K18 – GL15B1 – Honda Verza 150 (dari TMCBlog.com)</a></li><li class="listing-item"><a class="title" href="http://kphmph.wordpress.com/2012/12/03/opini-penampakan-honda-k18-mungkin-akan-seperti-ini-imho/">Opini: Penampakan Honda K18 mungkin akan seperti ini (imho)</a></li></ul> <ul class="display-posts-listing"><li class="listing-item"><a class="title" href="http://kphmph.wordpress.com/2013/01/03/manual-cara-menampilkan-related-post-di-wordpress-com-tanpa-plugins/">Manual: Cara Menampilkan Related Post di WordPress.com Tanpa Plugins</a></li><li class="listing-item"><a class="title" href="http://kphmph.wordpress.com/2012/12/18/opini-bensin-yang-cocok-untuk-cbr150r-adalah/">Opini: Bensin yang cocok untuk CB150R adalah</a></li><li class="listing-item"><a class="title" href="http://kphmph.wordpress.com/2012/12/15/opini-perang-ptwr-honda-cb150r-sf-vs-yamaha-new-v-ixion-lightning-10/">Opini: Perang PTWR Honda CB150R SF Vs Yamaha New V-ixion Lightning (1:0)</a></li><li class="listing-item"><a class="title" href="http://kphmph.wordpress.com/2012/12/12/spesifikasi-honda-cb150r-2013/">Spesifikasi: Honda CB150R 2013 (Updated 1 dan 2)</a></li><li class="listing-item"><a class="title" href="http://kphmph.wordpress.com/2012/11/03/new-cb150r-2013/">video: New Honda CB150R 2013 Streetfire (honda teralis)</a></li></ul></td>
</tr>
</tbody>
</table>
</div>
<pre>

KEUNTUNGAN PENGGUNAAN

Penggunaan related post pada badan posting (post area) memiliki keuntungan bila dibandingkan related post biasa yaitu jika kita telah terdaftar di google dan menggunakan google webmaster atau google analytic, maka ketika go0gle-b0t mengindex halaman posting kita, b0t tersebut juga akan mengunjungi link related post kita dan mengindex posting related post, dan seterusnya, dan seterusnya. Jadi halaman posting kita selalu di index oleh go0gle-b0t. dan di search engine google blog kita akan mudah ditemukan oleh pemirsa. Bukan SE0 tapi setara kualitasnya. Berani coba?

Itulah sedikit ilmu untuk kita para blogger newbie :cool: . Silakan dishare bagi yang berkenan atau mau digunakan sendiri dan dimodifikasi tampilannya monggo jangan sungkan, tidak ada yang melarang atau akan mengklaim itu bikinan saya, itu dari saya, itu ide saya, atau whatever lah. Biarlah menjadi rahasia umum karena tentu kita ingin bangsa ini maju dan ilmu yang bermanfaat itu tak akan putus pahalanya sampai kiamat tiba. Wallahu a’alam. :D

Semoga bermanfaat.

<!– brought to you by kphmph.wordpress.com hari Jum’at libur dilanjut Sabtu onlinenya ;) –>


 

Sumber

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: