Cara membuat widget artikel terbaru di blogspot

Untuk Membuat widget artikel terbaru di blogspot, sebenarnya telah disediakan oleh pihak blogger, yaitu menggunakan widget feed.

Widget feed pada blogger

Akan tetapi seringnya terjadi gangguan atau lola (loading lama) saat widget tersebut digunakan, membuat para pengguna blogger menjadi enggan untuk menggunakannya.

Terus gimana dong solusinya?

Disini gue akan ngasih tau tentang Cara membuat widget artikel terbaru di blogspot dengan menggunakan script.

Widget Artikel terbaru dengan menggunakan script

- Oke pertama kalian buka menu layout di halaman blogger kalian.

- klik "Add a gadget", kemudian pilih widget "HTML/ JavaScript".

- Setelah itu copy script dibawah ini dan paste kan di kolom content. Untuk kolom title , kalian bisa mengisinya sesuai selera.

<div id="hlrpsb">

<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>

<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>

<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>

<style type=text/css>

#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzta8Bips20a0MiLHKreAksl5PTdrtZ2mZL91ABvj4TgF8VvNPY7-iRkV0EVFG0-y3gFSwu3VuBoIIJhOM2ZRMKkIqYj2RwkDkNXJPSInYTbyEsJ_JpA_HcA0n9TK5EfKV-P-HcYaUjr5K/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;}

#hlrpsb { }

.bbrecpost2 {

padding-top:6px;

padding-bottom:6px;

border-bottom: 1px #cccccc dotted; }

</style>

- Setelah itu klik save . Dan taraaaa , widget artikel terbaru telah selesai dibuat.

Salam Hangat Trilito.

Share this post