W w W. N y I n @ y M i N. o R g

03 February 2014

Simple Recent Posts Widget ​ေလး​ထည့္​ၾက​မယ္



​ေအာက္​က​ေခါင္း​စဥ္​အ​လိုက္ ​လုပ္​ေဆာင္​ႏိုင္​တာ​ေလး​ေတြ​ပါ...
  • display post titles only
  • change the number of posts
  • change the number of characters of the post snippet/excerpt
  • show the post dates


​ထည့္​နည္း​ေလး​က​ေတာ့  ​ရွင္း​ပါ​တယ္....

1. Log in to your Blogger Dashboard >> go to Design >> Add a Gadget >> choose HTML/JavaScript  ​မွာ ​ကုဒ္​ေတြ ​ထည့္​ေပး​လိုက္​ပါ

Option 1: ​သည္​ကုဒ္​က​ေတာ့ post  snippets ​ပံု​စံ​နဲ႔​ပါ...

<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" target="_blank" title="Grab this Recent Posts Widget">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#rpdr {background: url(http://3.bp.blogspot.com/-WM-QlPmHc6Y/T5wJV58qj9I/AAAAAAAACAk/1kULxdNyEyg/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

Option 2: ​သည္​ကုဒ္​က​ေတာ့ Post Titles ​ေလး​သာ ​ျပ​တဲ့  ​ကုဒ္​ပါ။

<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#rpdr {background: url( http://3.bp.blogspot.com/-WM-QlPmHc6Y/T5wJV58qj9I/AAAAAAAACAk/1kULxdNyEyg/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

3. ​ေျပာင္း​လဲ​ေပး​ႏိုင္​တာ​ေလး​ေတြ​က​ေတာ့ 5 (option 1) ​နဲ႔  10 (option 2) ​တို႔​ကို ​မိ​မိ​တို႔ ​ပို႔​အ​ေရ​အ​တြက္ ​လို​သ​လို ​ေျပာင္း​ႏိုင္​ပါ​တယ္.. ​ေနာက္​ထပ္ false to true if you want the posts dates to appear, and change 100 (option 1) if you want more characters to be displayed.
​မိ​မိ​တို႔​ဘ​ေလာ့​ခ်ပ္​သာ ​ကို your-blog ​ေန​ရာ​မွာ ​အ​စား​ထိုး​ေပး​ပါ။ ​ဒို​မိန္း ​အ​ပါ​ဝင္​ေပါ့
​ဥ​ပ​မာ.............။.............
http://www.your-site.com/feeds/posts/default....

4. Save​လိုက္​ရင္ ​ရ​ပါ​ၿပီ​ဗ်ာ.... ​အ​ဆင္​ေျပ​ပါ​ေစ
​သည္​ေန​ရာ  ​က​ေန ​အ​ဆင္​ေျပ​သ​လို ​ဘာ​သာ​ျပန္​သည္။
​ခု​လို​အား​ေပး​တဲ့​အ​တြက္ ​အ​ထူး​ေက်း​ဇူး​တင္​ပါ​ေၾကာင္း ​ေျပာ​ၾကား​ပါ​ရ​ေစ..​ဘ​ေလာ့​ခ​ရီး​သည္​မွ ​နည္း​ပ​ညာ​မ်ား​အား ​မည္​သူ​မ​ဆို ​လြတ္​လပ္​စြာ ​ကူး​ယူ​သံုး​စြဲ​ႏိုင္​ပါ​တယ္.. ​က်ြန္​ေတာ္ ​ပိုင္​ဆိုင္​ေသာ​ေန​ရာ​ေလး​မ်ား​အား ​ဆက္​လက္ ​လည္​ပါတ္​လို​ပါ​က ***************************************
​ဘ​ေလာ့​ခ​ရီး​သည္​သို႔ { ​ဒီ​မွာ } ​သြား​လိုက္​ပါ
​လယ္​တီ​ေျမ​သား​သို႔{ ​ဒီ​မွာ } ​သြား​လိုက္​ပါ
​စာ​ေပ​နန္း​ေတာ္​သို႔{ ​ဒီ​မွာ } ​သြား​လိုက္​ပါ


0 comments:

Post a Comment