- SUBHANALLAH
- ALHAMDULILLAH
- ALLAHU AKBAR
- LA ILAHA ILLALLAH
- ALLAHUMMA SHOLLI 'ALA MUHAMMAD
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
Keterangan :
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.
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 )
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
Kalo pake gambar yang slide gimana gan?
ReplyDeletepada tutorial sebelum nya ada gan cari aja di sitemap
DeletePunya blog saya sudah ada headline news seperti blog ini :D jaidnya nggak praktek deh, tapi bagus kok mas :D
ReplyDeleteiya bagus mas
Deleteterima kasih atas informasi yang bermanfaat ini , sukses selalu
ReplyDeleteterima kasih sob atas tutorialnya ^_^
ReplyDeletesalam blogger :D
Mau nyoba mudah mudahan berhasil
ReplyDeleteBerhasil
ReplyDeletemakasih gan tutornya mau langsung pasang...
ReplyDeleteThank's bro
ReplyDeleteterimakasih sob...
ReplyDeletesangat bermanfaat sekali....
makasih booosss google adsense nya keren ih
ReplyDeletethanks bgt gan
ReplyDeleteterimakasih banyak gan
ReplyDeleteudah pasang nih
saya copy kode nya mas. thanks
ReplyDeletethank bro
ReplyDeletesangat membantu, terimakasih banyak boss (y)
ReplyDelete