Cara Membuat Recent Post Blog/Blogspot
Cara Membuat Recent Post Blog/Blogspot - Recent post sangat penting bagi sebuah blog. Kenapa?? Karena pengunjung tidak mengetahui posting baru apa saja yang terlewatkan kecuali pengunjung tsb pengunjung setia dan telah berlangganan artikel di blog kita. Wah ternyata penting banget ya? Iya dong. Nah pada kesempatan kali ini kepo-info membagikan 2 jenis recent post. Recent post dengan deskripsi dan recent post hanya dengan judul post. Berikut penampakannya :
Lalu, Bagaimana Cara Membuat Recent Postnya??
1. Login blogger
2. Tata Letak > Tambah gadget > HTML/JavaScript
Masukkan kode dibawah ini
Recent Post dengan Deskripsi :
<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://kepo-info.blogspot.com/2015/06/cara-membuat-recent-post-blogblogspot.html" rel="nofollow" >GET THIS WIDGET!!</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>
Note:<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://kepo-info.blogspot.com/2015/06/cara-membuat-recent-post-blogblogspot.html" rel="nofollow" >GET THIS WIDGET!!</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>
1. Ganti angka numposts = 5 dengan jumlah post yang ingin ditampilkan.
2. Ganti showpostdate = false dengan true untuk menampilkan posting sesuai tanggal yang diinginkan
3. Ganti numchars = 100 dengan jumlah karakter yang diinginkan
4. Ganti http://blog-address.com dengan URL blog kalian
5. Ganti #0B3861; untuk mengganti warna font judul post
6.Ganti #999999; untuk mengganti warna font deskripsi
Recent Post Hanya Dengan Judul
<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 = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://kepo-info.blogspot.com/2015/06/cara-membuat-recent-post-blogblogspot.html" rel="nofollow" >GET THIS WIDGET!!</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>
Note sama seperti diatas :D :v<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://kepo-info.blogspot.com/2015/06/cara-membuat-recent-post-blogblogspot.html" rel="nofollow" >GET THIS WIDGET!!</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>
7. Simpan & ENJOY!
