Phyo Lwin Oo(lat pan): ဘေလာ့မွာ Readmore ကို ပုံလွလွေလးေတြသုံးခ်င္ရင္

title

ၾကြေရာက္လာသူမိတ္ေဆြအေပါင္း ရႊင္လန္းခ်မ္းေျမ့ၾကပါေစ လို႔ က်ြန္ေတာ္ပိုင္ဆိုင္ရာ ဆိုဒ္မွာ ဆုေတာင္းေမတာပို႔သလွ်က္ပါ.......... က်ြန္ေတာ္ပိုင္ဆိုင္ရာ ဆိုဒ္မွာ တင္ထားသမွ် ကူးယူေဖာ္ျပထားသမွ်ကို မိမိတို႔ စိတ္ႀကိဳက္ အသံုးျပဳႏိုင္ပါတယ္ ခင္ဗ်ာ.............. အဆင္မေျပမႈတခုခုမ်ား ရွိခဲ႔ပါက Comment ထားခဲ႔ျပီးေျပာႏိုင္သလို phyolwinoo10@gmail.com သို႔ဆက္သြယ္ျပီးေျပာႏိုင္သလို Facebook /https://www.facebook.com/kaung.myathtay.5မွလဲ ေမးျမန္းႏိုင္ပါတယ္ ဖုန္းနံပါတ္ +60166076069 သို႔လဲ ေမးျမန္းႏိုင္ပါတယ္ ခင္ဗ်ာ ................

Sunday, August 3, 2014

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

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

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

နည္းလမ္း (1)

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

အဆင္႕ 4 အရင္ဆံုး Preview နဲ႕အရင္ၾကည္႕ပါ။ အဆင္ေျပျပီဆိုမွ Save ႏွိပ္ေပးပါ။

ေအာက္မွာ ပုံေလးကအတိုင္းေပါ့ေနာ္..

ေအာက္မွာ code ယူပါ။

<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>

ေနာက္တနည္း အလြယ္ဆံုးအေနနဲ႔ကေတာ့

Blog Singin ဝင္ျပီးေတာ့ Layout ကိုသြားပါ အဲဒီေနရာမွာ Blog Post ကို Edit ႏွိပ္ပါ။

အဲေနရာမွာ Red More>>>

ကိုေတြ႔ပါလိမ့္မယ္ အဲေနရာမ်ာ အစားထိုးလို႔ရပါတယ္။

ဥပမာ ။ ။ ဆက္လက္ဖတ္ရႈရန္ေပါ့

ေအာက္ပါပံုအတိုင္းပါဘဲ......

နည္းလမ္း (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/AVvXsEintAgDTyQ71Cw8eueW3ykBMCVMvoakH9G6J2HEnjUNun5gU3VCglQg8o-2keZl5F3iTC3PV7Nkre9JI6_s1JGn-tEFx7Qnkj5CXgbdParGVWtiCf-eW7xK8du40u8XanQ4y1SSv9WIlJoj/s1600/readmore.png )

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

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

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

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

<img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXelyiB9sAGDBsaU7aEQxgHzEzY4k6RYctwn0InB8cz7vBN1h8JXHJEZcihWE8DsRwXGPQ19bZIJ6nZ9nrGqjOZcQ4JKFJfZcjHJzhn-I7jsTJzMbrwDuv6nbOpEn3-Gn21Qxk8oUxmRjy/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/AVvXsEgL6E4dWLg2CJoLdmzeQOpvDJEa4e47uJoBWB3YzIwsKQQF_FxLH5wCBPtHCaPDkkHOz5WWc1Mksu5YojEztHSNuGe4bh2mn2-awOq3gFKqnLEXuPAv_iaP9-VBm-1Hlxvh_kNG1b6-a7u-/s200/dark-blue-animated-blink-aero-button-for-blogger.gif '/>

Use Above Code For Dark Blue Button

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0a0dAYtn9-iVaUBOhrXr4LD4QKDzGZKepSQgdvaci68zv-W3jY7fZsrDw7ROLH8atVZAJO_VdBLG5hB141KaEtfgPsQv-gp9aHas3o6BdwtDgkgk18nb5mqhhGMTyc0-i-BwFuSm03gNy/s1600/readmore+merah.jpg