How to put a search box, Ads in the Blog header

Jun 17, 2007

ဘေလာ႕ေခါင္းစဥ္းမွာ ဟိုရွာဒီရွာလုပ္တဲ႕ search box တို႕ ဂူဂယ္နဲ႕တၿခားေသာ ေၾကာ္ၿငာ Ads ေလးမ်ားကို ဘေလာ႕ရဲ႕ Header မွာဘယ္လိုထဲ႕လဲဆိုတဲ႕ အေၾကာင္းပါ။ က်ေတာ္ဘေလာ႕မွာထဲ႕ထားတဲ႕ နည္းကိုေၿပာၿပ သြားပါမယ္။
ပထမဦးစြာ Go to Template> edit HTML. ထို႕ေနာက္ ေအာက္မွာ ၿပထားေသာ ကုတ္မ်ားကို template မွာရွာပါ။ <b:section class='header' id='header' maxwidgets='1'> ကိုရွာပါ။ maxwidgets='1' ကို maxwidgets='4' ဟုေၿပာင္းေပးပါ။ ထို႕ေနာက္တန္းပလိပ္ကို save လိုက္ပါ။ Page Elements ကိုၿပန္သြားပါ။ Header မွာ Add a page Element ဆိုတာေပၚလာတာေတြ႕ရပါလိပ္႔မယ္။ အဲဒီ Add a page Element ကိုႏိွပ္ပါ။ ထံုးစံအတိုင္း HTML/JavaScript ကေန search box အတြက္ ေအာက္မွာၿပထားတဲ႕ ကုတ္ေတြကိုထဲ႕ပါ။

<div style="text-align: right; margin-top: -55px;"><form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"> <input id="searchButton" value="Go" type="submit"></form></div>

မိမိရဲ႕ search box ကို header ရဲ႕ ဘယ္ညာလယ္ အေပၚေအာက္ကို div style နဲ႕ မိမိထားမည္႕ေနရာကိုမူတည္ၿပီး ထိမ္းညိွေပးရပါမယ္။ တေယာက္နဲ႕တေယာက္ အသံုးၿပဳတဲ႕ တန္းပလိပ္ ကြာတဲ႕အတြက္ div style ကိုလဲမိမိ နဲ႕သင္႕ေတာ္သလို ညိွယူပါ။ Google Adsense (banner, google searchand referral links) အတြက္လဲ အတူတူပဲၿဖစ္ပါတယ္။

<div style="text-align: right; margin-top: -55px;">Google Adsense Script here</div>

blog tips