Random Post Widget ျပုလုပ္နည္း

ကြၽန္ေတာ္တုိ႕ မိမိတုိ႕ေရးထားတဲ႕ Post အေရးအတြက္မ်ားလာရင္ ကုိယ္ေရးတဲ႕ Post တုိင္းကုိ စာဖတ္သူအားလုံးဖတ္ဖုိ႕ဆုိတာ မလြယ္ကူပါဘူး။ ဒါေၾကာင္႕ မိမိေရးထားတဲ႕ Post ေတြကို တစ္ၾကိမ္ကုိ (၁၀)Post ႏုန္းနဲ႕ ကြၽန္ေတာ္တုိ႔ တစ္လည္စီ Post အားလုံးကုိ အခုလုိ Random ေခါက္ေပးလုိ႕ရပါတယ္။ မိမိမွာ Post အေရးအတြက္ ၂၀၀ ရွိရင္ ၂၀၀ လုံးျပည္႔ေအာင္ ေဖာ္ျပေပးေနမွာျဖစ္ပါတယ္။ႏွစ္နည္း တင္ျပေပးပါမည္။ သင္႕ေတာ္တဲ႕ နည္းကုိအသုံးျပဳပါ။

ပထမနည္း
1.မိမိ Blog မွ layout ကုိ click လုိက္ပါ။
2.Page elements မွ Add a Gadget ကုိ click လုိက္ပါ။
3.HTML/ JavaScript ကုိ click ျပီ ေအာက္က code ကုိ ထည္႕လုိက္ပါ. ျပီရင္ Save လုိက္ေပါ႔။

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=5;var wordnumber=5;</script>
<script style="text/javascript" src="http://www.hotlinkfiles.com/files/2791619_bbkmm/12345.js]12345.js">
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

မွက္ခ်က္။ ။ ကြၽန္ေတာ္ အနီေရာင္နဲ႕ ျပထားတဲ႕ေနရာမွာ ကုိယ္ပုိင္း Hosting တင္ျပီ အသုံးျပဳခ်င္ရင္ JavaScript ကုိ upload တင္ေပးလုိက္ပါတယ္။
ဒီမွာ Down ပါ

ဒုတိယနည္း

ဒီနည္းကေတာ႕ ဘာမွ Hosting ျပန္တင္စရာမလုိပါဘူး ဒီအတုိင္း အသုံးျပဳရုံးပါဘဲ။ ပထမနည္းအတုိင္း လုပ္ေဆာင္လုိက္ပါ။


<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=6;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Posted in: Blog