Cara Buat Widget Posting Terbaru Seperti Pada Blog Sudut Hukum

Blogging | Bagaimana cara buat widget posting terbaru seperti pada blog sudut hukum?

mudah saja.... masuk ke blogger, terus tambahkan gadget baru... akan nampak seperti ini:

Terus Pilih yang ini:

terus tambahkan kode berikut:

<div class="recentpoststyle"> <script src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentposts.js"></script> <script> var posts_no = 7;var posts_date = false;var post_summary = false;var summary_chars = 80;</script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts"> </script><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://s-hukum.blogspot.com/" rel="follow"></a> <noscript>Your browser does not support JavaScript!</noscript> <style type="text/css"> .recentpoststyle {counter-reset: countposts;list-style-type: none;} .recentpoststyle a {text-decoration: none; color: #49A8D1;} .recentpoststyle a:hover {color: #000;} .recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 2;position:relative;font-size: 20px;font-weight: bold;color: #fff;background: #69B7E2; margin: 15px 5px 0px -6px; padding: 0px 10px; border-radius: 100%;} li.recent-post-title { padding: 5px 0px;} .recent-post-title { font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;} .recent-post-title a {color: #444;font-size: 13px; text-decoration: none; padding: 2px; font-weight: bold;} .post-date {padding: 5px 2px 5px 30px; font-size: 11px; color: #999; margin-bottom: 5px;} .recent-post-summ { border-left: 1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 11px; font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; font-size: 15px;} </style></div>

setelah itu simpan.... selamat mencoba.....

Akan terlihat seperti ini:

Share this post