Cara Memasang Widget Artikel Terbaru / Recent Post Dengan Mudah -- Assalamualaikum sobat semua, Alhamdulillah pada siang hari ini saya bisa berbagi tutorial pada sobat semua, karena hari ini hari minggu jadi saya ada waktu luang buat update blog saya..
Recent post / artikel terkait memang sangat perlu di pasang di sebuah blog, karena itu sebuah pemberitahuan dari kita pada visitor di blog kita bahwa ada artikel terbaru, siapa pengunjung tadi tertarik dengan artikel yang baru kita tulis. Dan bagi sobat blogger yang belum memasang widget recent post dan pengen mencobanya, sangat mudah..
1. Buka blog sobat
2. Pilih Tata Letak kemudian klik Tambahkan Gadget (terserah sobat pengen yang bagian mana)
3. Kalau sudah muncul halaman Tambahkan Gadget silahkan sobat pilih HTML / JavaScript setelah itu pastekan script di bawah ini
<style>
img.recent_thumb {padding-left:20px;padding-right:padding-bottom:0px;0px;width:70px;height:70px;border:0;float:right;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:13px;font-color:green;}
.recent_posts_with_thumbs {padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:12px;font-style:arial}
</style>
<script type="text/javascript" src="https://njilun2.googlecode.com/svn/recentpost(njilun).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 = true;
var numchars = 100;
</script>
<script src="http://mbahelak.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script>
img.recent_thumb {padding-left:20px;padding-right:padding-bottom:0px;0px;width:70px;height:70px;border:0;float:right;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:13px;font-color:green;}
.recent_posts_with_thumbs {padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:12px;font-style:arial}
</style>
<script type="text/javascript" src="https://njilun2.googlecode.com/svn/recentpost(njilun).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 = true;
var numchars = 100;
</script>
<script src="http://mbahelak.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script>
Warna merah ganti dengan URL blog sobat ya... Untuk lebih jelasnya silahkan sobat perhatikan gambar di bawah ini
4. Langkah yang terakhir klik simpan dan silahkan lihat hasilnya...
Sekian dulu sob dari saya, semoga artikel yang singkat dari saya ini bisa berguna buat sobat semua, terima kasih sudah mau mampir di blog saya, jangan lupa coret-coretnya sob...
Tidak ada komentar:
Posting Komentar