က်ေနာ္ ဘေလာ့အတြက္ Read More ထည့္ျခင္း
ပထမဆံုး ဒိဆုိက္ကုိ သြားပါသည္။ ေလ့လာပါတယ္။
http://www.mybloggertricks.com/2011/06/10-ways-to-style-and-create-more-links.html
]]></b:skin> ဒိကုတ္ေလးရွာ အထက္ပုိင္းမယ္ ေအာက္ပါကုတ္မ်ားကုိ ထည့္ပါသည္။
/*---------- Black --------------*/
<data:post.body/> ဒိကုတ္ကုိရွာပါတယ္။ ပိးရင္ ေအာက္ပါကုတ္မ်ားကုိ ထည့္ပါသည္။
အထက္ပါကုတ္မ်ားထဲမွ အနီေရာင္စာသား style="text-algn: right;" ေနရာတြင္ ေအာက္ပါကုတ္ကိုအစားထုိးပါသည္။
http://www.mybloggertricks.com/2011/06/10-ways-to-style-and-create-more-links.html
]]></b:skin> ဒိကုတ္ေလးရွာ အထက္ပုိင္းမယ္ ေအာက္ပါကုတ္မ်ားကုိ ထည့္ပါသည္။
/*---------- Black --------------*/
.MBT-readmore{
background:#000800;
text-align:right;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:2px solid #ddd;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 11px sans-serif;
}
.MBT-readmore:hover{
background:#fff;
font:bold 11px sans-serif;
color:#000800;
border:2px solid #000800;
}
.MBT-readmore a {
color:#fff;
text-decoration:none;
}
.MBT-readmore a:hover {
color:#fff;
text-decoration:none;
}
Style#10:
<data:post.body/> ဒိကုတ္ကုိရွာပါတယ္။ ပိးရင္ ေအာက္ပါကုတ္မ်ားကုိ ထည့္ပါသည္။
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="text-align: right;">Read More ->></div></a>
</b:if>
အထက္ပါကုတ္မ်ားထဲမွ အနီေရာင္စာသား style="text-algn: right;" ေနရာတြင္ ေအာက္ပါကုတ္ကိုအစားထုိးပါသည္။