ခုလိုေကာ္နက္ရွင္ပိန္းတဲ့ ၾကားက၀င္ေရာက္ဖတ္ရႈ.ေပးတာ အထူးေက်းဇူးတင္ပါသည္

Friday, August 17, 2012

က်ေနာ္ ဘေလာ့အတြက္ Read More ထည့္ျခင္း

ပထမဆံုး ဒိဆုိက္ကုိ သြားပါသည္။ ေလ့လာပါတယ္။

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;" ေနရာတြင္ ေအာက္ပါကုတ္ကိုအစားထုိးပါသည္။

class="MBT-readmore"

No comments:

Post a Comment

Template by : kendhin x-template.blogspot.com