Monday, May 20, 2019

Cara Mudah Membuat Widgets Recent Posts

Monday, May 20, 2019

Cara Mudah Membuat Widgets Recent Posts

Blogger mempunyai widgets popular post dan recent post sebagai widgets bawaannya,Namun sepertinya, widgets bawaan blogger tidak bisa dimodifikasi supaya kelihatan lebih menarik. agar tampilan recent posts blognya lebih menarik dan elok di pandang oleh para pengunjung maupun admin sendiri di situsblog maka dari itu, artikel kali ini akan memberikan cara membuat recent posts atau belajar cara membuatnya Thumbnail dan Mudah.

Widgets ini akan menampilkan posting-posting artikel terbaru dari blog yang kita kelola sendiri dengan jumlah tampilan yang bisa di sesuaikan selera masing-masing. Selain itu widget ini bisa Thumbnail secara otomatis dan berikut uraianya di bawah ini;

Cara Membuat Recent Post dengan Thumbnail
Pertama #. Login ke Draft Blogger
Kedua #. Pilih Tata Letak kemudian Tambah Gadget
Ketiga #. Pilih HTML/JavaScript
Keempat #. Masukan kode HTML berikut ini:


<style type='text/css'>
img.recent_thumb {padding:1px;width:72px;height:72px;border:0;
float:left;margin: 10px 10px 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;margin: 10px 10px 5px 0px;padding: 0;font-size:13px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;}
.recent_posts_with_thumbs strong {font-size:12px;}</style>
<script style='text/javascript' src='http://recent-post-techkgp.googlecode.com/files/recent%20post_www.techkgp.com.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 150; </script>
<script src='https:// www.iyaseo.id/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>


Jangan lupa ganti dan Simpan  → www.iyaseo.id/ dengan alamat url blognya ya widgets jika sudah selesai. sahabat blogger.

Untuk Kritik Dan Saran Silahkan Tinggalkan Komentar di Kolom Komentar Yang Sudah Tersedia di Bawah Postingan Ini...Atau Menshare Ke Medsosnya Sahabat blogger.

Show comments
Hide comments