Peekaboo Post and Sidebar Hight/Show( +/- )

Post Hight/Show[+/-]

အခုေဖာ္ျပမည့္နည္းေလးကေတာ့ အလြယ္ကူဆံုးနဲ႔ လံုး၀ error မရွိတဲ့ Hight/Show [+/-] လုပ္လုိ႔ရတဲ့ နည္းေကာင္းေလး တစ္ခုပါ။ အသံုးလည္းနည္း လူသိလည္းနည္းတဲ့ နည္းပညာေလး တစ္ခုလုိ႔ ထင္ပါတယ္။ ေခါက္သိမ္းထားတဲ့ posts ေတြကို Show အေနနဲ႔ ၾကည့္ခ်င္ရင္ေသာ္လည္းေကာင္း၊ Hight ျပန္လုပ္ခ်င္ခဲ့ရင္ ေသာ္လည္းေကာင္း တစ္ေနရာထဲမွာပဲ mouse click ျပဳလုပ္ေပးျခင္းအားျဖင့္ Hight/Show ျပဳလုပ္ေပးႏုိင္ ပါတယ္။ျပဳလုပ္ခ်င္တယ္ဆုိရင္ေတာ့ အဆင့္ (၃)ဆင့္ေလာက္လုပ္ရံုနဲ႔ အဆင္ေျပေစပါတယ္-

[ ဆက္ဖတ္ရန္ +/- ]

(၁) Style Sheet အတြင္း အဆင္ေျပဆံုးေနရာတစ္ခုမွာ ေအာက္ေဖာ္ျပပါ code စာေၾကာင္းေလး၂ခုကုိ ထည့္သြင္းေပးပါ။ Style Sheet ဆုိတာကေတာ့ ]]></b:skin> ဆုိတဲ႔ စာေၾကာင္းေလး အထက္ပုိင္းကုိ ေခၚပါတယ္။ က်ေနာ္ကေတာ့ သူ႔ရဲ႕အေပၚကပ္လ်က္ မွာ ထည့္သြင္း ေပးထားပါတယ္။ Blogger မ်ား မိမိအဆင္ေျပတဲ့ေနရာမွာ ထည့္သြင္းပါ-

.commenthidden {display:none}
.commentshown {display:inline}

(၂) ေအာက္ေဖာ္ျပပါ Script code ေလးကုိ </head> ရဲ႕အေပၚမွာ ထည့္သြင္းေပးပါ-

<script type="text/Javascript">
function togglecomments (postid){
var whichpost =document.getElementById(postid);if(whichpost.className=="commentshown"){
whichpost.className="commenthidden";}else {
whichpost.className="commentshown";}
}</script>

ဒီေလာက္နဲ႔တင္ကုိ ျပင္ဆင္ျခင္းအပုိင္းၿပီးပါၿပီ။

(၃) Posts ေတြကုိ ေခါက္ခ်ိဳးသိမ္းဖုိ႔အတြက္ ေအာက္ေဖာ္ျပပါ code ကုိအသံုးျပဳရပါမယ္။ လုိက္နာရမဲ့ အထူး သတိျပဳရမဲ့ အခ်က္တစ္ခ်က္ေတာ့ရွိပါတယ္။ အနီေရာင္ ျဖင့္ျပထားတဲ့ ေနရာတုိ႔တြင္ post တစ္ခုနဲ႔ တစ္ခုအေပၚ အသံုးျပဳတာခ်င္မတူရပါဘူး။ ဥပမာ-post အခု ၁၀၀ မွာ သံုးမယ္ဆုိရင္ ၄င္း အနီေရာင္ ျဖင့္ ျပထားေသာေနရာသည္ အခု ၁၀၀ လံုး တစ္ခုႏွင့္ တစ္ခုမတူညီတဲ့ အမွတ္အသားေတြ ေျပာင္းလဲ ထည့္သြင္း ေပးရမွာပါ။ က်ေနာ္ကေတာ့ post အမွတ္အသားအေနနဲ႔ ကုိယ့္နာမည္ ေနာက္မွာ 1,2,3, စသည္ျဖင့္ တစ္ခုစီ သတ္မွတ္ေပး လုိက္ပါတယ္။ အလြယ္ဆံုးေပါ့။ အျပာေရာင္ျဖင့္ျပထားေသာ rgb color value ႏွင့္ Hight/Show ျပဳလုပ္မဲ့ [ ဆက္ဖတ္ရန္ +/- ] တုိ႔ကုိ မိမိစိတ္ႀကိဳက္ ျပင္ဆင္ အသံုးျပဳႏုိင္ပါတယ္။ (color link )

ေဖာ္ျပထားလုိေသာစာသားမ်ားထားရန္<a style="color: rgb(255, 0, 0);" aiotitle="click to expand" href="javascript:togglecomments('pethein')"><span style="color: rgb(255, 0, 0);">[ ဆက္ဖတ္ရန္ +/- ]</span></a><div class="commenthidden" id="pethein"><p> ေခါက္သိမ္းထားလုိေသာစာသားမ်ားထားရန္</p></div>

အထက္ေဖာ္ျပပါ code ကုိ Dashboard မွ Settings==>Formatting ကုိသြားၿပီး Post Template ၏ box ထဲတြင္ ထည့္သြင္းေပးလုိက္ပါ။ ၿပီးရင္ Save လုိက္ပါ။ ဒါဆုိရင္ Posts ေတြေရးတုိင္ လုိက္ေပၚေပးေနမွာပါ။

အလြန္လြယ္လုိ႔ ဒီေလာက္ဆုိသေဘာေပါက္တယ္လုိ႔ ယူဆလုိက္ပါတယ္။

ွSidebar အတြက္ေတာ့ ေနာက္မွ ဆက္ေရးပါ့မယ္။

အဆင္ေျပပါေစ