Membuat Widget Recent Post Valid HTML5 Ringan di Blog

Widget Recent Post yang artinya postingan baru, widget ini sudah pasti akan menampilkan posting blog terbaru dari blog kita. banyak jenis witged resent post yang digunakan oleh para blogger, mulai dari widget dengan gambar / thumbnail baika yang bergerak atau tidak, meskipun kelihatan indah di lihat untuk masalah speed banyak memakan chace di blog kita hingga akhirnya load nya terlalu berat.

Dan untuk widget yang akan saya berikan adalah jenis widget yang ringan karena tidak ditampilkan gambanya kali ya,,, :) serta widget ini sudah valid HTML5 jadi tak perlu khawatis sobat blogger jika ingin memasangnya di blog kesayangan kita. Bagi sobat yang ingin mencobnya mari kita masuk kelangkah pemasangan widget resent post nya di bawah berikut..
Membuat Widget Recent Post Ringan di Blog
Membuat Widget Recent Post Ringan di Blog

1. Login Blogger dulu
2. Klik Menu layout
3. Kemudian Add a Gadget
4. Pilih HTML/Java script
5. Di kolom title isi judul recent post bebas sesuka anda
6. Dibagian content jangan di isi bebas nanti tidak akan muncul ... ) isikan kode dibawah ini

<style type="text/css" scoped>
#rpdr {background: url( http://3.bp.blogspot.com/-WM-QlPmHc6Y/T5wJV58qj9I/AAAAAAAACAk/1kULxdNyEyg/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#tb { }
.bbrecpost2 {
padding-top:6px; padding-bottom:6px; border-bottom: 1px #509DDD solid; }
</style>
<div id="tb">
<script style="text/javascript" src="https://cdn.rawgit.com/gogonost/Gogon-Ost/master/recentpostnoimage.js"></script>
<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://resep-gogon.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>

Setalah anda copy kode tersebut jangan lupa ganti url yang saya beri warna merah tersebut dengan url blog anda, dan saya ingatkan lagi di save setelah url tadi selesai di rubah,,,"
Var numpost adalah jumlah artikel yang akan ditampilkan
ok semoga sukses !!!
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments