Cara Mudah Memasang Widget Artikel Terbaru Dengan Gambar

Sahabatinet.com Kali ini akan membagikan Cara memasang widget postingan terbaru dengan gambar mungkin sudah banyak dibahas para master - master blogger yang lain secara rinci. 

Saya akan menegaskan kembali bagi sobat yang mungkin masih bingung dan kurang jelas mengenai pemasangan widget postingan terbaru bisa mengikuti langkah - langkah yang akan saya berikan.

Sebagai blogger pemula pasti menginginkan blognya bisa memiliki tampilan yang bagus dan lengkap seperti blogger - blogger yang lain.

Maka dari itu untuk mengatur semua itu butuh sebuah panduan atau tutorial blog yang jelas dan memiliki urutan - urutan yang jelas pula supaya dalam mendesign blog tidak harus mencari kesana kemari yang kadang malah membingungkan.

Maka dari itu sahabatinet.com membuat tutorial khusus bagi yang ingin membangun blognya dari nol hingga tampil cantik nan indah.

Desain blog yang indah akan memberikan kesan positif bagi pengunjung untuk betah berlama - lama dalam blog sobat, sehingga desain perlu sobat perhatikan juga.

Baca juga : Langkah - Langkah Membangun Blog Mulai Dari Nol

Kembali ke pembahasan awal mengenai pemasangan widget artikel terbaru sobat bisa mengikuti langkah - langkah dibawah ini :

• Masuk ke dasboard blog sobat.
• Pilih Menu Tata Letak > Tambahkan Gadget pada kolom Sidebar.
• Pilih gadget bertipe HTML/ Javascrip
• Silahkan Copas scrip dibawah ini dan taruh didalam gadget HTML/Javascrip

<style scoped='' type='text/css'> ul.recent_posts_arlina li{display:inline-block;border:0;margin:2px 0;padding:5px 0;position:relative;width:100%} .recent_posts_arlina .wrapinfo{display:inline-block;margin:0 10px 0 0;overflow:hidden;z-index:2;position:relative;width:60px;height:60px;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:13px;} .recent_posts_arlina strong {font-size:13px;} ul.recent_posts_arlina li a{color:#222;font-weight:700;line-height:normal} ul.recent_posts_arlina li a:hover{color:#e74c3c} </style><br /> <script style='text/javascript' src='https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/recentpostarlina.js'></script><br /> <script style='text/javascript'> var numposts=5,showpostthumbnails=!0,displaymore=!1,displayseparator=!1,showcommentnum=!1,showpostdate=!1,showpostsummary=!1,numchars=0; </script><br /> <script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=recentpostinfoarlina'></script>

• Klik Simpan Widget Jika berhasil maka akan tampil postingan artikel terbaru seperti dibawah ini.

Bagi sobat yang masih mengalami kesulitan bisa tinggalkan komen dibawah siapa tau saya bisa membantu kesulitan sobat.

Share :