Ad 468 X 60

2013-06-09

Cara memasang widget Recent post pada blog

posting terbaru

Cara memasang widget recent post pada blog- widget yang satu ini sudah banyak digunakan oleh para blogger didunia sebagai trik untuk meningkatkan jumlah pageview blog, widget ini sama kerjanya seperti widget recent comment cuma yang membedakan kalo recent post menampilkan posting terbaru kalo recent coment menampilkan comment terbaru. widget recent post atau yang sering disebut widget yang menampilkan artikel terbaru tidak membebankan dalam hal loading blog beda dengan recent post yang menggunakan feedburner yang memakan waktu sedikit lebih lama dari widget yang ini sebagai contoh sobat bisa melihat recent post blog ini disidebar kanan.





Fungsi dari Widget Recent Post

fungsi utama dari widget ini adalah menampilkan posting terbaru yang telah terpublikasikan dalam bentuk widget pada sidebar blog, kenapa harus menampilkan posting terbaru pada sidebar? hal ini dikarenakan 80% atau lebih pengunjung tiba pada artikel blog tidak pada halaman utama blog jadi dengan demikian widget ini membantu sobat untuk memberitahukan artikel terbaru pada sidebar dan dengan itulah pengunjung akan tahu bahwa itu merupakan artikel yang baru dan keuntungan lain dari widget recent posts ini adalah mampu meningkatkat jumlah pageview dan dapat mengurangi jumlah bounce rate yang tinggi.



Cara Memasang Recent Post pada Blog

1. login blogger
2. tata letak >> tambah gadget >> html/java script
3. copy paste script dibawah ini

<style>
img.recent_thumb {padding-right:10px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 55px;margin: 0px 0px 5px 0px;padding: 0;font-size:12px;font-color:black;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:0px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:13px;}
</style>
<script type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/recentpoststhumb.js"></script>
<script type="text/javascript">
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;

</script>
<script src="http://www.depermana-share.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script>

NOTE:

1. ganti tulisan berwarna merah dengan url blog sobat
2. pengrtian tentang tulisan berwarna biru:

  • var numpost merupakan jumlah posting yang akan tampil pada recent post
  • var showpostthumbnail menampilkan gambar pada recent post
  • var displaymore tautan link untuk membaca post fungsinya seperti readmore
  • var displayseparator menampilkan garis yang membatasi antara post satu dengan yang lainnya
  • varcommentnum menampilkan jumlah komentar
  • var showpostsummary menampilkan deskripsi tentang post
  • var numchars merupakan jumlah karakter dari deskripsi post
3. dan untuk menggunakan mau pun tidak, dapat menggunakan FALSE dan TRUE, saya asumsikan TRUE itu Ya dan FALSE itu Tidak, jadi ketika saya tidak ingin menampilkan var postsummary saya akan menuliskan FALSE.

Help

silakan tanyakan apa yang menjadi kendala sobat pada artikel saya ini pada kotak komentar dibawah ini, dan denga senang hati saya akan menjawab pertanyaan sobat :D. tolong ya sedikit bantuan untuk blog ini dengan mengklik like facebook fan page dibawah ini dan jangan lupa berlangganan artikel dari depermana12 dengan mensubscribe email sobat dibawah ini :D


Sharing is caring

8 comments

Terima kasih gan, tipsnya berhasil.
moving-forw4rd.blogspot.com

Gan, untuk custimize background dan bordernya bagaimana ya?

Tolong pencerahannya. :)
Terima kasih

terima kasih ya mas, artikel nya berhasil 100 %.

kunjungi juga kenali-negeri.blogspot.com

nice info sob ...


ditunggu kunjungannya
http://newbie-blogger2.blogspot.com/

Copyright 2014 Depermana12 - All Rights Reserved | Designed by Depermana12