ဆက္ႏြယ္ေသာပို႔စ္စာရင္း ထည့္သြင္းျခင္း (By Labels)

က်ေနာ္တို႔ ပို႔စ္ေတြရဲ႕ ေအာက္ေျခမွာ သူတုိ႔နဲ႔ သက္ဆိုင္တဲ့ နီးစပ္တဲ့ ပို႔စ္ေတြရဲ႕ စာရင္းကို တခ်ဳိ႕ ထည့္ေပးခ်င္ၾကပါလိမ့္မယ္။ ဒါမွ အခု လက္ရွိ ပို႔စ္ကို ဖတ္ၿပီး တျခား ဘာေတြ နီးနီးစပ္စပ္ တူညီတဲ့ ပို႔စ္ေတြ ရွိမလဲဆိုတာ အလြယ္တကူနဲ႔ သိရၿပီး ဆက္ဖတ္ခ်င္ရင္ ဆက္ဖတ္လို႔ ရမယ္။

အရင္က Hoctro ကေန ဆက္ႏြယ္တဲ့ ပို႔စ္စာရင္းကို Label နဲ႔ စစ္ထုတ္ၿပီး ေဖာ္ျပႏုိင္ေအာင္ လုပ္ထားေပးတာ ရွိပါတယ္။ သူ႔ရဲ႕ အားနည္းခ်က္က ဘေလာ့ဂ္တစ္ခု ေျပာင္းတာနဲ႔ လိုက္ေျပာင္းလဲ ေပးရတယ္။ တခ်ဳိ႕ ေနရာေလးေတြ ေပါ႔။ နည္းနည္းပါးပါး ဆုိေပမယ့္ ဘာမွ မသိတဲ့လူအတြက္ေတာ့ အလုပ္႐ႈပ္တာေပါ႔။ အခု JackBook.com က ဘာမွ ျပင္စရာ မလိုဘဲ ကိုယ့္ရဲ႕ တန္းပလိတ္ထဲမွာ တန္းကူးထည့္႐ံုနဲ သံုးလို႔ရတဲ့ Code အျဖစ္ ျပင္ဆင္ထားတာမို႔ အင္မတန္မွ လြယ္ကူသြားပါတယ္။ လုပ္ရမယ့္ အဆင့္အေနနဲ႔လည္း ႏွစ္ဆင့္ပဲ က်န္ေတာ့တယ္။ ကဲ က်ေနာ္တို႔ စၿပီး လုပ္ၾကည့္ရေအာင္။

အဆင့္ (၁)
Layout >> Edit HTML ထဲမွာ Expand Widget Templates ကို အမွန္ျခစ္ ျခစ္ေပးပါ။
ၿပီးရင္ <data:post.body/> ကို ရွာေပးပါ။ တကယ္လို႔ Peekaboo ပို႔စ္ေခါက္တဲ့ လုပ္ေဆာင္ခ်က္ ထည့္ထားရင္ေတာ့ <data:post.body/> ဆိုတာ ႏွစ္ခု ေတြ႕ပါလိမ့္မယ္။

အဆင့္ (၂)
<data:post.body/> တစ္ခုတည္းပဲ ေတြ႕တယ္ဆိုရင္ အဲဒီစာေၾကာင္းရဲ႕ေအာက္နားမွာ ေအာက္မွာ ျပထားတဲ့ Code ကို ထည့္ေပးလိုက္႐ံုပါပဲ။

