Cara membuat Widget recent post

Cara membuat Widget recent post

Widget recent post atau artikel terbaru wajib ada di blog kita. Selain membuat blog terlihat cantik, juga akan memudahkan pengunjung untuk mengakses posting paling baru di blog. Apalagi visitor yang datang dari search engine yang menemukan blog kita dari hasil pencarian di mesin pencari. Widget recent post sangat bagus untuk menambah jumlah pagesview di blog. Karena tidak semua pengunjung blog datang dengan menulis alamat URL blog kita di addres bar browser.

Setidaknya, ada 2 cara mudah memasang widget artikel terbaru. Dengan memakai script dan memanfaatkan fitur RSS FEED dari goole. Mari kita ikuti cara membuat widget recent post dibawah ini.

Cara pertama

Widget recent post dengan thumnail dan snippet by ArlinaDesign. Widget yang super keren dan mantap ini saya dapatkan dari template simplify Mbak Arlina. All credit goes to Her.

• Masuk ke dashboard blogger dan klik layout/tata letak.
• Di kolom sidebar, klik add gadget dan pilih HTML/JavaScript.
• Copy script dibawah ini dan paste di kolom kedua. Untuk kolom pertama/kolom judul, isi sesuai selera.
• Bila sudah selesai, tinggal klik save dan hasilnya bisa dilihat di sidebar blog ini.

<style scoped='' type='text/css'>
ul.recent_posts_arlina li{display:inline-block;margin:0;padding:10px 0;position:relative;width:100%}
ul.recent_posts_arlina li:last-child {border:0;}
.recent_posts_arlina .wrapinfo{display:inline-block;margin:0 10px 0 0;overflow:hidden;z-index:2;position:relative;width:62px;height:62px;float:left}
ul.recent_posts_arlina li img.recent_thumb{width:100%;height:auto}
.recent_posts_arlina {float:left;width:100%;margin:10px 10px 5px 0px;padding:0;font-size:.9rem;}
.recent_posts_arlina strong {font-size:13px;}
ul.recent_posts_arlina li a{color:#000;font-weight:700;line-height:normal}
ul.recent_posts_arlina li a:hover{color:#138be6}
.recent_posts_arlina i{font-style:normal;color:#000;font-size:13px}
</style>
<script style='text/javascript' src='https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/recentpostarlina.js'></script>
<script style='text/javascript'>
var numposts=5,showpostthumbnails=!0,displaymore=!1,displayseparator=!1,showcommentnum=!1,showpostdate=!1,showpostsummary=!0,numchars=0;
</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=recentpostinfoarlina'></script>

keterangan :
numposts=5 jumlah artikel yang ingin ditampilkan.
numchars=0 jumlah karakter snippet yang ingin ditampilkan.

Cara kedua

Cara yang kedua ini memanfaatkan fitur widget FEED bawaan blogger dengan tampilan berupa judul postingan saja, tanpa snippet dan thumbnail. Bila RSS FEED anda belum aktif, coba kunjungi feeds.feedburner.com dan aktifkan.

• Masuk ke dashboard blogger,Layout/tata letak lalu pilih add gadget dan pilih FEED lalu masukkan URL alamat RSS FEED anda.
• Klik lanjutkan/continue dan anda akan diteruskan ke halaman selanjutnya untuk mengatur tampilan RSS FEED.
• Ganti judul dengan recent post atau artikel terbaru terserh anda lalu klik save. Selesai.

Sekian artikel cara membuat recent post kali ini. Semoga dapat membantu. Bila ada yang tidak jelas bisa bertanya di kolom komentar.