Pada postingan kali ini kita akan membahas bagaimana cara membuat scroll box yang diisi dengan random post. Hal ini di maksudkan agar link yang kita tempatkan tidak memakan banyak tempat, walaupun sebenarnya link tersebut berjumlah sangat banyak.
Berikut cara membuat scroll boxnya :
Antum tinggal copy paste-kan script dibawah ini ke template yang diinginkan. Ane pake contoh di sidebar.php.
Contohnya seperti ini
Contohnya seperti ini
Contohnya seperti ini
Contohnya seperti ini
Contohnya seperti ini
</div>
Untuk pengaturan panjang dan lebar scrollbar box nya, antum bisa oprek angka pada options “width” dan “height” nya.
Dan hasilnya nanti akan seperti dibawah ini :
Contohnya seperti ini
Contohnya seperti ini
Contohnya seperti ini
Contohnya seperti ini
Dan Untuk Menampilkan Random post nya, ganti kalimat “Contohnya seperti ini” (<< delete semua kalimat ini) dan ganti dengan script dibawah ini :
<?php
$rand_posts = get_posts(‘numberposts=20&orderby=rand’);
foreach( $rand_posts as $post ) :
?>
<li><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
Setelah itu di cek di situs antum. Ane sudah melakukan dan mencobanya pada situs ane, dan hasilnya “passed” jika di cek oleh validator xhtml 1 transitional.
Mudah sekali tho. Silakan mencobanya.
Semoga bermanfaat.
Postingan hebat lainnya yang berhubungan :
- Cara Menampilkan Postingan Dengan Category Tertentu Didalam ScrollBar Box
- Cara Sangat Mudah Membuat Post Thumbnail Dengan Timthumb
- Membuat Link to Post Secara Acak
- Cara Membuat Scrollbar Box Warna Dengan Bantuan CSS (style.css)
- Cara Mudah Membuat Blinking Text Dengan Bantuan CSS Theme
- Cara Mudah Membuat Fadding Marquee Text ( Efeks teks menghilang secara perlahan) Pada Mesin WordPress
- Cara Membuat Transparansi Unsur dengan Opacity di CSS3
- Cara membuat list-style dengan css
makasih ya infonya, sementara ane pelajari tipsnya