Cara Membuat Recent Post Tanpa Gambar - pada kesempatan kali ini saya mau share cara untuk membuat sebuah widget recent post di blogger, namun widget yang saya share cara membuat nya ini, tidak di sertai gambar, jadi hanya tulisan judul artikel nya saja, dengan begitu loading blog pun akan semakin cepat.
Agan bisa lihat demo nya , pada sidebar kanan pada nama widget "ARTIKEL PILIHAN" Di blog saya, kelebihan pada widget ini mungkin terletak pada tampilan nya yang simpel dan tidak memberatkan loading blog, di bawah ini adalah langkah langkah untuk membuat recent post di blog :
1. Login Di blogger
2. Pilih Tata Letak
3. Pilih Html/JavaScript
4. Masukan kode script dibawah ini
<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://fujianto21-chikafe.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/AVvXsEi2AYNCWXGp5Ny3W1wuth3wULHqEbrvCMJyh7muuCzJKDdjh_PHToKQNHU0rzAQ6T4JS1Ws6vVAjttQWUUYUuwBVWxovm3fnn5E6FC3kXR8eGfxpD3kuerXK0EwFVd2RqGoN3erhm_9zay0/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>
Keterangan :
- Tulisan http://fujianto21-chikafe.blogspot.com : Ganti dengan url blog agan
- Tulisan var numposts = 10 : Itu jumlah judul postingan yang di tampilkan, silahkan sesuaikan ( kalau mau 5 postingan ganti dengan angka 5 )

0 comments:
Posting Komentar
Thank for your visit, leave your suggestions and comments in the fields below ...
Silahkan meninggalkan komentar anda sehingga kita dapat berbagi pemikiran Anda dengan pengunjung lainnya.