မိမိရဲ႕ဘေလာ့ပိုမိုၿပီးလွပေစရန္(Header)ေပၚမွာ Add Page Elementထည့္နည္းေလးပါ၊
မသိၾကေသးတဲ့ခ်စ္မိတ္ေဆြေတြအတြက္ပါ ေလးလည္းေလးစာပါတယ္၊
မိမိဘေလာ့ေလးလွခ်င္ရင္ေတာ့နည္းနည္းအပင္ပန္းခံတာေပါ့ေနာ္..ဟီး....
Add Page Elements ကို Blog Header မွာဘယ္လိုထည့္ရလဲဆိုရင္ ဘေလာ့ ေခါင္းစီးပုံေတြလည္း
အလြယ္တကူထည့္နိဳင္မွာ ျဖစ္ပါတယ္... တခ်ိဳ႕ တက္ပလက္ေတြက ေခါင္းစီး header ပုံေတြ
ထည့္မရတာ ရွိပါတယ္ မရတာဆို အျပည့္မေပၚတာမ်ိဳးေတြေပါ့ေနာ္... အဲခါမ်ိဳးက် ခုနည္းေလးနဲ႕
သုံးရပါတယ္...
ေအာက္မွာ လုပ္နည္းေလးပါေနာ္.......
►1- Blogger Singin ၀င္လိုက္ပါ။
►2- DASHBOARD ကိုသြားလိုက္ပါ။
►3- TEMPLATE ကိုကလစ္ပါ..။
►4- EDIT HTML ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5- EXPAND WIDGET TEMPLATES ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6- Ctrl+F (သို႕မဟုတ္) F3 အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။
ေအာက္က Code ကိုရွာပါ၊
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
ေတြ႕ျပီဆိုရင္ေအာက္က Code အတိုင္းေျပာင္းေပးပါ၊
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
မျပီးေသးဘူးေနာက္တစ္ခုက်န္ေသးတယ္ ေအာက္က Code ကိုထပ္ရွာပါ၊
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
ေတြ႕ျပီဆိုရင္ေအာက္က Code အတိုင္းျပန္ေျပာင္းေပးလိုက္ပါ၊
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
လုပ္နည္းေလးက လြယ္ကူလြန္းလွပါတယ္ ေနာ္.. Save Template လုပ္လုိက္ပါ...
ဘေလာ့ Layout ကိုၾကည့္လိုက္ပါ အဆင္သင့္ ရွိေနပါလိမ့္မယ္...
add Page Elements ကေအာက္ပံုအတိုင္းေပၚလာလိမ့္မည္။
အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
မသိၾကေသးတဲ့ခ်စ္မိတ္ေဆြေတြအတြက္ပါ ေလးလည္းေလးစာပါတယ္၊
မိမိဘေလာ့ေလးလွခ်င္ရင္ေတာ့နည္းနည္းအပင္ပန္းခံတာေပါ့ေနာ္..ဟီး....
Add Page Elements ကို Blog Header မွာဘယ္လိုထည့္ရလဲဆိုရင္ ဘေလာ့ ေခါင္းစီးပုံေတြလည္း
အလြယ္တကူထည့္နိဳင္မွာ ျဖစ္ပါတယ္... တခ်ိဳ႕ တက္ပလက္ေတြက ေခါင္းစီး header ပုံေတြ
ထည့္မရတာ ရွိပါတယ္ မရတာဆို အျပည့္မေပၚတာမ်ိဳးေတြေပါ့ေနာ္... အဲခါမ်ိဳးက် ခုနည္းေလးနဲ႕
သုံးရပါတယ္...
ေအာက္မွာ လုပ္နည္းေလးပါေနာ္.......
►1- Blogger Singin ၀င္လိုက္ပါ။
►2- DASHBOARD ကိုသြားလိုက္ပါ။
►3- TEMPLATE ကိုကလစ္ပါ..။
►4- EDIT HTML ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5- EXPAND WIDGET TEMPLATES ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6- Ctrl+F (သို႕မဟုတ္) F3 အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။
ေအာက္က Code ကိုရွာပါ၊
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
ေတြ႕ျပီဆိုရင္ေအာက္က Code အတိုင္းေျပာင္းေပးပါ၊
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
မျပီးေသးဘူးေနာက္တစ္ခုက်န္ေသးတယ္ ေအာက္က Code ကိုထပ္ရွာပါ၊
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
ေတြ႕ျပီဆိုရင္ေအာက္က Code အတိုင္းျပန္ေျပာင္းေပးလိုက္ပါ၊
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
လုပ္နည္းေလးက လြယ္ကူလြန္းလွပါတယ္ ေနာ္.. Save Template လုပ္လုိက္ပါ...
ဘေလာ့ Layout ကိုၾကည့္လိုက္ပါ အဆင္သင့္ ရွိေနပါလိမ့္မယ္...
add Page Elements ကေအာက္ပံုအတိုင္းေပၚလာလိမ့္မည္။
အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
ကၽြန္ေတာ့တန္းပလိတ္ေခါင္းစဥ္ကပံုအျပည့္မေပၚဘူးအဲဒါေၾကာင့္ဒီးနည္းအတိုင္းလုပ္တာ ဒါလည္းအဆင္မေျပျပန္ဘူးဗ် ကၽြန္ေတာ္လုပ္တာတစ္ခုခုမ်ား မွားေနလားလို႔ ကၽြန္ေနာ့တန္းပလိတ္ ေခါင္းစဥ္ကုတ္ပါထည့္လိုက္တယ္ဗ်ာၾကည့္ေပးပါဦးေက်းဇူးျပဳၿပီးေတာ့ေပါ့ အားကိုးစရာဆိုလို႔ဒီဆရာေလးေတြပဲရွိတာဗ် ကၽြန္ေနာ့ ဘေလာ့ထဲကပံုစံအားလံုးလည္း ဒီထဲကႀကီးပါဒါေၾကာင့္အာစိကိုပဲလွမ္းဒုကၡေပးရတာခြင့္လႊတ္ပါေနာ္
#header-wrapper{width:1200px;margin:0px auto 0px;height:100px;padding:24px 0px 24px 0px;overflow:hidden;}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:40%;overflow:hidden;}
#header h1{color:#FBFAF9;text-shadow:0px 1px 0px #000;margin:0 5px 0;padding:0px 0px 0px 0px;font-family:'Oswald',Arial,Helvetica,Sans-serif;font-weight:bold;font-size:32px;line-height:32px;}
#header .description{padding-left:7px;color:#FBFAF9;text-shadow:0px 1px 0px #000;line-height:14px;font-size:14px;padding-top:0px;margin-top:10px;font-family:Arial,Helvetica,Sans-serif;}
#header h1 a,#header h1 a:visited{color:#FBFAF9;text-decoration:none}
#header h2{padding-left:5px;color:#FBFAF9;font:14px Arial,Helvetica,Sans-serif}
#header2{float:right;width:58%;margin-right:0px;padding-right:0px;overflow:hidden;}
#header2 .widget{padding:0px 0px 0px 0px;float:right}
.social-profiles-widget img{margin:0 4px 0 0}
.social-profiles-widget img:hover{opacity:0.8}
#top-social-profiles{padding-top:14px;padding-right:15px;height:32px;text-align:right;float:right}
#top-social-profiles img{margin:0 6px 0 0 !important}
#top-social-profiles img:hover{opacity:0.8}
#top-social-profiles .widget-container{background:none;padding:0;border:0}
/
ျပင္ခိုင္းတဲ့ဟာကေတာ့ျပင္ၿပီးပါၿပီ