Page Navigation Hack for Your Blog

December 22, 2009 at 12:32 am · Filed under Blog

ဒီhacking ေလးကေတာ့ ဘေလာ့ဂါမ်ားအတြက္ အထူးအသံုး၀င္တဲ့ hacking ျဖစ္ပါတယ္. ဘေလာ့ဂါမ်ားအတြက္ အသံုးလည္း၀င္သလုိ႔ သံုးလဲ သံုးေနၾကပါတယ္. မ်ားျပားလာတဲ့ post ေတြ႔ကို လြယ္လင့္တကူ ရွာေဖြႏိူင္တယ့္ hacking ျဖစ္ပါတယ္.ရိုးရိုးဘေလာ့မွာ ပါရိွျပီးသား older post ကိုႏွိပ္ျပီး ပို႔အေဟာင္းေတြ႔ကို ရွာရရင္ အသက္ၾကီးသြားႏူိင္ပါတယ္. ကိုယ္ေရာက္ခ်င္တဲ့အနည္းဆံုး စာမ်က္ႏွာ ႏွစ္ရြက္သံုးရြက္ေလာက္ ေက်ာ္ခြျပီး သြားႏူိင္ပါတယ္. အရင္ဆံုးအေနနဲ႔ sign in ၀င္လုိက္ပါ.ျပီးရင္ Layout>>>Edit HTML ျပီးရင္ေတာ့ ထံုးစံအတိုင္း မလုပ္မျဖစ္လုပ္သင့္တဲ့ download full template ကို ႏွိပ္ျပီး ကိုယ္ရဲ့ computer ထဲမွာ back up ထားထားလုိက္ပါ. Ctrl+F ကို ႏွိပ္ျပီး ]]></b:skin> ကို ရွာလုိက္ပါ. ျပီးရင္ေတာ့ ေအာက္ကcode မ်ားကို copy ကူးျပီး  ]]></b:skin> ရဲ့အေပၚမွာ  (paste) ကူးထည့္လုိက္ပါ.

.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
}

.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;

}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

Ctrl + F ကိုႏွိ္ပ္ျပီး  <b:section class=’main’ id=’main’ showaddelement=’yes’> ရွာလိုက္ပါ. Expand Widget Templates ကို check ေပးဖုိ႔ မလိုပါဘူး။ သူရဲ့ code မ်ားက ေအာက္ကလို ရိွလိမ့္မယ္.

<b:section class=’main’ id=’main’ showaddelement=’yes’>
<b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’/>
</b:section>

ဒီလင့္ကို  ကလစ္ႏွိပ္ျပီး ေတြ႔ရမယ္ script code မ်ားကို  </b:section> ရဲ့ ေအာက္မွာ ကူးထည့္လုိက္ပါ. ျပီးရင္ေတာ့ save template ေပါ့. အယ္ဒီမွာ ျပင္မယ္ဆို ျပင္စရာႏွစ္ခုရိွပါတယ္. (အေပၚဆံုးနားမွာဘဲ ရိွပါတယ္)
var pageCount=10;
var displayPageNum=6;
var pageCount= 10; ဆိုတာကေတာ့ စာမ်က္ႏွာတရြက္ဆီမွာ ေဖာ္ျပျခင္းေသာ post အေရအတြက္ကို ဆိုလိုျခင္းျဖစ္ပါတယ္. var displayPageNum=6; ကေတာ့  ေဖာ္ျပထားခ်င္ေသာ page Navigation ရဲ့အေရအတြက္ ျဖစ္ပါတယ္. ဒါေၾကာင့္မို႔ သံုးစြဲသူညီအကိုတို႔အေနနဲ႔ ကိုယ္စိတ္ၾကိဳက္တန္ဖိုးမ်ားကို ေျပာင္းလဲ ထည့္သြင္းလို႔ရပါတယ္. အဆင္ေျပၾကမယ္လုိ႔ ေမွ်ာ္လင့္ပါတယ္.

Best regards,
michaelmoe21@gmail.com

Permalink