ဘေလာ့ကို နည္းနည္းအေတြ႕အႀကံဳရလာၿပီးသူေတြအတြက္ ဒီပို႔စ္က သိပ္တန္ဖိုးမရွိေပမယ့္ ဘေလာ့ကို ခုမွ စလုပ္သူေတြအတြက္ေတာ့ အသံုး၀င္မယ့္ပို႔စ္တစ္ခုပါ.
မ်ားေသာအားျဖင့္ တန္းပလိတ္လဲတတ္ၿပီဆိုရင္ Auto Read More Button ပါတဲ့ တန္းပလိတ္နဲ႔ Menu ပါတဲ့ တန္းပလိတ္ကိုရွာေဖြၿပီး လဲတတ္ၾကပါတယ္..
(တန္းပလိတ္အစားထိုးနည္း
ဒီမွာ ၾကည့္ပါ..)
ဒါေပမယ့္ ကိုယ္ႀကိဳက္တဲ့ တန္းပလိတ္က Read More အဆင္သင့္မပါလာဘူး.. junp break ေခါက္လိုက္လို႔ ေပၚလာတဲ့ Read More ကလည္း Button ေလးနဲ႔မဟုတ္ဘူး. ဒါေပမယ့္ ကိုယ္က Read More ကို Button ေလးနဲ႔
လုပ္ခ်င္တယ္ဆိုရင္ ေအာက္မွာေပးထားတဲ့နည္းကို တစ္ဆင့္ခ်င္းလုပ္သြားလိုက္ပါ.
1. Blogger Singin ၀င္လိုက္ပါ။
2. DASHBOARD မွာ ကိုယ့္ရဲ႕ဘေလာ့ကို ေရြးလိုက္ပါ.. ဆိုလိုတာက တစ္ေယက္တည္း ဘေလာ့ေတြ ၁ ခုမက ရွိေနတတ္လို႔ပါ..
3. Template ကို တစ္ခ်က္ႏွိပ္ပါ.. (blog တစ္ခ်ဳိ႕မွာေတာ့ Layout ကိုႏွိပ္ရပါတယ္..)
4.EDIT HTML ကိုႏွိပ္ပါ....
5.Edit HTML ေဘာက္ထဲကို ကလစ္တစ္ခ်က္ႏွိပ္ၿပီး ကာဆာ ခ်ထားလိုက္ပါ..Ctrl+F ကိုႏွိပ္ၿပီး Find Box ေဘာက္ထဲမွာ
</head> ထည့္ၿပီးကိုရွာပါ...
ေတြ႕ျပီဆိုရင္</head>ေအာက္မွာ ေအာက္က Code ကိုထည့္ေပးလိုက္ပါ၊
<script type='text/javascript'>
var thumbnail_mode = "float" ;
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'/>
(သို႔မဟုတ္)
</head> ရဲ႕ ေပၚမွာ ေအာက္က ကုဒ္ကို ထည့္ေပးလိုက္ပါ.
<script type="text/javascript">
var summaryConf = {
showImage: true,
imgFloat: 'left',
imgWidth: 120,
imgHeight: 90,
defaultThumb: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibq_09rHOSwev3O9wuSSs94BNq8q4S_KGDQ0bBApA8QpLyAQ1fE90LMTDrelHNszaJwmB3GCmMQkYaSpuKbsa0NEtThnwhAsgSR_acIHWZx_DabgthhA3dRvPW5x8fPcTCk6X4PX7DoI8/s1600/no-thumb.jpg',
words: 65,
wordsNoImg: 80,
skip: 0,
showHome: true,
showLabel: true
};
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('w 3(h){3.6=3.6||0;3.6++;4 g=i.j.k("/l/v/")==-1&&i.j.k("/l?")==-1,c=i.j.k("/l/v/")!=-1;5(3.6<=2.G){8}5(g&&!2.C){8}5(c&&!2.E){8}4 e=x.z(h),f=e.B("o");5(2.D){4 a=\'<o T="\'+2.J+\'" K="\'+2.L+\'"\';5(2.t!="y"){4 b=2.t=="p"?\' q="r:p;n:0 7 7 0"\':\' q="r:F;n:0 0 7 7"\';a+=b}a+=\' u="\'+(f.H>0?f[0].u:2.I)+\'" />\';4 d=3.9(e.m,2.M)}N{4 a="",d=3.9(e.m,2.O)}e.m=a+d+"..."}3.9=w(a,b){8 a.P(/<.*?>/Q,"").R(/\\s+/).S(0,b-1).A(" ")};',56,56,'||summaryConf|summary|var|if|count|5px|return|strip|||||||||location|href|indexOf|search|innerHTML|padding|img|left|style|float||imgFloat|src|label|function|document|no|getElementById|join|getElementsByTagName|showHome|showImage|showLabel|right|skip|length|defaultThumb|imgWidth|height|imgHeight|words|else|wordsNoImg|replace|ig|split|slice|width'.split('|'),0,{}))
//]]>
</script>
မွတ္ခ်က္..
ကုဒ္ႏွစ္မ်ဳိးမွာ တစ္မ်ဳိးနဲ႔မရပါက တစ္မ်ဳိးထည့္ဖို႔ျဖစ္ပါတယ္.. ႏွစ္မ်ဳိးလံုး မထည့္ရပါဘူးခင္ဗ်ာ
7.ၿပီးရင္ ေအာက္က Code ကိုထပ္ရွာပါ၊
<data:post.body/>
တစ္ခ်ဳိ႕က
<data:post.body/> မရွိဘူးလို႔ေျပာၾကတယ္.. ဒါမရွိရင္ ပို႔စ္တင္တဲ့ စာရြက္မျဖစ္ပါဘူး.. ရွိကို ရွိပါတယ္.. ေတြ႕ေအာင္ရွာပါ.. ေတြ႕ျပီဆိုရင္<data:post.body/> ကို ေအာက္က Code နဲ႕အစားထိုးေပးလိုက္ပါ။။
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</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>
(သို႔မဟုတ္)
ေအာက္က ကုဒ္နဲ႔ အစားထိုးလိုက္ပါ...
<data:post.body/> ႏွစ္ခု ေတြ႕ေနရင္ အေပၚဘက္က
<data:post.body/> ကို အစားထိုးပါ..-
<span expr:id='data:post.id'><data:post.body/></span>
<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>summary("<data:post.id/>")</script>
<span style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>Read More</a></span>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<script type='text/javascript'>summary("<data:post.id/>")</script>
</b:if>
</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 Button ေလးနဲ႔ လန္းသြားၿပီေပါ့..
( Read More Button ေတြကို ေအာက္ကလင့္ေတြမွာ ေဒါင္းၿပီး ကိုယ့္ကိုယ္ကို တင္ၿပီးေတာ့ လင့္ယူရင္လည္း ရပါတယ္....
Download Read More Buttons >>
Mediafire or Ziddu or SendSpace or Tusfiles or
Solidfiles
တစ္ခုေတာ့ ထပ္ေျပာခ်င္ေသးတယ္.. ကၽြန္ေတာ္ေျပာတဲ့နည္းကိုလုပ္ၿပီး Read More က ေတာ့ အဆင္ေျပသြားတယ္.. ဒါေပမယ့္ Post ရဲ႕ ပံုေလးေတြက ငယ္ေနၿပီး စာသားေတြကလည္း ၃/၄ ေၾကာင္းေလာက္ပဲေပၚတယ္. အဲဒါကို မႀကိဳက္ဘူးဆိုရင္..
1. Ctrl + F နဲ႔ ေအာက္က စာသားေတြကို တစ္ေၾကာင္းခ်င္း လိုက္ရွာၿပီး အနီေရာင္ ျပထားတဲ့ တန္ဖိုးေတြကို ေျပာင္းၾကည့္ၿပီး Preview နဲ႔ ၾကည့္ပါ.. ႀကိဳက္ရင္ေတာ့ Save template ေပါ့
summary_noimg =
230;
summary_img =
140;
img_thumb_height =
100;
img_thumb_width =
100;
အဆင္ေျပသြားၿပီလားဗ်ာ...
ေမာင္ေပါက္