<br /><b:if cond='data:blog.pageType == "item"'><br /><div class='similiar'><br /><!-- ***http://hoctro.blogspot.com***Jan,2007**** --><br /><!-- ***Related Articles by Labels - Take Two*** --><br /><br /><!--<br />Modified by JackBook.Com to make it easier to use.<br />1. Now, users don't need to change anything to use this widget. just copy and paste, and done!<br />2. The current article will also be listed, now it's no more.<br />--><br /><br /><div class='widget-content'><br /><h3>Related Posts by Categories</h3><br /><div id='data2007'/><br/><br/><br /><div id='hoctro'><br />Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u><br /></div><br /><script type='text/javascript'><br /><br />var homeUrl3 = "<data:blog.homepageUrl/>";<br />var maxNumberOfPostsPerLabel = 4;<br />var maxNumberOfLabels = 10;<br /><br />maxNumberOfPostsPerLabel = 100;<br />maxNumberOfLabels = 3;<br /><br /><br />function listEntries10(json) {<br />var ul = document.createElement('ul');<br />var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?<br />json.feed.entry.length : maxNumberOfPostsPerLabel;<br />for (var i = 0; i < maxPosts; i++) {<br />var entry = json.feed.entry[i];<br />var alturl;<br /><br />for (var k = 0; k < entry.link.length; k++) {<br />if (entry.link[k].rel == 'alternate') {<br />alturl = entry.link[k].href;<br />break;<br />}<br />}<br />var li = document.createElement('li');<br />var a = document.createElement('a');<br />a.href = alturl;<br /><br />if(a.href!=location.href) {<br />var txt = document.createTextNode(entry.title.$t);<br />a.appendChild(txt);<br />li.appendChild(a);<br />ul.appendChild(li);<br />}<br />}<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 />var label = raw.substr(homeUrl3.length+13);<br />var k;<br />for (k=0; k<20; k++) label = label.replace("%20", " ");<br />var txt = document.createTextNode(label);<br />var h = document.createElement('b');<br />h.appendChild(txt);<br />var div1 = document.createElement('div');<br />div1.appendChild(h);<br />div1.appendChild(ul);<br />document.getElementById('data2007').appendChild(div1);<br />}<br />}<br />}<br />function search10(query, label) {<br /><br />var script = document.createElement('script');<br />script.setAttribute('src', query + 'feeds/posts/default/-/'<br />+ label +<br />'?alt=json-in-script&callback=listEntries10');<br />script.setAttribute('type', 'text/javascript');<br />document.documentElement.firstChild.appendChild(script);<br />}<br /><br />var labelArray = new Array();<br />var numLabel = 0;<br /><br /><b:loop values='data:posts' var='post'><br /><b:loop values='data:post.labels' var='label'><br />textLabel = "<data:label.name/>";<br /><br />var test = 0;<br />for (var i = 0; i < labelArray.length; i++)<br />if (labelArray[i] == textLabel) test = 1;<br />if (test == 0) {<br />labelArray.push(textLabel);<br />var maxLabels = (labelArray.length <= maxNumberOfLabels) ?<br />labelArray.length : maxNumberOfLabels;<br />if (numLabel < maxLabels) {<br />search10(homeUrl3, textLabel);<br />numLabel++;<br />}<br />}<br /></b:loop><br /></b:loop><br /></script><br /></div><br /><br /></div><br /></b:if>

တကယ္လို႔ <data:post.body/> ကို ႏွစ္ေနရာ ေတြ႕တယ္ ဆိုရင္ေတာ့
<b:if cond='data:blog.pageType == "item"'> ရဲ႕ ေနာက္ပိုင္းမွာ ရွိတဲ့ <p><data:post.body/></p> စာေၾကာင္းရဲ႕ ေအာက္နားမွာ အထက္က Code ကို အစဆံုး စာေၾကာင္းနဲ႔ ေနာက္ဆံုးစာေၾကာင္း ျဖဳတ္ၿပီး ကူးထည့္ေပးပါ။
ဆိုလိုတာက အေပၚဆံုးစာေၾကာင္းျဖစ္တဲ့ <b:if cond='data:blog.pageType == "item"'> နဲ႔ ေအာက္ဆံုး စာေၾကာင္းျဖစ္တဲ့ </b:if> ကို ခ်န္ၿပီး က်န္တာေတြ ကူးထည့္ေပးပါ။

ၿပီး Save Template လုပ္လိုက္ရင္ ရပါၿပီ။ ဒါိဆိုရင္ ပို႔စ္ တစ္ခုခ်င္းစီ ၾကည့္တဲ့အခါ ပို႔စ္ေတြရဲ႕ ေအာက္ဆံုးမွာ Related Posts By Categories ဆိုတဲ့ ေခါင္းစဥ္နဲ႔ ဆက္ႏြယ္တဲ့ ပို႔စ္ေတြရဲ႕ စာရင္းကို Label နဲ႔ စစ္ၿပီး ေဖာ္ျပေပးပါလိမ့္မယ္။

ကဲ စမ္းၾကည့္ၾကပါဦး။ အဆင္ေျပပါေစဗ်ာ။