Sunday, 18 November 2012

(Header)ေပၚမွာ Add Page Elementထည့္နည္းေလးပါ

 မိမိရဲ႕ဘေလာ့ပိုမိုၿပီးလွပေစရန္(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 မွာ ေျပာခဲ့ၾကပါေနာ္..

1 comments:

  • ကိုေအာင္ ေလး says:
    15 July 2013 at 08:05

    ကၽြန္ေတာ့တန္းပလိတ္ေခါင္းစဥ္ကပံုအျပည့္မေပၚဘူးအဲဒါေၾကာင့္ဒီးနည္းအတိုင္းလုပ္တာ ဒါလည္းအဆင္မေျပျပန္ဘူးဗ် ကၽြန္ေတာ္လုပ္တာတစ္ခုခုမ်ား မွားေနလားလို႔ ကၽြန္ေနာ့တန္းပလိတ္ ေခါင္းစဥ္ကုတ္ပါထည့္လိုက္တယ္ဗ်ာၾကည့္ေပးပါဦးေက်းဇူးျပဳၿပီးေတာ့ေပါ့ အားကိုးစရာဆိုလို႔ဒီဆရာေလးေတြပဲရွိတာဗ် ကၽြန္ေနာ့ ဘေလာ့ထဲကပံုစံအားလံုးလည္း ဒီထဲကႀကီးပါဒါေၾကာင့္အာစိကိုပဲလွမ္းဒုကၡေပးရတာခြင့္လႊတ္ပါေနာ္
    #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}
    /
    ျပင္ခိုင္းတဲ့ဟာကေတာ့ျပင္ၿပီးပါၿပီ

Post a Comment