Monday, 15 June 2015

Cara Membuat Recent Post Blog/Blogspot

06:33
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 :

Cara-membuat-recent-post-di-blogCara-membuat-recent-post-di-blog
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&amp;alt=json-in-script&amp;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:
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 #0B3861untuk mengganti warna font judul post
6.Ganti #999999untuk 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

7. Simpan & ENJOY!

Thanks for reading Cara Membuat Recent Post Blog/Blogspot

Related Posts

Your Comments

No comments:

Post a Comment

Dimohon untuk tidak promosi. Dimohon untuk menggunakan kata-kata yang sopan dalam berkomentar. Terima kasih atas kunjungannya.

Copyright © Kepo Info. All rights reserved. Template by CB Blogger