Dunia Blogging-Membuat Recent Post Di Blog Cara Seo-Siang sob,siang sudah hampir berlalu bingung mau nulis apa,aq lihat lihat di blog sendiri,eh kepingin nulis cara memasang recent post hehehe.
Recent Post itu berguna untuk menampilkan artikel terbaru kita yang barusaja di publiskan,banyak widget recent post ada yang slide ada juga yang ada gambarnya,tapi yang saya share ini recent post tanpa gambar dan tidak mengurangi kecepatan loading blog,tetep wusss hehehe.
Banyak sekali sobat blogger yang memasang recent post yang slide maupun yang bergambar,menurut saya kalau hanya membuat cantik tampilan sebuah blog,untuk apa bila kita tak mengisi artikel yang berkualitas di blog,karna kualitas artikel lah yang membuat pengunjung betah di blog kita,bukan karena cantiknya blog kita.
Berikut langkah memasang recent post di blogspot.
1.Masuk di Blogger dan login
2.Pilih tata letak lalu pilih html javascript
3.Lalu masukkan code di bawah ini dan rubah url di bawah ganti dengan url blog sobat.
<div id="tb">
<script style="text/javascript" src="http://tutorialblogspot.googlecode.com/files/recentpostnothumbnail.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://compyku.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/AVvXsEipoiiY6unSN4awE8Tz0vA0i1Il4HkGOpF-dVBBihi4fSF1_OhWqao80b14Oq-zo-YkDkPBZ1qeLns1JJXKTIS_AtOEaeSDRaKH-xCtOZMIOo7Io-krav3YsSm7iGPTVP5n1vx_MhScDPCA/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>
Recent Post itu berguna untuk menampilkan artikel terbaru kita yang barusaja di publiskan,banyak widget recent post ada yang slide ada juga yang ada gambarnya,tapi yang saya share ini recent post tanpa gambar dan tidak mengurangi kecepatan loading blog,tetep wusss hehehe.
Banyak sekali sobat blogger yang memasang recent post yang slide maupun yang bergambar,menurut saya kalau hanya membuat cantik tampilan sebuah blog,untuk apa bila kita tak mengisi artikel yang berkualitas di blog,karna kualitas artikel lah yang membuat pengunjung betah di blog kita,bukan karena cantiknya blog kita.
Berikut langkah memasang recent post di blogspot.
1.Masuk di Blogger dan login
2.Pilih tata letak lalu pilih html javascript
3.Lalu masukkan code di bawah ini dan rubah url di bawah ganti dengan url blog sobat.
<div id="tb">
<script style="text/javascript" src="http://tutorialblogspot.googlecode.com/files/recentpostnothumbnail.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://compyku.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/AVvXsEipoiiY6unSN4awE8Tz0vA0i1Il4HkGOpF-dVBBihi4fSF1_OhWqao80b14Oq-zo-YkDkPBZ1qeLns1JJXKTIS_AtOEaeSDRaKH-xCtOZMIOo7Io-krav3YsSm7iGPTVP5n1vx_MhScDPCA/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>
5.Tinggal simpan dan lihat hasilnya.
