ပုသိမ္နည္းပညာလူငယ္မ်ား: ဘေလာ့မွာ Readmore ကို ပုံလွလွေလးေတြသုံးျခင္

ဒါေလးကေတာ့ ဘေလာ့မွာ read more ဆိုတဲ့နည္းပညာေလးပါ။

ဘေလာ့မွာ ေတာင္းဆိုထားတာေလးတစ္ခုပါ အရင္ကလဲ တင္ေပးးထားဘူးပါတယ္.. ဒါကေတာ့ ထပ္မံတင္ျပျခင္းေပါ့..

.. ဒါေလးကို သုံးၾကည့္ပါ။

ပုံေလးကအတိုင္းေပါ့ေနာ္..
နည္းလမ္း (1)

အဆင္႕ 1 Template > Edit HTML > Expand Widget Templates မွာအမွန္ျခစ္ေပးပါ။
အဆင္႕ 2 Ctrl + F ကိုႏွိပ္ျပီး ဒီကုတ္ေလးကိုရွာပါ </head>
အဆင္႕ 3 ေတြ႕ျပီဆိုရင္ </head> ရဲ႕ေအာက္မွာေအာက္က Code ကို ကူးထည္႕ေပးပါ။
အဆင္႕ 4 အရင္ဆံုး Preview နဲ႕အရင္ၾကည္႕ပါ။ အဆင္ေျပျပီဆိုမွ Save ႏွိပ္ေပးပါ။

<script type='text/javascript'>

var thumbnail_mode = &quot;float&quot; ;

summary_noimg = 230;

summary_img = 140;

img_thumb_height = 100;

img_thumb_width = 100;

</script>

<script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/>

ေအာက္က Code ကိုထပ္ရွာပါ ရွာနည္းကေတာ့ အထက္ပါ ပုံတိုင္းပါဘဲေနာ္...

<data:post.body/>

ေတြ႕ျပီဆိုရင္ေအာက္က Code နဲ႕သူ႕ေနရာကိုအစားထိုးေပးလိုက္ပါ။။

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

<b:else/>

<div expr:id='&quot;summary&quot; + data:post.id'>

<data:post.body/>

</div>

<script type='text/javascript'>

createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<div style='clear: both;'/>

<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>>>>ဆက္ဖတ္ရန္>>> >></b></a></span>

</b:if>

နည္းလမ္း (2)

ဒါေနာက္တစ္နည္း (ပံုနဲ႕အစားထိုးနည္း)

data:post.jumpText/>

အဲဒီကုဒ္ကိုရွာလိုက္ပါ ေတြ႕ျပီဆိုရင္ ေအာက္က ကုတ္နဲ႕အစားထိုးလိုက္ပါ။

နည္းလမ္း (3)

သည္နည္းကေတာ့ တခ်ိဳ႕ဘေလာ့ေတြက read more ပါေနျပီးသားပါ သည္ေတာ့ read more ကိုဘဲရွာရမွာပါ... တကယ္လို႕ ဆက္ဖက္ရန္ ဆိုတာေရးထားရင္ေတာ့ read more ကိုရွာလို႕ မေတြကနိဳင္ပါဘူးေနာ္..သတိထားေစလိုပါတယ္....

1.   dashboard--> layout- -> Edit HTML
2.   "Expand Widget Templates" မွာအမွန္ျခစ္
3.   "Read More" ဆိုတာကိုရွာ

<img src='ဒီေနရာမွာ ပံုရဲ႕ Link ကိုထည္႕ပါ'/>

ပုံလင့္ကိုေတာ့ မိမိတို႕ စိတ္ၾကိဳက္ ေရြးခ်ယ္ျပီးး ဖိုတိုေရွာ့နဲ႕ ျဖစ္ျဖစ္ ပုံထုတ္ျပီး လင့္ယူရမွာပါ...
ကဲ က်ေနာ္အသင့္ရွာေဖြထားတဲ့ ပုံေလးေတြကို လက္ေဆာင္အျဖစ္ေပးလိုက္ပါတယ္....

(၁) သူ႕ရဲ႕လင့္ကေတာ့ ...... ( http://i.minus.com/ibjDpjPBStrhM4.PNG )

(၂) သူ႕ရဲ႕လင့္ကေတာ့.......( http://1.bp.blogspot.com/-IsXnb2aurfs/TsjiKGBs8XI/AAAAAAAAA54/vexbdWMTTrk/s1600/readmore.png )

(၃) သူ႕ရဲ႕လင့္ကေတာ့ ...........( http://1.bp.blogspot.com/-VdmtPv-5UYc/TwqJbFOEIrI/AAAAAAAAAuk/8Ks01LebB8g/s1600/Untitled-1.gif )

(၄) http://i1323.photobucket.com/albums/u591/aungaung13/cooltext666275999_zpsbe12bc0c.gif

လက္ေဆာင္ေတြေတာ့ ေပးလိုက္ျပီေနာ္...

=============================

<img src=http://4.bp.blogspot.com/-L0KDAXTXOmY/UaR7Leo7k4I/AAAAAAAACu8/jgF_HDtivIY/s200/black-animated-blink-aero-button-for-blogger.gif'/>

Use Above Code For Black Button

Use Above Code For Green Button

<img src=http://2.bp.blogspot.com/-a5WwbUWhoxk/UaR9p5KFamI/AAAAAAAACvg/S1Hb7_M9_98/s200/dark-blue-animated-blink-aero-button-for-blogger.gif'/>

Use Above Code For Dark Blue Button

http://1.bp.blogspot.com/-wuatpoWWxiU/TokqG-Be0YI/AAAAAAAADes/Wgm19_7C1YE/s1600/readmore%2Bmerah.jpg

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါတယ္... လိုအပ္တာမ်ားရွိပါက.. C-Box မွာေျပာခဲ့ၾကနိဳင္ပါတယ္... အတတ္နိဳင္ဆုံး ၾကိဳးစား ကူညီ မွ်ေ၀သြားပါမည္...

Labels

ဘေလာ့မွာ Readmore ကို ပုံလွလွေလးေတြသုံးျခင္