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 Biar gampang, tinggal copy paste saja kode di bawah ini. Tanpa script PHP, tanpa HTML juga bisa, tanpa plugins, gratis. Cukup shortcode saja.
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 wordpress http://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 😛 (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:
- gunakan tanda strip “–” sebagai pengganti spasi tag kita. setelah tanda [ tidak boleh pakai spasi. sebelum tanda ] boleh pakai spasi boleh tidak pakai.
- warna merah pada kode di atas diganti tag posting sesuai posting masing-masing
- warna hitam adalah kodenya
Contoh related post:
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 –>
Related Post : |
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.
<span style="color: #000000;"><!-- brought to you by <a title="marga" href="https://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;">
- Review: PTWR Honda Verza 150 unggul dibanding NMP 150
- Review: Klakson Honda Verza Hanya Satu Buah?
- Gallery: Foto Honda Verza 150cc (mature contents~ 18+)
- Spesifikasi Motor: Honda Verza 150 cc (Resmi)
- News: Harga dan Foto Asli Honda Verza 150 cc 16,05 juta – 16,9 juta
- Informasi: Ini Baru Wujud Asli Honda Verza 150 a.k.a K18 – GL15B1 (Spyshoot by TMCBlog.com)
- Opini: Inilah Wujud Asli Honda K18 – GL15B1 – Honda Verza 150 (dari TMCBlog.com)
- Opini: Penampakan Honda K18 mungkin akan seperti ini (imho)
- Manual: Cara Menampilkan Related Post di WordPress.com Tanpa Plugins
- Opini: Bensin yang cocok untuk CB150R adalah
- Opini: Perang PTWR Honda CB150R SF Vs Yamaha New V-ixion Lightning (1:0)
- Spesifikasi: Honda CB150R 2013 (Updated 1 dan 2)
- video: New Honda CB150R 2013 Streetfire (honda teralis)
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 😎 . 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. 😀
Semoga bermanfaat.
<!– brought to you by kphmph.wordpress.com hari Jum’at libur dilanjut Sabtu onlinenya 😉 –>
pertamax dulu, ntar ane coba gan
monggo dioprek
dioprek dulu
Mas klo diberanda biar postingan kita tampilnya ga full gimana mas… alias hanya potongan-potongan…?
pake tag MORE di sebelah ABC pada editor posting saat kita tulis posting di tempat yg diinginkan 🙂
siippp… makasih mas…
Wallah, ane malah bingung caranya hehehe …
tinggal ketik aja [display-posts tag=cb150r]
izin bookmarks aja ya om, udh malem nih, bsk aja ane prakteknya hehe 😀 btw om tau blogger2 RD4? http://brigade15.wordpress.com/2013/01/04/tentang-stang-jepit/
bookmark koq pake ijin 😀 pake cara gampang aja mas Aul, tingggal ketik [display-posts tag=contoh-2kata] [display-posts tag=satukata]
hehe 😀
coba ah ane praktekin
om itu yg [display-posts tag=contoh-2kata] [display-posts tag=satukata] ditulisnya dimana om?
tulis di bagian bawah posting. misal:
POSTING TERKAIT:
[display-posts tag=new-v-ixion]
oooh jadi nnt post post yg nongol itu yg pake tag itu ya om?
misalnya post itu ada tag metromini [display-posts tag=metromini] [display-posts tag=metropolitan] nah nnt yg nongol itu post yg ada tag nya metromini?
iya bro.. post dg tag yg ditulis. so pinter2 bikin tag dan banyakin tag nya 🙂
saran saya related post pake 2 saja, karena 1 tag display akan display 10 baris post.
ooh gitu yaa
waduh ane setiap tulisan tag2nya beda beda jauh semua hehe
related postnya cuma bisa nongol 10 om?
10 maks per tag dan terbaru dan gak bisa diakalin hehehe. klo pengen 20 ya pake 2 post view.
kalo 3 post view bisa om? berati nnt jadinya 30 ya?
hihihi kepanjangan mas, kasian pembaca hehehe tapi post yg muncul yg ada aja. klo gak ada yg sesuai tag atau dikit yg sama tagnya ya dikit juga yg muncul, tapi bayangkan setahun lagi.. pasti jadi panjang hehehehe… kaya arsip
iyaya kepanjangan wkkwkw 😆
mendingan bikin page arsip aja dah hehe 😀
itu kalo buat tulisan yg kedepannya juga nongol om?
nongol. intinya nongol 10 tulisan terbaru dari tag tsb. karena inilah kekurangannya hehehe
ooh gitu okede om makasih infonya 😀
ane dah masang di post terbaru ane
nnt aja ah ane benerin tag2 nya hehe
sipp semoga berguna 😉
okedee 🙂
Ijin buat repost di gubuk ane gann 🙂 top tutornya ampe nyenggol-nyenggol SEO segala hi hi.. nunggu tips yang lain bro..
copas edit juga boleh bro.. bebas aja klo reblog gimana gitu 😳
ha ha ha bisa aja si bos, tenang aja bos malah ane muak ama plagiat, ane kasih BL malah tuh he he :-D, but it’s really nice tutor for other, great !!!!..
artikel ane banyak yg copas lhoo tapi bukan dari blog sebelah sih.. muak juga ente ma ane blogger ecek-ecek 😳
nah lho kena batunya nih gue salah ngomong… ngumpet dah.. hi hi hi
Pingback: Cara Membuat Artikel Terkait / Related Post di WordPress.com | Motor SEO
Terima kasih atas informasinya,jangan lupa mampir di http://www.motogp.unsri.ac.id
keren mas related postnya berfungsi 😀
mohon maaf nambah persualan Gan 😀
bagaimana cara mengganti warna tulisan dari link yang ditampilkan ?
udah oprek2 tetep item melulu
ditunggu pencerahannya
salam kenal & tQ sebelumnya Gan 😀
untuk related post di sini menggunakan shortcode, jadi perlu shortcode juga (belum ada – oleh wordpress) untuk mengganti warna link related postnya. sedangkan modifikasi html belum bisa menggalahkan kekuatan shortcode, sehingga hanya bulet saja yang berganti warna. untuk link biasa bisa menggunakan theme option atau kode html
style="color:#ff6600;"
pada kode <a>, contoh<a href="http://www.viancom.web.id"; style="color:#ff6600;" rel="nofollow">nama link</a>
ijin copy gan ilmu nya…masih newbie bgt nih….salam sukses
silakan, bebas saja mas 😉
Thanx a lottt ya mass.., ane udah berhasil adopsi ilmunya ^^, Bahkan ngedit nya melalui HP.. keep sharing knowledge ya mas..
Thx a lottttt ya mas.. ane langsung bisa adopsi ilmunya tentang related post, keep sharing knowledge ya mas,^,^
seep
Pingback: Jangan Mau Diajak Hidup Susah | enggar adi nugroho's Blog
terima kasih banyak Mas bro. Dari sekian cara yang saya baca di Blog lain, ini yang paling mudah dan oke. Makasih yoo
I have read so many articles or reviews regarding the blogger lovers but this post is really a good post, keep it up.
Pingback: Cara mudah buat related post secara manual | setia1heri.com
Keren bos. Bookmark dlu. Tar mau coba. Makasih infonya
Asyiikk.. Dapat tutorial bermanfaat..
om, kalau nampilkan artikel terkait hanya satu artikel saja gimana ya caranya?
joss kang,suwun infonya..
Pingback: ANDROID TV BOX X92 OS 6.0 Amlogic S912 Octa Core RAM 2GB ROM 16GB
Terbaik lah pokoknya, sangat membantu khusus bagi kami yang masih terlalu nyubie..