Cara membuat Recent post keren dan ringan

Bagikan :

Tweet

Salam sehat untuk sobat semua yang sedang membuka artikel ini. Kali ini saya menuliskan sebuah artikel yang berjudul Cara membuat Recent Post atau Artikel Terbaru yang keren dan ringan di sidebar blog dilengkapi dengan gambar atau thumbnail yang sudah saya setting sendiri.

Saya sedikit akan mengulas manfaat dari recent post itu sendiri. Recent post merupakan widget yang menurut saya wajib ada di blog. Sebenarnya dulu sudah ada defaultnya dari blogger tinggal dipasang saja namun sekarang di hilangkan ntah kemana.

Kegunaan dari  Recent post adalah menampilkan beberapa artikel sobat dari yang paling atas adalah yang paling baru. Dimana tujuannya tetap sama yaitu memberikan kemudahan untuk pengunjung mengetahui isi dari blog sobat dan update-tan terbaru dari sobat.  Maka dari itu saya akan memberikan sobat langkah-langkah untuk membuatnya sendiri. Lanjut membaca artikel ini jika sobat ingin memasang recent post di blog sobat.

Okeh langsung saja ikuti tutorial berikut ini :

1. Buka blogger.com.

2. Kemudian masuk dengan akun blog sobat.

3. Setelah itu pilih Tata Letak.

4. Lalu pilih HTML/Java Script.

5. Copy script dibawah ini :

<style>
img.recent_thumb {padding-left:20px;padding-right:padding-bottom:0px;0px;width:60px;height:60px;border:0;float:right;margin:0 0 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 55px;margin: 0px 0px 5px 0px;padding: 0;font-size:12px;font-color:green;}
.recent_posts_with_thumbs {padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:12px;}
</style>
<script type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/recentpoststhumb.js"></script>
<script type="text/javascript">
var numposts = 8;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;
</script>
<script src="http://www.jahetbungas.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script>

Keterangan : warna merah adalah jumlah post yang ingin ditampilkan di sidebar blog sobat.

Sedangkan yang berwarna biru diganti dengan alamat url blog sobat.

7. Selanjutnya paste-kan script tersebut dan Simpan. Selamat Mencoba by +Bungas Zahid .

Tag : Dunia Blogger