Custom Recent Post
Up, mari kita kembali ke WordPress. Dan karena kita akan sama sama kembali. Mari kita ke 2.7 ;) Tips WordPress kali ini berhubungan dengan list recent post, latest post, atau postingan terakhir.
Tutorial WordPress kali ini, kembali menuntun anda untuk olah pikiran dan juga perasaan dengan Code Editor dan juga beberapa baris Code PHP dan juga CSS. Saya akan mencoba menerangkan segamblang mungkin seperti seorang Hacker memandang Sistem Operasi Jendela. ;) Saya berharap kembali. Ini tuorial bermanfaat bagi saya pribadi dan bagi blogger sekalian. Intinya tips kali ini, kita bisa listing 10 posting terakhir kita yang mana bisa kita taruh di sidebar atau di footer. Dan menambah efek dinamis. Dimana ketika listing ini berada dihalaman utama. Maka list dari latest post/postingan terakhir kita akan melist 10 posting terakhir dikurangi post yang sudah tayang di standar looping blog kita.
Seperti kita tahu dan anda juga tahu kalau Cak Matt sebenarnya sudah menyertakan fungsi yang menarik juga untuk list postingan terakhir kita, yaitu dengan kode seperti ini
< ?php wp_get_archives('type=postbypost&limit=10');?>
Dimana kode itu akan membuat list 10 postingan terakhir kita dengan tampilan ala kadarnya hanya berupa Judul aja, sekarang kita bisa oleh lebih dengan custom code yang akan saya bagi ini dan bisa menambah parameter lain seperti tanggal. dan juga menambah pagination.
Pertamax
Buka sidebar.php atau footer.php (salah satu aja, jika anda ingin tampil di sidebar, buka file sidebar, jika ingin di footer buka file footer)
Setelah terbuka cari lahan kosong, usahakan lahan kosong yang tidak akan merusak tampilan. Kemudian tambahkan kode ini
<div class="last">
<h3><span>Postingan Terakhir</span></h3>
<ul class="recent">
< ?php
if(is_home()):
$postoff = '&offset=5';
else:
$postoff = '';
endif;
$temp = $wp_query;
$wp_query= null;
$wp_query = new WP_Query();
$wp_query->query('showposts=10'.'&paged='.$paged.$postoff);
?>
< ?php while ($wp_query->have_posts()) : $wp_query->the_post(); ?>
<li><a href="<?php the_permalink() ?>" rel="bookmark">< ?php the_title(); ?></a> < ?php the_time('d m'); ?></li>
< ?php endwhile; ?>
</ul>
< ?php if($postoff =='&offset=5'): ?>
<div class="navigation">
<div class="alignleft">< ?php previous_posts_link('&laquo; Previous') ?></div>
<div class="alignright">< ?php next_posts_link('More &raquo;') ?></div>
</div>
< ?php endif; ?>
< ?php $wp_query = null; $wp_query = $temp;?>
<br class="clear" />
</div>
Langkah diatas kita akan membuat custom loop, dimana saya menambahkan sedikit statemen JIKA, dimana JIKA posisi halaman ada di halaman utama akan membuat parameter yang $postoff yang terpanggil akan bernilai &offset=5 dan akan bernilai KOSONG jika tidak pada halaman utama.
Hal penting lain adalah anda harus merubah parameter offset, dimana pada blog saya bernilai 5 karena saya hanya menampilkan 5 posting terakhir pada looping saya, jika anda menampilkan 10, maka ganti 10.
Keduax
Kemudian Buka juga file style.css dan tambahkan kode ini pada akhir code tersebut
ul.recent {
list-style: none;
margin-left: 0;
padding-left: 0;
background: #ccc
}
.recent li {
display: block;
color:#777;
font-size:0.9em;
float: left;
text-align: right;
width: 310px;
line-height: 22px;
border-bottom: 1px solid #ccc;
}
.recent li a {
font-size:1em;
font-weight: bold;
float: left;
text-align: left;
}
Kode CSS diatas adalah kode standard saya untuk membuat tampilan seperti di FOOTER saya ini, Jika anda mau explore silahkan saja.
Sekali lagi terima kasih sudah mau membaca, jika anda merasa nyaman silahkan berlangganan RSS saya dan tentu saja bantu saya menyebarkan artikel yang semoga bermanfaat ini. Jabat Erat dan Jabat WordPress 
Popularity: 6%
Woww.. Bikin yang banyak n yang lengkap, ntar tak jadiin buku “HOW TO” by jauhari :d:)>-
wah,,
tutorial lagi..
sip2,,,,
buwat reperensi!
Semoga Berkah Kawan ;)
**langsung bookmark**
:x
dets last blog post..Home Safety Products from KidSafe
lanjuuuut gaaaan…
isdah ahmads last blog post..Sejam bersama TOMPI di Ba-Be
salut to cak matt ama cak jauhari
Kalo nampilin popular post gimana mas?
Nikes last blog post..Jurnalnya Nike Nu Theme
Nantikan edisi selanjutnya semoga saya bisa membahasanya ;)
woow enak nih bisa pasang iklan dapet uang lagi :)
makasih, om. di save dulu ah. mo nyobain.
daus oh dauss last blog post..Sob, Sensor Saya Dong! (Mana Tahan Kalau Melototin Ginian)
kalo saya seh pasrah aja deh ama Master.. daripada ngisengin coding entar malah.. :))
inoss last blog post..Nasi Goreng Jawa Wak Kasan
mbok,sekali2 posting ttg makanan..opo ttg sex tho bos..????
*bosen*
escorets last blog post..Kantor jarak jauh.!!
Sabar sabar kang :)>-
:d
seru ya kalo bisa bikin2 gitu..
Kalo dipaksa di Wp yang jebot masih bisa jalan nggak coding nya mas? Saya cuba ah..saya cuba….:d/
kang jauhari….
alhamdulillah udah kerso sowan di blogku… koyo ngimpi rasane di sowani sing kagungan themes..
matur nuwun kang…. insyaallah…
bapakethufails last blog post..Kematian Hati
sip gan, lanjut tutor wpnya lagi yak
gebleks last blog post..Indahnya Kebersamaan
sip..nice tutorial
thevemos last blog post..Terompet Usang
Saya biasanya menggabungkan beberapa code CSS dari Jauhari.net dan beberapa themes yang nampilin “plugin” secara langsung (tanpa widget) digabung-gabungin di localhost wordpress, kalau jadi diupload ke cpanel kalau jadi ancur delete saja copy yang baru :d
Dengan tutorial ini jadi lebih mudah …
Bookmark jadi andalan nich .. biar nggak lupa url-nya :)
Arifs last blog post..Termehek-mehek dapat Duit Ratusan Dollar dengan Modal Rp. 5.000,-
Tip yang ok, tapi ngeri juga ngoprek CSS, takut ada yang error :-?
Rudis last blog post..Surat Keterangan Nilai Jual Objek Pajak (NJOP)
Jangan TAKUT GAGAL… hadapilah bahwa di depan PINTU KESUKSESAN siap menjemput
boss kalo kode php itu ditaruh di blogger bisa ga….
jumadis last blog post..News (Jumadi abdi)
oh ya mas cari tutorial untuk php dimana
jumadis last blog post..News (Jumadi abdi)
kalo mau nampilin gambar thumbnail pada 1 posting terbaru gimana mas? kayak punya hizbutahrir,
mohon pencerahan, . . . sekalian scriptnya
terima kasih bantuannya
OK gw coba..
thx infonya & salam kenal….
trims atas infonya…..
hohohoho…mantabs tutorialnya mas…jadi ingat blogspot dulu…kutak-katik htmlnya…tak jajal tapi ketoke di blog lain aja mas…biar kalo eror ora ngisin-isini…:)
Kalo untuk blogger ,gimana kodenya? Ma kasih
Wah..tutorialnya mantap sekali bos…terima kasih banyak dan ini akan sangat membantu pengunjung mendapatkan navigasi di blog.