</head>ေတြ႔ၿပီဆိုရင္ ေအာက္က Code ေတြကိုရွာခဲ့တဲ့ Code ရဲ႕အေပၚမွာထည့္ေပးလိုက္ပါ။
<script type="text/javascript">၆. Save ေပးလိုက္ပါ။
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>
<data:post.body/>ေတြ႔ၿပီဆိုရင္ ေအာက္က Code ေတြကို ရွာခဲ့တဲ့ Code ရဲ႕ေအာက္မွာထည့္ေပးလိုက္ပါ။
<b:if cond='data:post.labels'>၈. Save ေပးလိုက္ပါ။ အဆင္ေျပပါေစ။
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
![](http://www.fileden.com/files/2012/2/4/3259747/computer-basic.jpg")
body {ေတြ႔ၿပီဆိုရင္ ေအာက္က Code ကိုရွာထားတဲ့ Code ရဲ႕အေပၚမွာထည့္ေပးလိုက္ပါ။
::-moz-selection {အနီေရာင္နဲ႔ ဂဏန္းေနရာေတြမွာ မိမိစိတ္ႀကိဳက္ေျပာင္းေပးႏိူင္ပါတယ္။
background: #CC3399;
color: #FFFFFF;
}
<div class='widget-content'>ေတြ႔ၿပီဆိုရင္ ေအာက္က Code နဲ႔အစားထိုးေပးလိုက္ပါ။
<div class='widget-content' style='overflow:auto; height:200px'>အနီေရာင္နဲ႔ ဂဏန္းေနရာမွာ မိမိစိတ္ႀကိဳက္ Box အတိုအရွည္ကိုျပင္လို႔ရပါတယ္။
<!-- floating page sharers Start -->အနီေရာင္စာလံုးေနရာေတြမွာမိမိဘေလာ့နဲ႔လိုက္ဖက္ေအာင္ျပင္ႏိူင္ပါတယ္။
<style>
#pageshare {position:fixed; bottom:17%; margin-left:-705px; float:left;
-moz-border-radius:5px 0px 5px 0px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:0px;
background-color:#FFFFFF;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Share this">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div></div>
]]></b:skin>ေတြ႔ၿပီဆိုရင္ ေအာက္က Code ကိုရွာထားတဲ့ Code ရဲ႕အေပၚမွာထည့္ေပးလိုက္ပါ။
ul#list-nav {ၿပီးရင္ Save ေပးလိုက္ပါ။
list-style:none;
margin:20px;
padding:0;
width:525px
}
ul#list-nav li {
display:inline
}
ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#FF0099;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
-moz-border-radius: 5px;
}
ul#list-nav li a:hover {
background:#FF6699;
color:#000
-moz-border-radius: 5px;
}
<div>အနီေရာင္ေနရာမွာ မိမိ Lebels လင့္နဲ႔ ေခါင္းစဥ္အမည္အစားထိုးရန္။
<ul id='list-nav'>
<li><a href='http://khuntheinzawhtun.blogspot.com'>မူလစာမ်က္ႏွာ</a></li>
<li><a href='http://khuntheinzawhtun.blogspot.com/search/label/ေဆာ့ဖ္၀ဲမ်ား'>ေဆာ့ဖ္၀ဲမ်ား</a></li>
<li><a href='http://khuntheinzawhtun.blogspot.com/search/label/Mp3 သီခ်င္းမ်ား'>Mp3 သီခ်င္းမ်ား</a></li>
<li><a href='http://khuntheinzawhtun.blogspot.com/search/label/Ebook မ်ား'>Ebook မ်ား</a></li>
<li><a href='http://khuntheinzawhtun.blogspot.com/search/label/ကဗ်ာမ်ား'>ကဗ်ာမ်ား</a></li>
</ul>
</div>
/* Commentsရွာၿပီးရင္ေအာက္ကအတိုင္းေတြ႕ရလိမ့္မယ္။
/* Commentsအေပၚက Code ရဲ႕အဆံုးမွာ ေအာက္က Code ကိုထည့္ေပးလိုက္ပါ။
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #FFFFFF;
}
#comments {၆. Save ေပးလိုက္ပါ။ အဆင္ေျပပါေစ။
height:400px;
overflow:auto;
}
