Cara membuat Recent Post gambar (thumbnail) responsive di blog

Cara membuat recent post gambar thumbnail responsive di blog - Recent post dengan gambar merupakan salah satu alat navigasi yang wajib ada di blog kita,karena dengan adanya navigasi yang lengkap dapat membantu meningkatkan trafik visitor dan juga trafik blog kita,selain itu juga dapat membantu pengunjung dalam menavigasi dan menjelajahi artikel kita yang lama.Sebenarnya masih ada beberapa alat navigasi blog lainnya yang wajib ada di blog kita selain recent post ini,misalnya popular post dan menu bar,tapi yang perlu anda ingat usahakanlah membuat alat navigasi ini yang responsive karena jika responsive maka dapat support dengan segala perangkat internet seperti mobile,komputer dan lain sebagainya.Recent post juga berfungsi untuk menampilkan postingan kita yang baru saja kita rilis agar nantinya pengunjung yang datang dapat langsung melihat postingan terbaru yang baru saja kita publish.

Disini saya akan membagikan tutorial membuat recent post dengan gambar di blog yang mungkin bisa untuk anda pasang juga di blog anda,selain itu tampilan recent post ini juga menarik dan juga support dengan berbagai media maka dari itu bisa di bilang responsive.Sebelumnya saya juga sudah sempat membahas tentang cara membuat popular post super keren di blog,Nah baiklah langsung saja anda simak tutorial cara membuat recent post thumbnail bergambar di blog,ingat jangan sampai salah dalam mempraktekannya karena jika salah maka recent postnya tidak akan tampil,jika ada keluhan silahkan berkomentar.

Cara Membuat Recent Post Dengan Gambar Di Blog

1. Hal pertama yang harus dilakukan untuk memasang recent post di blog,silahkan login dulu ke blog anda.Setelah itu masuk pada menu Tata Letak > Add Gadget/Tambah Widget > HTML/Javascript.

2. Setelah anda menemukannya sekarang anda copy kode dibawah ini dan pastekan di kotak yang telah di sediakan.

<div id="recentpostxx"></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccpostsx({
numpostx:5,
id_cintainrp:"#recentpostxx",
cmtext:"Comments",
thumbSize:60,
contjumlah:100
});
});
//]]>
</script>

3. Terkahir silahkan anda klik Save/Simpan dan lihat hasilnya maka recent post dengan gambar thumbnail akan muncul di blog anda untuk menampilkan postingan terbaru anda.Untuk anda yang ingin membuat recent post slider silahkan baca artikel saya tentang cara membuat recent post slider di blog

Baiklah semoga tutorial mengenai cara membuat recent post gambar thumbnail responsive di blog ini bisa membantu dan juga bermanfaat untuk anda.Ingat jika ada kendala dengan script di atas silahkan berkomentar nanti saya akan mengganti scriptnya yang baru,terima kasih.

Source : http://seo-score.blogspot.com

Share this :