Cara Membuat Recent Post Simple Di Sidebar. Halo Sobat Histutor, setelah sebelumnya saya pernah membuat atau memposting artikel tentang cara membuat Recent Post Keren SEO Friendly Ala Histutor, pada kesempatan berikut ini saya akan kembali membagikan sebuah tutorial cara membuat Recent Post di Sidebar yang simple dengan post snippet dan hanya Judul saja. Recent Post ini sangat ringan dan mudah dalam pemasanganya, jika sobat berminat silahkan ikuti langkah2nya dibawah ini.
 |
| Cara Membuat Recent Post Simple Di Sidebar |
2. Click On Tata Letak » Tambahkan Gadget
3. Pilih HTML/Javascript
4. Masukan Kode dibawah ini (pilih salah satu)
Recent Post Dengan Post Snippet
 |
| Recent Post Dengan Post Snippet |
<div id="rc-posta">
<script src="//cdn.rawgit.com/histutor/project/master/recentpost-snippet.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="/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://histutor.blogspot.com/" rel="nofollow" >Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#rc-posta a {color: #0B3861; font-size: 13px;}
#rc-co, #rc-co a {color:#808080;}
#rc-posta { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.rc-post a {font-weight:bold; }
.rc-postsumm {}
</style>Recent Post Hanya Judul Saja
 |
| Recent Post Hanya Judulnya Saja |
<div id="rc-postb">
<script style="text/javascript" src="//cdn.rawgit.com/histutor/project/master/recentpost-title-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="/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://histutor.blogspot.com/" rel="nofollow" >Recent Posts Widget</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#rc-postb a {color: #0B3861; font-size: 13px;}
#rc-co, #rc-co a {color:#808080;}
.rc-poste2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>5. Klik Simpan dan Selesai.
Silahkan tinggalkan komentar jika anda menemui kedala dalam pemasangan recent post ini, mari kita bahas bersama!
Demikian sedikit penjelasan tentang Cara Membuat Recent Post Simple Di Sidebar, jika ada kesalahan dalam penulisan saya mohon maaf dan semoga bermanfaat. Saya akan sangat senang dan berterimakasih jika sobat berkenan untuk berkomentar di blog ini.
0 Comments: