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/AVvXsEgQ1f3VBIbRiHWZcE_xT29IEMtE1fsmtPgns705QVha8x6lejgEkotDlk0gVlMF1V3zqc7_FMMju5V7qPFKI44tyiEEVVjNxM4XiHAcw7PgdzA-4bqnPvLQcHWKqbXdSOwUR8OXdsUKyMze/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.
ADS HERE !!!