-->

Cara Menciptakan Recent Post Tanpa Gambar

Cara Membuat Widget Recent Post Tanpa Gambar  Cara Membuat Recent Post Tanpa Gambar
Cara Membuat Recent Post Tanpa Gambar - pada kesempatan kali ini aku mau share cara untuk menciptakan sebuah widget recent post di blogger, namun widget yang aku share cara menciptakan nya ini, tidak di sertai gambar, jadi hanya goresan pena judul artikel nya saja, dengan begitu loading blog pun akan semakin cepat.

Agan sanggup lihat demo nya , pada sidebar kanan pada nama widget "ARTIKEL PILIHAN" Di blog saya, kelebihan pada widget ini mungkin terletak pada tampilan nya yang mudah dan tidak memberatkan loading blog, di bawah ini ialah langkah langkah untuk membuat recent post di blog :

1. Login Di blogger
2. Pilih Tata Letak
3. Pilih Html/JavaScript
4. Masukan isyarat 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/AVvXsEjYvu7muZdIjgSA693PJsSnu45WNu6PLSYRNiNuYEItSGJxFDGZsTs1QmZN8hRmRvZVh5mCrOIbFxA72TQZXwxoBYXksKHc4mFaAJzp-6vBM-pfzAU-qHJJ7qhlNu2SVYA9WFuH-_AsMgiM/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 )
5. Klik Save

Demikian Cara Membuat widget recent post tanpa gambar di blog, sedikit aku jelaskan, recent post berisi judul artikel terbaru pada blog kita, jadi dengan memasang widget ini sanggup meningkatkan page view blog kita, okeh jikalau begitu selamat mencoba ia. terimakasih.

0 Response to "Cara Menciptakan Recent Post Tanpa Gambar"

Post a Comment