ေအာက္မွာ Codeရွိပါတယ္၊
၁။click Layout
၂။click edit HTML
၃။click edit HTML
ေအာက္ကcodeကိုရွာပါ
<data:post.body/>
ေတြ႕ၿပီဆိုရင္ေအာက္ကCodeနဲ႕အစားထုိးေပးလိုက္ပါ,
<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://kfile.110mb.com/summary-post.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>ဆက္ဖတ္ရန္</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
၄။Save Template button.ႏိုပ္ပါ ၿပီးပါၿပီ။ ။မွတ္ခ်က္။ ။ <data:post.body/>ကိုမေတြ႕ရင္ <p><data:post.body/><p>ကိုရွာပါ။
---------------------------------------------------------------------------------------------
မိမိရဲ႕ဘေလာ့Post က Read More ကိုပံုနဲ႕အစားထိုးနည္း
မိမိရဲ႕ဘေလာ့ Post မွာ Read More Funtion အသံုးျပဳၾကတဲ့ဘေလာ့မိတ္ေဆြမ်ားအတြက္ Button ပံု
ေလးနဲ႕အစားထိုးနည္းေလးပါ၊ေအာက္မွာပံုနဲ႕တကြ Code ထည့္နည္းေလးျပထားပါတယ္၊ဘေလာ့ဂါမိတ္
ေဆြအားလံုးကိုလည္းခ်စ္ခင္ေလးစားလၽွက္ kp3-မိသားစု
၁။Layout
၂။Edit HTML
၃။Expand Widgets Templateကိုအမွန္ျခစ္ေပးပါ။(CTRL + F)ျဖင့္ရွာပါ၊၊
ဒီ Read More ကိုရွာပါ၊ေတြ႕ရင္ေအာက္က Code ေလးနဲ႕အစားထိုးေပးလိုက္ပါ။
<img src='ဤေနရာမွာပံုလင့္ခ္ကိုထည့္ပါ'/>
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
How to Create Read more With Background Color
ဒီနည္းလမ္းေလးကေတာ့မိမိတို့ဘေလာ့ပိ့စ္ေတြမွာReadmoreေလးရဲ့ေနာက္ခံ
အေရာင္ထည့္တဲ့ကုဒ္ေလးျဖစ္ပါတယ္.
လုပ္နည္းကေတာ့ေအာက္ကအတိုင္းသြားလိုက္ပါ။

1.Please login to blogger with your ID
2.Click Design
3.Click Edit HTML tab
4.ေအာက္ကကုဒ္ေလးကိုရွာပါ.( Ctrl + F )နဲ ့ရွာရင္ပိုျမန္ပါတယ္..
]]></b:skin>
5.ေတြ ့ျပီဆိုရင္သူ ့အေပၚမွာ ေအာက္ကကုဒ္ေတြကိုထည့္ေပးလိုက္ပါ။
.jump-link a{ -moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; padding:2px 12px; font-style: italic; border:1px solid #b7b7b6; margin:10px 0px; text-decoration:none; color:#000; background:#ccc; text-align:right; float:right; } .jump-link a:hover{ border:1px solid #545353; color:#fff; background:#797878; }
6.# Click SAVE TEMPLATE.
မွတ္ခ်က္အေနနဲ ့ကေတာ့
(background:#ccc;)(background:# 797878;)မ်ားကိုစိတ္ႀကိဳက္ေျပာင္းနိုင္ပါတယ္.
ေက်းဇူးတင္ပါတယ္... http://nayminkhit.blogspot.com/
No comments:
Post a Comment