....

Cara Membuat Recent Post Tanpa Gambar

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

  • SUBHANALLAH
  • ALHAMDULILLAH
  • ALLAHU AKBAR
  • LA ILAHA ILLALLAH
  • ALLAHUMMA SHOLLI 'ALA MUHAMMAD
Cara Membuat Widget Recent Post Tanpa Gambar
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/AVvXsEgw1enWEZPMrtvFa-unBMTewku2n8-7hWvpMrKVOySpUeCkjgf1O7WbMWmP0fJ4J7QPQRlQmQinhMEBQ6eJBcWC9CqI8SNXeRIUU60SvzTxAV_4Zim7EGnxb26D3XvABuUl0owr8kOxzWm-/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 saya jelaskan, recent post berisi judul artikel terbaru pada blog kita, jadi dengan memasang widget ini dapat meningkatkan page view blog kita, okeh kalau begitu selamat mencoba ia. terimakasih.
  • ASTAGHFIRULLAHAL 'ADZIM
  • Aku mohon ampun kepada Allah yang Maha Agung

17 Responses to "Cara Membuat Recent Post Tanpa Gambar "

  1. Kalo pake gambar yang slide gimana gan?

    ReplyDelete
    Replies
    1. pada tutorial sebelum nya ada gan cari aja di sitemap

      Delete
  2. Punya blog saya sudah ada headline news seperti blog ini :D jaidnya nggak praktek deh, tapi bagus kok mas :D

    ReplyDelete
  3. terima kasih atas informasi yang bermanfaat ini , sukses selalu

    ReplyDelete
  4. terima kasih sob atas tutorialnya ^_^

    salam blogger :D

    ReplyDelete
  5. makasih gan tutornya mau langsung pasang...

    ReplyDelete
  6. terimakasih sob...
    sangat bermanfaat sekali....

    ReplyDelete
  7. terimakasih banyak gan
    udah pasang nih

    ReplyDelete
  8. sangat membantu, terimakasih banyak boss (y)

    ReplyDelete

Terimakasih :)