Widget / HTML Recent Posts

Assalamu'alaikum. Wr.Wb

Selamat siang Sobat terima kasih yah sudah mau berkunjung. Di siang saya akan melanjutkan posting / berbagi ilmu mengenai Cara memasang / menambahkan  widget Recent Post di Blog kita. untuk Popular Posts sudah kemarin ya atau klik disini

Ok Langkah - langkahnya sebagai berikut:

1. Buka blog anda di menu "Blog Saya" Klik lihat Entri ( ) lalu klik pengaturan " Tata Letak " >
2. Lalu pilih klik add widget yang anda inginkan misal di samping kanan blog kita, klik tambahkan widget/gadget. >
3. Disitu nanti akan keluar jendela kecil baru bertuliskan Tambahkan Gadget lalu pilih dan klik HTML/javacript >
4. Nanti akan keluar jendera kecil baru lalu Isi judul " Recent Posts / sesuka anda " >
5. Copy kode di bawah ini lalu paste kode tepat di konten.

<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentpoststhumbs.js"></script><script style="text/javascript">var posts_no = 5;var showpoststhumbs = true;var readmorelink = true;var showcommentslink = true;var posts_date = true;var post_summary = true;var summary_chars = 70;</script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com" rel="nofollow">Recent Posts Widget</a><noscript>Your browser does not support JavaScript!</noscript><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/><style type="text/css">img.recent-post-thumb {padding:2px;width:65px;height:65px;float:left;margin: 0px 10px 10px; background: #fff; border: 1px solid #69B7E2;}.recent-posts-container {font-family: 'Oswald', sans-serif;  float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent-posts-container li {position:relative;padding:5px 0px;min-height:65px; list-style-type: none; margin-bottom: 5px;}ul.recent-posts-container {counter-reset: countposts;list-style-type: none;}ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 15px; font-size: 13px;font-weight: bold;color: #fff;background: #69B7E2;padding: 4px 10px; border-radius: 100%;}.recent-posts-container a { text-decoration:none; }.recent-post-title a {font-size: 13px; text-transform: uppercase; color: #2aace3;}.recent-posts-details {margin: 5px 0px 0px 92px; }.recent-posts-details a{ color: #777;}</style>

Ok sekian dari saya bila ada pertanyaan silahkan komen atau bisa menghubungi saya bila terburu-buru..

" Orang Sukses/ Pintar itu tidak dilahirkan langsung Pintar / Sukses tetapi dari mereka belajar, memahami dan menerapkan/ menjalankan ilmu yang di dapatnya tersebut di dalam kehidupannya .Berbagi ilmu meskipun sepele tapi manfaatnya besar bagi yang membutuhkan dan merupakan amal kebaikan untuk kita diakhirat kelak ...aamiin"

untuk selanjutnya Cara Menambah Widget / HTML Random Posts.