ဒီေန႔ေတာ့ အဖ်ားေပ်ာက္သြားတာနဲ႔ Blog ေတြနဲ႔ ပါတ္သက္ၿပီးေတာ့ html code ျပင္တဲ့ အပိုင္းေတြကို ေျပာျပခ်င္ပါတယ္။ ခုဆိုရင္ ဘယ္သူပဲျဖစ္ျဖစ္ အနည္းဆံုးေတာ့ blogspot နဲ႔ Blog ေလးတစ္ခုေတာ့ ပိုင္ဆိုင္ေနၾကပါၿပီ။ Blog တစ္ခုကို ျပဳလုပ္ဖို႔အတြက္ကေတာ့ က်ေနာ့္အေနနဲ႔ တင္ေပးထားတာေကာ ၿပီးေတာ့ Blog စာအုပ္ေလးေတြလည္း တင္ေပးထားတဲ့အတြက္ Blog တစ္ခု တည္ေဆာက္ဖို႔ေတာ့ မခက္ခဲဘူးဆိုေပမယ့္ လုပ္ထားၿပီးသား Blog ကို ျမန္ဆန္ေစဖို႔နဲ႔ လွလွပပ ျပည့္ျပည့္စံုစံုျဖစ္ဖို႔လည္း အထူးလိုအပ္လွပါတယ္။ ကဲ ဒီေန႔ေတာ့ facebook နဲ႔ Blog ပတ္သက္တာေလးေတြကို ေျပာျပခ်င္ပါတယ္။ က်ေနာ့ Blog လည္းျပင္ရင္းနဲ႔ ၁၀၀% အဆင္အေျပဆံုး နည္းလမ္းေတြကိုပဲ ေျပာျပေပးသြားမွာပါ။
Blog Label ေတြကို ဘာလို႔ scroll Bar နဲ႔ထားတာလဲဆိုရင္ေတာ့ ဝဘ္ဆိုက္အတြက္ ေနရာမယူေအာင္ ဝဘ္ဆိုက္ကို ဝင္လာတဲ့သူ မ်က္စိပသာဒျဖစ္ေအာင္လို႔ပဲ ဆိုၾကပါစို႔ဗ်ာ .
ကဲစၾကည့္ရေအာင္ .
- Blogger.com ကို Sign In ဝင္လိုက္ပါ။
- Template ကိုႏွိပ္ပါ။ (ပံု-၁)
- ညာဖက္ထိပ္က Backup/Restore ကို ႏွိပ္ပါ။ (ပံု-၂)
- ၿပီး Download Full template ကို ႏွိပ္ၿပီးေတာ့ Save လုပ္ၿပီးသိမ္းထားပါ။ (ပံု-၂)
![]() |
ပံုေသးေနလ်ွင္ ကလစ္ႏွိပ္ၿပီးၾကည့္ပါ |
![]() |
ပံုေသးေနလ်ွင္ ကလစ္ႏွိပ္ၿပီးၾကည့္ပါ |
Edit Html ကိုႏွိပ္ပါ
html code ေတြရွိေနတဲ့ အကြက္ထဲကို mouse နဲ႔ တစ္ခ်က္ႏွိပ္ပါ။
ctrl + f ကို ႏွိပ္ပါ search box ေပၚလာပါမယ္။
![]() |
ပံုေသးေနလ်ွင္ ကလစ္ႏွိပ္ၿပီးၾကည့္ပါ |
![]() |
ပံုေသးေနလ်ွင္ ကလစ္ႏွိပ္ၿပီးၾကည့္ပါ |
Label မရွိေသးသူ Blog ပိုင္ရွင္မ်ားက Layout ကိုသြား
Add a Gadget ကိုႏွိပ္ၿပီး Labels ကို ေရြးေပးပါ။
Labels နာမည္ကို by group လို႔ နာမည္ေပးထားလိုက္ပါ။
ၿပီးၿပီဆိုရင္ေတာ့ html ထဲက search box မွာ by group လို႔ ႐ိုက္ထည့္လိုက္ပါ။
<b:widget id='Label3' locked='false' title='by group' type='Label'>အဲ့လို ေတြ႕ရပါလိမ့္မယ္။ အဲ့ code ရဲ့ ေအာင္မွာ ေအာက္က ကုတ္ကို အစားထိုးထည့္လိုက္ရမွာပါ။ ေအာက္က code ကို copy ကူးၿပီးေတာ့ အေပၚက code ရဲ့ ေအာက္မွာ အစားထိုးထည့္လိုက္ပါ။
<b:includable id='main'>အဲ့လို အစားထိုးထည့္လိုက္ရင္ အခုလိုမ်ိဳး ျဖစ္သြားပါလိမ့္မယ္။ အဲ့ေနရာမွာ ခရမ္းေရာင္ 250 မွာ ကိုႀကိဳက္သလို ထားႏိုင္ပါတယ္။ မ်ားလာရင္ scroll bar က ရွည္လာမွာျဖစ္ပါတယ္။ 250 က အေနေတာ္ေလာက္ပါပဲ။
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<div style='overflow:auto; width:ancho; height:250px;'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='Label3' locked='false' title='by group' type='Label'>ကဲ ဒါၿပီးရင္ေတာ့ ဝဘ္ဆိုက္မွာ ျပန္ၾကည့္လိုက္ပါ scrollbar ေလးနဲ႔ ေပၚေနတာကို ေတြ႕ရပါလိမ့္မယ္။
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<div style='overflow:auto; width:ancho; height:250px;'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
0 comments:
Post a Comment