How To Add Related Post With Thumbnails to Blogger

ဒီတခါေတာ့ Related Post With Thumbnails Widget ကုဒ္ေလးေတြဘဲျဖစ္ပါတယ္။
စာဖတ္သူက ပို႔စ္တစ္ခုကိုဖြင့္ဖတ္လိုက္ရင္ အဲဒီပို႔စ္ အမ်ဳိးအစားနဲ႔ ဆက္စပ္-ပတ္သက္တဲ့ ပို႔စ္ေတြကို လက္႐ွိဖတ္ေနတဲ့ပို႔စ္ရဲ႕ေအာက္ဘက္မွာ ဓါတ္ပံုေလးေတြနဲ႔အတူ တြဲရက္ေဖၚျပေပးပါတယ္။

အေပၚဆုံးမွာ နမူနာပုံေလး ေဖၚျပထားပါတယ္။

ကဲ...ျပဳလုပ္နည္းေလးကို စၿပီးေလ့လာၾကရေအာင္...။

• Blogger home Page ကိုသြားပါ။
• Termplate ကို ကလစ္ပါ။
• သင့္ Template ကို Backup အရင္လုပ္ပါ။
• Expand widget Templates စာေ႐့ႇကအကြက္တြင္ အမွန္ျခစ္ေလးထည့္ေပးပါ။
• ၿပီးရင္ ေအာက္မွာ ေပးထားတဲ့ ကုဒ္ကို႐ွာပါ။

</head>

ေတြ႔ရင္သူ႔ရဲ႕အေပၚမွာ ေအာက္မွာေပးထားတဲ့ကုဒ္ကို ထည့္ေပးလိုက္ပါ။

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8RuUFeuqL2U_RLzFhWZl9RNNAKAo36NJKETwHL39__bX7ZTJozTB3ddXv6to58WX088So4wpMI072pSi1RIBrCwn_Qwu-fJ_FzFoKvxcr-GLut066er3v-Mc46sNE6wcU5ezOjkZAFOk/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

ေနာက္တစ္ဆင့္္ ေအာက္မွာ ေပးထားတဲ့ ကုဒ္ကို႐ွာပါ။

<div class='post-footer-line post-footer-line-1'>

မေတြ႔ရင္ ေအာက္ကကုဒ္ကို ႐ွာပါ။

<p class='post-footer-line post-footer-line-1'>

အေပၚမွာေပးထားတဲ့ကုဒ္ ႏွစ္မ်ဳိးထဲက တစ္မ်ဳးေတြ႔ပါလိမ့္မယ္။
ေတြ႔ရင္ သူ႔ရဲ႕ေအာက္မွာ ကပ္ၿပီး ေအာက္က ကုဒ္ေတြ ကိုထည့္ေပးလိုက္ပါ။

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

ၿပီးရင္ Save လိုက္ၿပီး မိမိဘေလာ့စာမ်က္ႏွာကို ဖြင့္၍ ၾကည့္ႏိုင္ပါၿပီ...။

ပို႔စ္အေရအတြက္ ဘယ္ေလာက္အထိေဖၚျပခ်င္လဲ-ေျပာင္းလို႔ရပါတယ္၊-ဥပမာ...၊ မိမိဘေလာ့ပို႔စ္ အက်ယ္နဲ႔ ညိွၿပီး လိုရင္တိုး ပိုရင္ေလ်ာ့လို႔ရပါတယ္။

var maxresults=5;

ေအာက္ကလိုမ်ဳိးဆိုရင္ တစ္ပုဒ္ တိုးထာပါတယ္။

var maxresults=6;

အဆင္မေျပရင္ gmail မွာ ဆက္သြယ္ေျမးျမန္းႏိုင္ပါတယ္...။ 

ဆိုင္မြန္စာၾကည့္ဆိုဒ္မွ ကူးယူေဖာ္ျပသည္။

ကၽြန္ေတာ္တင္သမွ် Post ေတြကို Facebook မွ တုိက္ရုိက္ဖတ္ရႈလို႔ပါက >> နည္းပညာႏွင့္ေဆာ့ဝဲလ္မ်ား Page ကိုႏွိပ္ျပီး Like လုပ္ထားေပးပါ၊၊ 

Follow Me Chaw Ko Ko Facebook.

႐ိုး႐ွင္​း​ေသာနည္​းပညာမ်ားကို ဆန္​းသစ္​စြာတင္​ဆက္​မည္​။

အားလံုးကိုခင္​မင္​လ်ွက္​။

CKK - နည္​းပညာ