Related Posts or Related Articles ထည့္မယ္

ယခုတင္ျပမည့္ အေၾကာင္းအရာက Related Posts (သို႔) Related Articlesျဖစ္ပါတယ္။ ဆိုလိုသည္မွာ မိမိတင္လိုက္တဲ့ အေၾကာင္းအရာနဲ႔ ဆက္စပ္တဲ့ အေၾကာင္းအရာကို ေဖာ္ျပျခင္းျဖစ္ပါတယ္။ ဤ Related Articlesက Bloggerထဲက Categories/ Labelsတို႔နဲ႔ ပံုစံတူျဖစ္ပါတယ္။ ဒါေလး တင္ျခင္းအားျဖင့္ မိမိBlogထဲသို႔ ၀င္ေရာက္လာတဲ့ စာဖတ္သူမ်ားကို ဆက္စပ္ေနတဲ့အေၾကာင္းအရာေတြကို ဖတ္ႏိုင္ရန္ႏွင့္ စာဖတ္သူမ်ားကို အလြယ္တကူ ဆက္စပ္အေၾကာင္းအရာမ်ားကို ၾကာရွည္စြာ ဖတ္ႏိုင္ရန္ ျဖစ္ပါတယ္။ ကိုင္း.. ဘယ္လိုထည့္မွာလဲ?

အဆင့္မ်ားကေတာ့....
၁။ Bloggerထဲသို႔၀င္ၿပီး Layoutမွ Edit HTMLကို ႏွိပ္ပါ။ Expend Widget Templateကို အမွန္ျခစ္ျပဖို႔ မေမ့ပါနဲ႔။
၂။ သင္၏ Templateကို Backupလုပ္ဖို႔ မေမ့နဲ႔ဦး။
၃။ ဤ code </head>ကိုရွာပါ။
၄။ ေအာက္ပါ Codeမ်ားကို ကူးယူၿပီး </head>ရဲ့ အေပၚမွာ Pasteလုပ္ပါ။
----------------------------------------------------------------------------------------------
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;

margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='http://torrentmoon.com/javascripts/Related_posts_hack.js' type='text/javascript'/>
-------------------------------------------------------------------------------------------
၅။ Save Templateတစ္ေခါက္လုပ္ပါ။ ပိုေသခ်ာသြားေအာင္..။
၆။ Edit HTMLထဲသို႔ ျပန္၀င္ပါ။ ထို႔ေနာက္ ေအာက္ပါCode <p><data:post.body/></p>ကိုရွာပါ။

၇။ ၄င္းေနာက္ ေအာက္ပါေပးထားေသာ Code Linkကိုဖြင့္၍ Codeမ်ားကို Copyလုပ္ၿပီး ပံုပါ Selectလုပ္ထားေသာ Codeေအာက္တြင္ Pasteလုပ္ပါ။
--------------------------------------------------------------------------------------------

Codeယူရန္ ဒီ Linkကိုႏွိပ္လိုက္ပါ။

--------------------------------------------------------------------------------------------

၈။ ေနာက္ဆံုး Save Templateလုပ္ပါ။

Related Posts by Categories

Widget by Scrapur