ပုသိမ္နည္းပညာလူငယ္မ်ား: ဘေလာ့မွာ 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 )

(၂) သူ႕ရဲ႕လင့္ကေတာ့.......( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZINKlsolcrvSJBp6X_meExe2XFbWrBc67YRK9aNkc0O2lju2361-hQU0U4dHnTqOO5DrzGt2faAmxZOou97U88AF2M-vnbLI9chfjhHEU428t5sgGnWj47Cl4CKr8e1n41kJ7Gz4RFnZF/s1600/readmore.png )

(၃) သူ႕ရဲ႕လင့္ကေတာ့ ...........( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1LISz0MVHz2aY5ZQJmV6tnfeQf2PBPzyUC8WCX8EqvLKQX_fOabKbHpzXU8Z14ylGiv84G6h0caA-rGBSJGlcH8NJOTGuo1xexK8pacS5-2tMt_Eh04tGJIZVvkPnt3H6YIYK5kmI04AN/s1600/Untitled-1.gif )

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

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

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

<img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCwPJkAEXMTvK6EgEoQ9uzuuD28sCQ6_cCAHWlxFHn-4RaI2xGoiGTR6x4bGBt_wgblN__x8-JyMoz5nGHNilz7vv0TkBU0pGGCinGgvXx8RNveyivnoshSWNDne6q1rE51YZ18t4vp5oh/s200/black-animated-blink-aero-button-for-blogger.gif'/>

Use Above Code For Black Button

Use Above Code For Green Button

<img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir4aeBkrtlIDH7oD2Ua0HpWagf5DP9arojzF02sRHh10KBmKZM1dZhRTN1rM71rPu0uAJs_s3SDhra_d0LJkjk76vgZ5VnfcDbbEcn_JDVzWq9y5ggVesqI3jKrbSyDF6uhyphenhyphen8ejaE_bvDt/s200/dark-blue-animated-blink-aero-button-for-blogger.gif'/>

Use Above Code For Dark Blue Button

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiffLxyqDVYukZb0YxoQhHesHNi6LqkdrjEipUejHqHdnymYHAezhlx7jnvWqU0e4P5Vo5eaTI0poPmV94phQ8ZvYHZg7ahxtd_nME63Y0-Ij3aPuag31b-E6Oamy00Y1oKWhsrSJOscuQE/s1600/readmore+merah.jpg

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

Labels

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