Cbox မွာ မိတ္ေဆြတစ္ေယာက္ ေမးထားတာေလး ေရးျပခ်င္ပါတယ္ ....။
ဒီလိုျဖစ္ေအာင္ လုပ္ဖို႔အတြက္ အဆင့္ (၃) ဆင့္ လုပ္ရမွာ ျဖစ္ပါတယ္ ....။
အဆင့္(၁)
ပထမဆံုး ကိုယ့္ Blog သို႔ Login ၀င္ေရာက္လိုက္ပါ။ ၿပီးရင္ Blogger Dashboard သို႔၀င္ေရာက္လိုက္ၿပီး Template သို႔ ဆက္သြားလိုက္ပါ။
Template ထဲမွာ ေအာက္မွာေပးထားတဲ့ Code ကို႐ွာပါ။ (ကီးဘုတ္မွ Ctrl+F ကိုႏွိပ္ၿပီး Find: အကြက္မွာ ႐ိုက္ထည့္႐ွာရင္ ပိုျမန္ပါတယ္)
အဆင့္(၂)
ဆက္လက္ၿပီး ေအာက္က Code ကို႐ွာပါ။
ဒါက Template အတြင္းလိုအပ္တဲ့ Code ေတြကို ထည့္သြင္းျခင္း အပိုင္းျဖစ္ပါတယ္။ ဆက္လက္ၿပီး ကိုယ္ +/- နဲ႔ေပၚေစခ်င္တဲ့ Link ေတြကို Blog ရဲ႕ Side Bar မွာ Gadget တစ္ခုအေနနဲ႔ ထည့္သြင္းရပါမယ္။ ဒီလိုထည့္သြင္းဖို႔ အတြက္
အဆင့္(၃)
Blog ရဲ႕ Dashboard မွာပါတဲ့ Layout သို႔၀င္ေရာက္လိုက္ပါ။
Sidebar ေနရာမွာပါတဲ့ Add Gadget ဆိုတာေလးကို ႏွိပ္လိုက္ပါ။
ပြင့္လာတဲ့ windows ထဲက HTML/JavaScript ဆိုတာေလးကို ႏွိပ္လိုက္ပါ။
ပြင့္လာတဲ့ Windows ထဲက အကြက္ရဲ႕ Title ေနရာမွာ ကိုယ္ႀကိဳက္တဲ့ ေခါင္းစဥ္ေပးပါ။ (မေပးရင္လည္း ရပါတယ္။) သီးျခား Gadget တစ္ခုထည့္တဲ့သေဘာပါဘဲ လိုအပ္ရင္ ဒီPost မွာ ဖတ္ၾကည့္ႏိုင္ပါတယ္။
အလယ္က Content ေနရာမွာ ေအာက္က Code ေတြကို ထည့္ေပးလိုက္ပါ။
Code ကိုျပဳျပင္ရန္
ကၽြန္ေတာ္ သိသေလာက္ေလးကို ေရးျပျခင္းသာ ျဖစ္ပါတယ္ ....။
အဆင္ေျပႏိုင္ၾကပါေစ ....
ေအာင္ေအာင္: Link မ်ားအတြက္ +/- ေပၚတြင္ Click ႏွိပ္ပါခင္ဗ်ာ ဆိုတာေလးကိုဘာကုဒ္ခံျပီးလုပ္ထားတာလဲ ေျပာျပေပးပါလားဒီလို +/- နဲ႔ မူရင္း Link ေတြကို ေဖ်ာက္ထားတာဟာ Blog ရဲ႕ Side Bar ကို အ႐ွည္ႀကီးျဖစ္ေနျခင္းမွ ကာကြယ္ေပးတဲ့ အျပင္ Blog Loading Time ကိုလည္း ေလ်ာ့ခ်ေပးပါတယ္ ....။ Hide/Show, Expand/Collapse စသည္ျဖင့္ေျပာၾကသလို Peek-a-boo လို႔လည္း ေျပာၾကပါတယ္ ....။ အေသးစိတ္ေတာ့ ကၽြန္ေတာ္ ေသခ်ာမသိပါဘူး ...။
ဒီလိုျဖစ္ေအာင္ လုပ္ဖို႔အတြက္ အဆင့္ (၃) ဆင့္ လုပ္ရမွာ ျဖစ္ပါတယ္ ....။
အဆင့္(၁)
ပထမဆံုး ကိုယ့္ Blog သို႔ Login ၀င္ေရာက္လိုက္ပါ။ ၿပီးရင္ Blogger Dashboard သို႔၀င္ေရာက္လိုက္ၿပီး Template သို႔ ဆက္သြားလိုက္ပါ။
Template ထဲမွာ ေအာက္မွာေပးထားတဲ့ Code ကို႐ွာပါ။ (ကီးဘုတ္မွ Ctrl+F ကိုႏွိပ္ၿပီး Find: အကြက္မွာ ႐ိုက္ထည့္႐ွာရင္ ပိုျမန္ပါတယ္)
]]></b:skin>ေတြ႕ၿပီဆိုရင္ သူ႕ရဲ႕ အေပၚမွာ ေအာက္က Code ေတြကို ထည့္ေပးလိုက္ပါ။
.commenthidden {display:none}
.commentshown {display:inline}
အဆင့္(၂)
ဆက္လက္ၿပီး ေအာက္က Code ကို႐ွာပါ။
</head>သူ႕ရဲ႕ အေပၚမွာ ေအာက္က Code ေတြကို ထည့္ေပးလိုက္ပါ။
<script type="text/Javascript">ၿပီးရင္ ေအာက္နားေလးမွာပါတဲ့ Save template ကိုႏွိပ္လိုက္ပါ။
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
ဒါက Template အတြင္းလိုအပ္တဲ့ Code ေတြကို ထည့္သြင္းျခင္း အပိုင္းျဖစ္ပါတယ္။ ဆက္လက္ၿပီး ကိုယ္ +/- နဲ႔ေပၚေစခ်င္တဲ့ Link ေတြကို Blog ရဲ႕ Side Bar မွာ Gadget တစ္ခုအေနနဲ႔ ထည့္သြင္းရပါမယ္။ ဒီလိုထည့္သြင္းဖို႔ အတြက္
အဆင့္(၃)
Blog ရဲ႕ Dashboard မွာပါတဲ့ Layout သို႔၀င္ေရာက္လိုက္ပါ။
Sidebar ေနရာမွာပါတဲ့ Add Gadget ဆိုတာေလးကို ႏွိပ္လိုက္ပါ။
ပြင့္လာတဲ့ windows ထဲက HTML/JavaScript ဆိုတာေလးကို ႏွိပ္လိုက္ပါ။
ပြင့္လာတဲ့ Windows ထဲက အကြက္ရဲ႕ Title ေနရာမွာ ကိုယ္ႀကိဳက္တဲ့ ေခါင္းစဥ္ေပးပါ။ (မေပးရင္လည္း ရပါတယ္။) သီးျခား Gadget တစ္ခုထည့္တဲ့သေဘာပါဘဲ လိုအပ္ရင္ ဒီPost မွာ ဖတ္ၾကည့္ႏိုင္ပါတယ္။
အလယ္က Content ေနရာမွာ ေအာက္က Code ေတြကို ထည့္ေပးလိုက္ပါ။
<a aiotitle="click to expand" href="javascript:togglecomments('FreeIdea')">+/-Linkေတြရဲ႕ေခါင္းစဥ္ဒီမွာေရးပါ</a><br /><br><div class="commenthidden" id="FreeIdea">
<a href="လင့္1ကိုဒီမွာထည့္ပါ" target="_blank"> လင့္1ရဲ႕အမည္ကိုဒီမွာထည့္ပါ </a><br />
<a href="လင့္2ကိုဒီမွာထည့္ပါ" target="_blank"> လင့္2ရဲ႕အမည္ကိုဒီမွာထည့္ပါ </a><br />
<a href="လင့္3ကိုဒီမွာထည့္ပါ" target="_blank"> လင့္3ရဲ႕အမည္ကိုဒီမွာထည့္ပါ </a><br />
</div>
Code ကိုျပဳျပင္ရန္
- ဒီေနရာမွာ အေရးႀကီးတာက ကၽြန္ေတာ္ အနီေရာင္ နဲ႔ေရးျပထားတဲ့ FreeIdea ဆိုတဲ့ စာလံုးေတြကို ကိုယ့္စိတ္ႀကိဳက္ေပးလို႔ပါတယ္။ ဒါေပမဲ့ ႏွစ္ေနရာလံုး စာလံုးေပါင္း/အႀကီးအေသး တူရမွာျဖစ္ပါတယ္။ မတူရင္ Code အလုပ္မလုပ္ပါ။ ဒီလို +/- Link ေတြ Sidebar မွာ တစ္ခုမက ထည့္မယ္ဆိုရင္လည္း တစ္ခုနဲ႔တစ္ခု မတူေအာင္ ေပးရမွာ ျဖစ္ပါတယ္။
- ကၽြန္ေတာ္ အျပာေရာင္ နဲ႔ေရးျပထားတဲ့ ေနရာေတြကေတာ့ ကိုယ္ႀကိဳက္တဲ့ Link ေတြကို ထည့္ေပးလို႔ ရပါတယ္။ တစ္ခုသတိထားသင့္တာက Link ရဲ႕ေ႐ွ႕မွာ http:// ဆိုတာကို ထည့္ေပးရမွာ ျဖစ္ပါတယ္။
- ကၽြန္ေတာ့္ အေနနဲ႕ Link (3) ခုကိုဘဲ နမူနာေပးထားတာပါ။ တကယ္လို႔ မိတ္ေဆြအေနနဲ႔ Link ေတြထပ္တိုးထည့္ခ်င္ေသးတယ္ ဆိုရင္ ေအာက္ဆံုး </div> ဆိုတာေလးရဲ႕ ေ႐ွ႕မွာ <a href="လင့္ကိုဒီမွာထည့္ပါ" target="_blank"> လင့္ရဲ႕အမည္ကိုဒီမွာထည့္ပါ </a><br /> အတိုင္း ထပ္တိုးထည့္ႏိုင္ပါတယ္။ ( Code ရဲ႕ ေနာက္ဆံုးမွာေတာ့ </div> နဲ႔ အဆံုးသတ္ရပါမယ္။)
- အားလံုးၿပီးသြားၿပီ ဆိုရင္ေတာ့ ေအာက္မွာပါတဲ့ Save ကိုႏွိပ္လိုက္လို႔ ရပါတယ္။
ကၽြန္ေတာ္ သိသေလာက္ေလးကို ေရးျပျခင္းသာ ျဖစ္ပါတယ္ ....။
အဆင္ေျပႏိုင္ၾကပါေစ ....