Home
WIDGET

Recent Post Widget For Blogger

Recent Post Widget


ဒါက​တော့ Recent Post ကိုဒီဇိုင်းတစ်မျိုးနဲ့ပြုလုပ်ထားတာပါ။​အောက်မှာဒီဇိုင်းပုံပြထားပါတယ်ကြိုက်လို့သုံးချင်တယ်ဆိုရင်သိတဲ့သူအတွက်ကမခက်ခဲ​ပေမယ့်မသိတဲ့သူ​တွေအတွက်ကျ​တော့နဲနဲ​တော့ခက်ခဲ​နေမှာပါ။​အောက်မှာပြုလုပ်ပုံအဆင့်ဆင့်ကိုပုံနှင့်တကွ​ဖော်ပြ​ပေးလိုက်ပါတယ်



  1. မိမိ blog site ကိုaccount အရင်ဝင်ပါ
  2. dashboard ထဲက Layout ကိုနှိပ်
  3. Add a Gadget ကိုနှိပ်
  4. HTML/Java Script ကိုနှိပ်
  5. အောက်က Code တွေ copy ယူပြီးထည့်
  6. save ကိုနှိပ်ပြီးပါပြီ

 <div class="recentpostarea">
  <style type="text/css">
.recentpostarea {list-style-type: none;counter-reset: countposts;}
.recentpostarea a {text-decoration: none; color: #49A8D1;}
.recentpostarea a:hover {color: #000;}
.recentpostarea li:before {background: #69B7E2;float: left;counter-increment: countposts;content: counter(countposts,decimal);z-index: 2;position:relative;font-size: 20px;font-weight: bold;color: #fff; padding: 0px 10px; margin: 15px 5px 0px -6px; border-radius: 100%;}
li.r-p-title { padding: 5px 0px;}.r-p-title { font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.r-p-title a {text-decoration: none;color: #444;font-weight: bold;font-size: 13px; padding: 2px;}
.recent-post-date {padding: 5px 2px 5px 30px; font-size: 11px; color: #999; margin-bottom: 5px;}
.r-p-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>
<script type = "text/JavaScript">
function showrecentposts(json) {for (var i = 0; i < posts_number; i++) { var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}} posttitle = posttitle.link(posturl);var readmorelink = "... read more";readmorelink = readmorelink.link(posturl); var postdate = entry.published.$t;var showyear = postdate.substring(0,4);var showmonth = postdate.substring(5,7);var showday = postdate.substring(8,10);var monthnames = new Array(); monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec"; if ("content" in entry) {var postcontent = entry.content.$t;}else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; var re = /<\S[^>]*>/g; postcontent = postcontent.replace(re, ""); document.write('<li class="r-p-title">');document.write(posttitle);document.write('</li><div class="r-p-summ">');if (post_summary == true) {if (postcontent.length < summary_chars) {document.write(postcontent);} else { postcontent = postcontent.substring(0, summary_chars);var quoteEnd = postcontent.lastIndexOf(" ");postcontent = postcontent.substring(0,quoteEnd);document.write(postcontent + ' ' + readmorelink);}} document.write('</div>'); if (posts_date == true) document.write('<div class="recent-post-date">' + monthnames[parseInt(showmonth,10)] + ' ' + showday + ' ' + showyear + '</div>'); }} 
</script> 
<script> 
var posts_number = 9; var posts_date = true; var post_summary = true; var summary_chars = 80; 
</script> 
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script> 
<noscript>Your browser does not support JavaScript!</noscript>
</div>

Post a Comment