မာတိကာ တစ္ခု ဖန္တီးျခင္း (AJAX)

မာတိကာဆိုတာ ဘေလာ့္ဂ္တိုင္းအတြက္ အေရးပါပါတယ္။ ဒါမွ စာဖတ္သူဟာ ဘယ္ပို႔စ္ကို ဖတ္ရမလဲဆိုတာ မာတိကာကုိ ၾကည့္ၿပီး ေရြးႏိုင္မွာပါ။ Blog Archives မွာ ရွိရွိသမွ် ပို႔စ္ေတြ အားလံုးကို ေဖာ္ျပေပးဖို႔ လုပ္ထားလုိ႔ရေပမယ့္ သူက ေန႔စြဲေတြနဲ႔ ခဲြထားတာေၾကာင့္ အျမင္႐ႈပ္ေနႏိုင္ပါတယ္။ ေနာက္ၿပီး ေန႔စြဲနဲ႔ ခြဲထားတာေၾကာင့္ ပို႔စ္အားလံုးကို ထင္ထင္ရွားရွား မျမင္ႏိုင္ပါဘူး။

မာတိကာ လုပ္ႏိုင္တဲ့ နည္းေတြ အမ်ားႀကီး ရွိပါတယ္။ အဲဒီ အထဲကမွ တစ္ခုကို တင္ျပခ်င္ပါတယ္။ အခု တင္ျပမယ့္ မာတိကာ လုပ္နည္းဟာ ဘေလာ့ဂ္တစ္ခုရဲ႕ မာတိကာတင္မကဘဲ လိုအပ္ရင္ ဘေလာ့ အမ်ားႀကီးအတြက္ တစ္ေနရာတည္းမွာ မာတိကာေတြ လုပ္ႏိုင္ပါတယ္။ ေနာက္ၿပီး အခု တင္ျပမယ့္ မာတိကာ လုပ္နည္းရဲ႕ အားသာခ်က္ဟာ ပို႔စ္တစ္ခုခ်င္းစီကို Preview အေနနဲ႔ ၾကည့္လို႔ရပါတယ္။ ဒီနည္းဟာ Google ရဲ႕ AJAX Dynamic Feed Control နည္းလမ္းကို သံုးထားတာပါ။ ကဲ က်ေနာ္တို႔ ေလ့က်င့္ခန္းေလး စလိုက္ရေအာင္။

လိုအပ္ခ်က္ ။ ။ ဒီနည္းနဲ႔ မာတိကာကုိ လုပ္ခ်င္ရင္ Feed Setting နည္းနည္း ၀င္ျပင္ရပါမယ္။ Settings >> Site Feed မွာ Allow Blog Feeds ကုိ None ျဖစ္မေနေအာင္ ျပင္ေပးပါ။

Layout >> Page Element မွာ Add a page element ကို ႏွိပ္ၿပီး HTML/Javascript ကို ေရြးေပးပါ။ ၿပီး TextBox ထဲမွာ ေအာက္က Code ကို ကူးထည့္ေပးပါ။ Code ကို ရဖို႔ view plain ကုိ ကလစ္ႏွိပ္ပါ။

<br /><!-- ++Begin Dynamic Feed Wizard Generated Code++ --><br /><!--<br />// Created with a Google AJAX Search and Feed Wizard<br />// http://code.google.com/apis/ajaxsearch/wizards.html<br />--><br /><br /><!--<br />// The Following div element will end up holding the actual feed control.<br />// You can place this anywhere on your page.<br />--><br /><div id="feed-control"><br /><span style="margin:10px;padding:4px;">Loading...</span><br /></div><br /><br /><!-- Google Ajax Api<br />--><br /><script src="http://www.google.com/jsapi?key=notsupplied-wizard" type="text/javascript"></script><br /><br /><!-- Dynamic Feed Control and Stylesheet --><br /><script src="http://simblogg.googlepages.com/gfdynamicfeedcontrol.js" type="text/javascript"></script><br /><style type="text/css"><br />@import url("http://phyoekyaw.googlepages.com/gfdynamicfeedcontrol.css");<br /></style><br /><br /><script type="text/javascript"><br />function LoadDynamicFeedControl() {<br />var feeds = [<br />{title: 'မာတိကာ', <br />url: 'http://knowhow.myanmarbloggers.org/feeds/posts/default?start-index=1&max-results=10'<br />}];<br />var options = {<br />stacked : true,<br />horizontal : false,<br />title : "How To BLOG"<br />}<br /><br />new GFdynamicFeedControl(feeds, 'feed-control', options);<br />}<br />// Load the feeds API and set the onload callback.<br />google.load('feeds', '1');<br />google.setOnLoadCallback(LoadDynamicFeedControl);<br /></script><br />Widget by <a href="http://betabloggerfordummies.blogspot.com">Betabloggerfordummies.</a><br /><!-- ++End Dynamic Feed Control Wizard Generated Code++ -->

Line (28) >> မာတိကာ ဆိုတဲ့ေနရာမွာ ႀကိဳက္တဲ့ စာလံုး ေျပာင္းထည့္ႏိုင္ပါတယ္။ ေခါင္းစဥ္ပါ။
Line (29) >> http://knowhow.myanmarbloggers.org ေနရာမွာ ကိုယ့္ရဲ႕ လိပ္စာ ထည့္ေပးပါ။
Line (29) >> max-results=10 ေနရာမွာ ပို႔စ္ ၁၀၀ ခုပဲ ျပခ်င္ရင္ 100 လုိ႔ ျပင္ေပးပါ။ အကုန္ ျပခ်င္တယ္ဆိုရင္ေတာ့ 999 လို႔ ျပင္ေပးပါ။
Line (34) >> How To BLOG ေနရာမွာ ကိုယ့္ ဘေလာ့ဂ္ရဲ႕ နာမည္ ထည့္ေပးပါ။

ဒါ ဘေလာ့ဂ္တစ္ခုအတြက္ မာတိကာ ဘယ္လို လုပ္မလဲဆိုတာ တင္ျပတာပါ။ အဆင္ေျပပါေစဗ်ာ။

ဆက္ႏြယ္ေသာပို႔စ္မ်ား

• မာတိကာ တစ္ခု ဖန္တီးျခင္း (JSon)
• Label တစ္ခုခ်င္းစီအား ပို႔စ္ေခါင္းစဥ္ႏွင့္တကြ ေဖာ္ျပျခင္း