ဘေလာ့နည္းပညာ

Read More Button ထည့္နည္း

1. Blogger Singin ၀င္လိုက္ပါ။
2. DASHBOARD မွာ ကိုယ့္ရဲ႕ဘေလာ့ကို ေရြးလိုက္ပါ.. ဆိုလိုတာက တစ္ေယက္တည္း ဘေလာ့ေတြ ၁ ခုမက ရွိေနတတ္လို႔ပါ..
3. Template ကို တစ္ခ်က္ႏွိပ္ပါ..

4.EDIT HTML  ကိုႏွိပ္ပါ...
5.ေပၚလာတဲ့ေဘာက္ရဲ႕ ဘယ္ဘက္အေပၚနားေလးမွာ EXPAND WIDGET TEMPLATES ကိုအမွန္ျခစ္ေပးလိုက္ပါ.

6.ခဏေစာင့္ၿပီး အဲဒီ Edit HTML ေဘာက္ထဲကို ကလစ္တစ္ခ်က္ႏွိပ္ၿပီး ကာဆာ ခ်ထားလိုက္ပါ..Ctrl+F ကိုႏွိပ္ၿပီး Find Box ေဘာက္ထဲမွာ

</head>  ထည့္ၿပီးကိုရွာပါ...

ေတြ႕ျပီဆိုရင္</head>ေအာက္မွာ ေအာက္က 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'/>

7.ၿပီးရင္ ေအာက္က Code ကိုထပ္ရွာပါ၊

<data:post.body/>

ေတြ႕ျပီဆိုရင္<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>Read More </b></a></span>
</b:if>

ဒါဆိုရင္ေတာ့ Auto Read More ထည့္ၿပီးသြားပါၿပီ. jump break မေခါက္ဘဲနဲ႔ Read More ဆိုတာေလးကို ျမင္ရမွာျဖစ္ပါတယ္..
ထည့္ၿပီးရင္ ေတာ့ Preview နဲ႔ ၾကည့္လိုက္ပါအံုး..
အခုခ်ိန္မွာ Read More ဆိုတဲ့စာသားေလးပဲေတြ႕ရမွာပါ.. error မေပၚဘူးဆိုရင္ Save template ကို ႏွိပ္လိုက္ၿပီးခဏေစာင့္လိုက္ပါ..
ေကာင္းၿပီ.. အဲဒီ Read More ဆိုတဲ့စာေလးကို ထပ္ၿပီး ပံုေလးနဲ႔ အစားသြင္းရေအာင္

Read More စာသားကို ပံုေလးနဲ႔ အစားသြင္းျခင္း

တန္းပလိတ္မွာ Auto Read More ပါလာတဲ့သူေတြက အေပၚကအဆင့္ 6 နဲ႔ 7 ကို လုပ္စရာမလိုပါဘူး.
အေပၚမွာေျပာခဲ့သလို အဆင့္ (1)ကေန (5)ထိ ၀င္ၿပီးသြားၿပီဆိုရင္
1. Ctrl+F ကိုႏွိပ္ၿပီး Find Box ေဘာက္ထဲမွာ Read More ကို ထည့္ၿပီးရွာလိုက္ပါ..
2. ေတြ႕ၿပီဆိုရင္ Read More ကို ေအာက္က လင့္နဲ႔ အစားထိုးလိုက္ပါ..
<img src=' http://www.fileden.com/files/2012/4/30/3298584/dark-orange.gif '/>
ဒါဆိုရင္ ဒီလိုေလးျဖစ္သြားမယ္..
<a expr:href='data:post.url'><img src=' http://www.fileden.com/files/2012/4/30/3298584/2-mini-allblogtools.gif '/> </a></span>
ဟုတ္ရဲ႕လား..
ကဲ Preview ကိုၾကည့္လိုက္ရင္ လန္းေနတာေတြ႕ရမွာပါ..
အဲဒီ Read More Button ကို မႀကိဳက္ေသးဘူးဆိုရင္ http://www.fileden.com/files/2012/4/30/3298584/2-mini-allblogtools.gif ဆိုတဲ့ေနရာမွာ ေအာက္က ပံုေတြထဲက ကိုယ္ႀကိဳက္တဲ့ ပံုရဲ႕ လင့္ကို အစားထိုးေပးလိုက္ပါ..

http://www.fileden.com/files/2012/4/30/3298584/original.gif

http://www.fileden.com/files/2012/4/30/3298584/green.gif

 

http://www.fileden.com/files/2012/4/30/3298584/green1.gif

 

http://www.fileden.com/files/2012/4/30/3298584/black.gif

http://www.fileden.com/files/2012/4/30/3298584/light-orange.gif

http://www.fileden.com/files/2012/4/30/3298584/dark-orange.gif

http://www.fileden.com/files/2012/4/30/3298584/black1.gif

http://www.fileden.com/files/2012/4/30/3298584/blue.gif

http://www.fileden.com/files/2012/4/30/3298584/blue1.gif

http://www.fileden.com/files/2012/4/30/3298584/blue-dark.gif

http://www.fileden.com/files/2012/4/30/3298584/blue.png

http://www.fileden.com/files/2012/4/30/3298584/dark-grey.gif

http://www.fileden.com/files/2012/4/30/3298584/greenish.png

http://www.fileden.com/files/2012/4/30/3298584/grey.gif

http://www.fileden.com/files/2012/4/30/3298584/light-blue.png

http://www.fileden.com/files/2012/4/30/3298584/pink.png

http://www.fileden.com/files/2012/4/30/3298584/purple.gif

http://www.fileden.com/files/2012/4/30/3298584/purple.png

http://www.fileden.com/files/2012/4/30/3298584/purple1.gif

http://www.fileden.com/files/2012/4/30/3298584/red.png

http://www.fileden.com/files/2012/4/30/3298584/red1.gif

http://www.fileden.com/files/2012/4/30/3298584/red-dark.gif
                     
တစ္ခုေတာ့ ထပ္ေျပာခ်င္ေသးတယ္.. ကၽြန္ေတာ္ေျပာတဲ့နည္းကိုလုပ္ၿပီး Read More က ေတာ့ အဆင္ေျပသြားတယ္..  ဒါေပမယ့္ Post ရဲ႕ ပံုေလးေတြက ငယ္ေနၿပီး စာသားေတြကလည္း ၃/၄ ေၾကာင္းေလာက္ပဲေပၚတယ္. အဲဒါကို မႀကိဳက္ဘူးဆိုရင္..
1. Ctrl + F နဲ႔ ေအာက္က စာသားေတြကို တစ္ေၾကာင္းခ်င္း လိုက္ရွာၿပီး အနီေရာင္ ျပထားတဲ့ တန္ဖိုးေတြကို ေျပာင္းၾကည့္ၿပီး Preview နဲ႔ ၾကည့္ပါ.. ႀကိဳက္ရင္ေတာ့ Save template ေပါ့
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;