မဂၤလာပါမိတ္ေဆြမိတ္မ်ားခင္ဗ်ာ!!! ဒီေန ့က်ေနာ္ေဆြးေႏြးေပးမယ့္အေၾကာင္းေလးကေတာ့ blog template ေတြ ရဲ ့header မွာ မိမိတို ့ၾကိဳက္ႏွစ္သက္တဲ့ပံုထည့္နည္းႏွင့္ တခ်ိဳ ့template ေတြမွာ ေဖ်ာက္ဖ်က္လို ့မရတဲ့ header Add a Gadget ကိုေဖ်ာက္တဲ့နည္းလမ္းေတြျဖစ္ပါတယ္. ဘာေၾကာင့္ ဒီ header Add a Gadget ကိုပယ္ခ်င္ရတဲ့ အေၾကာင္းကေတာ့ မိမိတို ့ header မွာထည့္လိုက္တဲ့ပံုေပၚမွာ ဒီ header မွာေရးထားတဲ့စာတမ္း ( သို ့) ပံုေတြက ပါေနေတာ့ header ေပၚမွာ ပံုက ႏွစ္ပံု ( သို ့) ပံုေပၚမွာ စာတမ္းေတြပါေနတဲ့ အတြက္ျဖစ္ပါတယ္.ေအာက္မွာ က်ေနာ္ ပံုေလးေတြနဲ ့ရွင္းျပေပးပါမယ္...
မူလ template မွာပယ္လို ့မရတဲ့ပံု
မူလ template မွာပယ္လို ့မရတဲ့ပံု
အေပၚကပံုကိုၾကည့္လိုက္ပါ Blog Title မွာရွိေနတဲ့ေခါင္းစဥ္ကို ေဖ်ာက္ဖို ့ ေအာက္မွာ ဝိုင္းထားတဲ့ REMOVE
ရွိမွျဖစ္တဲ့အတြက္ ဒီ REMOVE ျဖစ္လာေအာင္ျပဳလုပ္တဲ့နည္းေလးပါ.
step| 1 | မိမိဘေလာ့ကိုဝင္ျပီး ေအာက္ကပံုေလးအတိုင္း သြားလိုက္ပါ။
step| 2 | ျပီးရင္ ေအာက္မွာေဖၚျပထားတဲ့ကုဒ္ေတြကို Ctrl + F အကူအညီနဲ ့ရွာလိုက္ပါ။
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Blogger Tips and Tricks (Header)' type='Header'/>
<b:section class='header' id='header' maxwidgets='' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Blogger Tips and Tricks (Header)' type='Header'/>
step |3 | ရွာလို ့ေတြ ့တဲ့ထဲက မွ " true " ကိုရွာျပီး " false " ဆိုေျပာင္းလိုက္ျပီး SAVE TEMPLATE ကို click ေပးလိုက္ပါ။
step |4 | ျပီးရင္ Page Elements ကိုသြားျပီး မိမိတို ့ပယ္ခ်င္တဲ့ header Add a Gadget ကိုဖြင့္လိုက္ရင္ ေအာက္ပါပံုေလးအတိုင္း REMOVE ဆိုတဲ့ စာတမ္းေလးေရာက္ရွိလာပါလိမ့္မယ္ .
ျပဳျပင္ထားျပီးျဖစ္လာတဲ့ပံု
အဲဒီမွာမိမိတို ့ဖ်တ္ခ်င္ရင္ REMOVE / SAVE ဆိုရင္ ေပ်ာက္သြားပါလိမ့္မယ္.ဒါက REMOVE ထည့္သြင္းျပီး တဲ့အပိုင္းပါ။
အေပၚကိစၥေတြအဆင္ေျပသြားျပီဆိုရင္ ေအာက္မွာ ဆက္သြားပါမယ္...
step| 1 | ေအာက္ကပံုေလးအတိုင္းသြားလိုက္ပါ...
step | 2 | Ctrl + F နဲ ့ေအာက္ကကုဒ္ေတြကိုရွာလိုက္ပါ...
#header-wrapper{width:950px;margin:0px auto 0px;height:110px;padding:0px 0px;overflow:hidden;}
step | 3 | ေတြ ့ျပီဆိုရင္ width:950px;margin:0px auto 0px;height:110px;padding:0px 0px;overflow:hidden ေနရာမွာ ေအာက္ကကုဒ္ေတြနဲ ့အစားထိုးေပးလိုက္ပါ.
background:url(မိမိတို ့ပံုရဲ ့လင့္ထည့္ေပးလိုက္ပါ) no-repeat;
height:250px;
width:990px;
margin-left:-10px;
margin-top:-16px;
border:0px solid $bordercolor
height:250px;
width:990px;
margin-left:-10px;
margin-top:-16px;
border:0px solid $bordercolor
မွတ္ခ်က္။ ။ height:250px; width:990px; ေတြမွာ မိမိတို ့စိတ္ၾကိဳက္ေျပာင္းျပီး အသံုးျပဳမည့္ပံုအရြယ္အစားလဲ ထပ္တူျဖစ္ေနမယ္ ဆိုရင္ပိုေကာင္းပါတယ္.
ဒီမွာျပထားတာ Header တစ္ခုတည္းဆိုေပမယ့္ Edit Html ထဲက locked က်ေနတဲ့ ဘယ္ဟာမဆို True ကို False ေျပာင္းေပးလိုက္ရင္ မလိုတာေတြ ျဖဳတ္ပစ္လို႔ရပါလိမ့္မယ္ စိတ္ၾကိဳက္လုပ္ေဆာင္ႏိုင္ပါတယ္
ကိုေနမင္းေခာတ္ဘေလာ့ကို ျဖည့္စြက္တင္ျပပါသည္
အာကာျဖိဳး
မူရင္းေရးသားသူ အာကာျဖိဳး
0 comments:
Post a Comment