Json Widget အတြက္ Javascript ထည့္သြင္းျခင္း

(၁) Setting မ်ား ျပင္ဆင္ျခင္း

Settings >> Site Feed မွ Allow Blog Feed အား Short အျဖစ္ ေျပာင္းလဲ သက္မွတ္ေပးရမည္။


Settings >> Archiving မွ Enable Post Pages? အား Yes အျဖစ္ ေျပာင္းလဲ သက္မွတ္ေပးရမည္။



အဆင့္ (၂) Javascript ထည့္သြင္းျခင္း

ေအာက္ပါ Code ကို </head> ၏ အေပၚနားတြင္ ထည့္ေပးပါ။
<br /><script type='text/javascript'><br />// Developed by Hoctro - All rights reserved 2007<br />// This credit must be included in all your derived usages.<br /><br />// "cb" is intended to be a common library, where different widgets would<br />// utitlize the shared operations such as getTitle, getLink, etc. from a json object.<br />var cb = {<br /><br />// search function requires these parameters:<br />// 1. query: a blogger address, such as "hoctro.blogspot.com",<br />// 2. type: type of return data, either "comments" or "posts",<br />// 3. start: the start-index parameter (where to start extracting data)<br />// 4. increment: the number of elements the json will get back. (the smaller value, the faster time to travel back)<br />// 5. func: the returned function the json object will feed.<br /><br />search: function(query, type, start, increment, func) {<br />var script = document.createElement('script');<br />script.setAttribute('src', 'http://' + query + '/feeds/' + type + '/default?alt=json-in-script&start-index='<br />+ start + '&max-results=' + increment + '&callback=' + func + '&orderby=published');<br />script.setAttribute('type', 'text/javascript');<br />document.documentElement.firstChild.appendChild(script);<br />},<br /><br />// searchLabel function return a result of posts w/ a label query<br />// it requires these parameters:<br />// 1. query: a blogger address, such as "hoctro.blogspot.com",<br />// 2. an array of labels<br />// 3. func: the returned function the json object will feed.<br />searchLabel: function(query, label, func) {<br />var script = document.createElement('script');<br />script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/' + encodeURIComponent(label) +<br />'?alt=json-in-script&callback=' + func + '&orderby=published');<br />script.setAttribute('type', 'text/javascript');<br />document.documentElement.firstChild.appendChild(script);<br />},<br /><br />// getTotalResults needs the json object, and it'll return the total number of comments (or posts) of the blog.<br />getTotalResults: function(json) {<br />return json.feed.openSearch$totalResults.$t;<br />},<br /><br />// getStartIndex gets the start index of a search inside an json object.<br />getStartIndex: function(json) {<br />return json.feed.openSearch$startIndex.$t;<br />},<br /><br />// getLink return a href link if "name" matches the content inside "a" tags) of the link<br />getLink: function(entry, name) {<br />var alturl;<br /><br />for (var k = 0; k < entry.link.length; k++) {<br />if (entry.link[k].rel == name)<br />alturl = entry.link[k].href;<br />}<br />return alturl;<br />},<br /><br />// getTitle gets the title of the title of an entry of a json object.<br />getTitle: function(entry) {<br />return entry.title.$t;<br />},<br /><br />// getContent gets the content inside an entry of a json object.<br />getContent: function(entry) {<br />return entry.content.$t;<br />},<br /><br />// getCommentAuthor: gets the commenter name inside an entry of a json object.<br />getCommentAuthor: function(entry) {<br />return entry.author[0].name.$t;<br />},<br /><br />// Given a json label search, this function return the decoded label.<br />getLabelFromURL: function(json) {<br />for (var l = 0; l < json.feed.link.length; l++) {<br />if (json.feed.link[l].rel == 'alternate') {<br />var raw = json.feed.link[l].href;<br />// The next two lines are borrowed from Ramani's Neo Template<br />// code. Thanks Ramani!<br />var label = raw.substr(raw.lastIndexOf('/')+1);<br />return decodeURIComponent(label);<br />}<br />}<br />},<br />txt : function (s) {<br />return s + " Widget by <a href='http://hoctro.blogspot.com" + "'>Hoctro</a>";<br />}<br />};<br /></script>

အထက္ပါ Code သည္ ဘံုသံုးႏုိင္ေသာ လုပ္ေဆာင္ခ်က္မ်ား ပါ၀င္ပါသည္။ Json Object ၏ ေခါင္းစဥ္ရွာျခင္း၊ လင့္ရွာျခင္း စေသာ လုပ္ေဆာင္ခ်က္မ်ားအား ေရးသားထားျခင္းျဖစ္သည္။ ထုိ႔ေၾကာင့္ ထုိ Code ကို ထည့္သြင္းၿပီးေနာက္ပိုင္း ဤ Json Object ကို အသံုးျပဳထားေသာ မည့္သည္ လုပ္ေဆာင္ခ်က္အတြက္မဆို တစ္ခါ ထည့္သြင္းထား႐ံုျဖင့္ ထပ္မံ ထည့္သြင္းစရာ မလိုေတာ့ပါ။