Cara Membuat Recent Post Dengan Gambar [ Tumbnail Recents Post ]

Cara Membuat Recent Post Dengan Gambar Tumbnail. Kali ini admin idesat.com akan bagi-bagi tentang cara membuat recents post, salah satu widget yang memiliki tampilan keren dan membuat blog tampil beda dan pengunjung bisa tahu update postingan terbaru anda,  ini otomatis bisa menambah traffic blog anda, mungkin saja pengunjung merasa ingin membuka lagi Recents Posts terbaru blog anda dan bisa betah lama di blog anda.

Membuat Recent Post Dengan Gambar. Penampilan Blog boleh diupdate seperti menambahkan widget yang perlu sekali untuk pendukung pageviews blog Anda salah satunya dengan widget recent post dari tampilan widget ini sangat keren karena bukan saja potongan artikel awal paragraf pertama yang dihadirkan ada kelebihan gambar juga menjadi penarik pengunjung membuka halaman lain pada blog Anda. Upaya cara membuat recent post ini kadang memberatkan loading blog jadi lama, jangan khawatir ukuran dan java script ini sangat ringan sekali. Jumlah artikel yang ditampilkan dengan gambar thumnail bisa diatur sendiri bisa sedikit dan bisa juga di atas 10 buah artikel postingan terbaru ditampilkan.

Alhasil banyak sekali pengunjung tergoda membuka artikel terbaru berikut gambar thumnail yang menggambarkan isi artikel didalamnnya akan terasa penasaran untuk kembali dan lagi, seperti tadi disinggung recent post ini sangat memberi kelengkapan gambar dan isi awal paragraf dan berapa karakter bisa anda seting bisa 50 hingga 200 karakter kata sesuai keinginan.

Baca juga : Cara Menghasilkan Uang Di Blog

Akan lebih jeasnya inilah Cara Membuat Recent Post Dengan Gambar [ Tumbnail Recents Post ] seperti di bawah ini :

CARA BUAT RECENTS POST


Ikutilah langkah-langkah di bawah ini:
1). Buka akun blogger di url http://blogger.com
2). Masuk ke Menu Tata letak



3). Pilih Add Widget dan Tambah Widget Baru



4). Selanjutnya akan terbuka pilihan dan klik sub menu HTMlL/Javascript seperti gambar di bawah ini


4). Bila sudah muncul kotak baru, silahkan isi nama judul dan masukan kode javascript dengan cara copy dan pastekan pada kotak yang tersdia seperti gambar bawah


5). Silahkan simpan dan hasilnya seperti gambar di bawah ini berikut kode scriptnya:
Cara Membuat Recents Post Dengan Gambar

<style type="text/css">    #rp_plus_img{height:377px;}    #rp_plus_img li {height:60px;padding:5px;list-style:none;    background-color:#ffffff;    border:solid 1px #000000;}    #rp_plus_img a{color:#00000;}    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;    text-align:justify;    -moz-border-radius: 5px;}    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}    </style><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript"></script><script type="text/javascript">    var speed = 1500;    var pause = 3500;    $(document).ready(function(){    rpnewsticker();    interval = setInterval(rpnewsticker, pause);    });    </script><ul id="rp_plus_img"><script>    var numposts = 5;    var numchars = 0;    </script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt"></script></ul>

Catatan tambahan:
- Kecepatan animasi boleh diganti.
- Angka 5 yang dikasih warna kuning, silahkan anda atur sedemikian rupa, mengenai jumlah artikel yang akan simpan dalam recent post blog anda, sesuai keinginan anda.


Terima kasih anda sudah meluangkan waktu dan membaca artikel cara membuat recent post dengan gambar thumbnail dan sebelum menutup halaman ini alangkah baiknya anda lihat-lihat lagi cara artikel lainnya diblog ini dan komentar dulu tentang uraian diatas.

0 Response to "Cara Membuat Recent Post Dengan Gambar [ Tumbnail Recents Post ]"