ေအာက္ကေခါင္းစဥ္အလိုက္ လုပ္ေဆာင္နိဳင္တာေလးေတြပါ...
ထည့္နည္းေလးကေတာ့ ရွင္းပါတယ္....
1. Log in to your Blogger Dashboard >> go to Design >> Add a Gadget >> choose HTML/JavaScript မွာ ကုဒ္ေတြ ထည့္ေပးလိုက္ပါ
Option 1: သည္ကုဒ္ကေတာ့ post snippets ပုံစံနဲ႕႔ပါ...
Option 2: သည္ကုဒ္ကေတာ့ Post Titles ေလးသာ ျပတဲ့ ကုဒ္ပါ။
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 ေနရာမွာ အစားထိုးေပးပါ။ ဒိုမိန္း အပါ၀င္ေပါ့
- 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&alt=json-in-script&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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBhwV7kRYPBA0ifjm-LJ_miUUl52hbuexkSxReKWpUm_iqWOqaH5QrFbRlLqpDw1z-lOH5QwxIxanzO2qtQcJSHJtarCULpbn2Zt4-t4e07ZtmuTLxbvVi2yoW4JTcZR5B5U-mN-hXN4hZ/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( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBhwV7kRYPBA0ifjm-LJ_miUUl52hbuexkSxReKWpUm_iqWOqaH5QrFbRlLqpDw1z-lOH5QwxIxanzO2qtQcJSHJtarCULpbn2Zt4-t4e07ZtmuTLxbvVi2yoW4JTcZR5B5U-mN-hXN4hZ/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 ေနရာမွာ အစားထိုးေပးပါ။ ဒိုမိန္း အပါ၀င္ေပါ့
ဥပမာ.............။.............
4. Saveလိုက္ရင္ ရပါျပီဗ်ာ.... အဆင္ေျပပါေစ
http://www.your-site.com/feeds/posts/default....
4. Saveလိုက္ရင္ ရပါျပီဗ်ာ.... အဆင္ေျပပါေစ
သည္ေနရာ ကေန အဆင္ေျပသလို ဘာသာျပန္သည္။
www.ledimyethar.com
www.depelyin.co.cc
www.aungkyaw.com
0 comments:
Post a Comment