Sunday, 7 June 2015

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


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

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


ပုံေလးကအတိုင္းေပါ့ေနာ္..
နည္းလမ္း (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/>
 အဲဒီကုဒ္ကိုရွာလိုက္ပါ ေတြ႕ျပီဆိုရင္ ေအာက္က ကုတ္နဲ႕အစားထိုးလိုက္ပါ။
  
<img src="
ဒီေနရာမွာ ပံုရဲ႕ Link ကိုထည္႕ေပးပါ။ " border="0" alt="Read Full Post" />

နည္းလမ္း (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 



  <img src=http://3.bp.blogspot.com/-dpkztKKcUvg/UaR9p2B162I/AAAAAAAACvc/7cqdawSMxtY/s200/Green-animated-blink-aero-button-for-blogger.gif'/>
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 မွာေျပာခဲ့ၾကနိဳင္ပါတယ္... အတတ္နိဳင္ဆုံး ၾကိဳးစား ကူညီ မွ်ေ၀သြားပါမည္... 
ဘေလာ့ခရီးသည္ 

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

[IMG]
[IMG]
ၾကိဳက္ပါသလား+

0 comments:

Post a Comment