Recent Post adalah judul-judul postingan terbaru yang akan muncul pada blog. Untuk memasang Recent Post di blog caranya dalah sebagai berikut:
- Login ke akun blogger
- Masuk Dasbor > Tata Letak > Tambahkan/Add Gadget > HTML/JavaScript
- "COPAS" kode berikut ini:
- Klik pratinjau terlebih dahulu, sebelum di simpan
<div style="border: 1px #FF0000 solid; padding: 10px;background-color:black;
overflow: auto; height: 200px; width: 550px;
text-align: left;">
<div id="tb">
<script style="text/javascript" src="http://tutorialblogspot.googlecode.com/files/recentpostnothumbnail.js"></script>
<script style="text/javascript">var numposts = 20;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://kurniawan877.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="display:none;">Recent Post no Thumbnail by <a href="http://www.tutorialblogspot.com/">Tutorial Blogspot</a></div>
<style type=text/css>
#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPzZGwrJnahmW9VWhKksZ8If7xUKolNoH0amahdWqIl7e4bP-4t_JrNCLBR2r3CGpt6lix-2xJGOoX0U8BVZu4AqQSrSDuEKFZlrrkx0Ygayomx4H5Bje8A6NX7DSRwWRFLdzBPSRzrdIE/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 #cccccc dotted; }
</style></div>
overflow: auto; height: 200px; width: 550px;
text-align: left;">
<div id="tb">
<script style="text/javascript" src="http://tutorialblogspot.googlecode.com/files/recentpostnothumbnail.js"></script>
<script style="text/javascript">var numposts = 20;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://kurniawan877.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="display:none;">Recent Post no Thumbnail by <a href="http://www.tutorialblogspot.com/">Tutorial Blogspot</a></div>
<style type=text/css>
#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPzZGwrJnahmW9VWhKksZ8If7xUKolNoH0amahdWqIl7e4bP-4t_JrNCLBR2r3CGpt6lix-2xJGOoX0U8BVZu4AqQSrSDuEKFZlrrkx0Ygayomx4H5Bje8A6NX7DSRwWRFLdzBPSRzrdIE/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 #cccccc dotted; }
</style></div>
- Kode warna HIJAU ganti dengan URL blog kalian
- black; adalah warna background
- Angka MERAH adalah lebar dan tinggi kotak, silahkan ganti ukuran sesuai dengan yang kalian inginkan
Related Post