Modify poll widget

Aug 22, 2007

မိမိဘေလာ႕မွာ အလည္လာတဲ႕ မိတ္ေဆြ အတြက္ ေပ်ာ္ရႊင္မႈ အေနအတြက္ေသာ္၎ ဆႏၵေကာက္ခံ ရာအတြက္္ ၎ poll widget ေတြကို အသံုးၿပဳၾကပါတယ္။ က်ေတာ္တို႕အသံုးၿပဳေနတဲ႕ blogpsot မွာ အလြယ္တကူ ထည္႕သြင္းအသံုးၿပဳလို႕ရပါတယ္။ အသံုးၿပဳတဲ႕ poll widget ေတြကို ၿမန္မာဘေလာ႕ဂါ ေတြအတြက္ အဆင္ေၿပေစရန္ ဘယ္လို ၿပန္လည္ၿပင္ဆင္လို႕ ရတယ္ဆိုတာ ကို ရွာေတြ႕လို႕ ၿပန္လည္ ေ၀မွ် လိုက္ပါတယ္။
poll widget ထည္႕ဖို႕အတြက္ Template > Page Elements > Add a Page Element ကေန poll widget ကို ေမးခြန္း ေတြ ထည္႕ပါ။ အားလံုးၿပီးသြားလွ်င္ ဘေလာ႕ ကိုၾကည္႕ပါ။ poll widget ေပၚလာပါမယ္။

Add Border, background, Zawgyi-One font and Colors
အထက္မွာေၿပာၿပ ထားေတြၿပင္ဆင္ဖို႕ Template > Edit HTML ကိုသြားပါ။ CSS Code ထဲက /* Sidebar Content */ ကိုရွာပါ။ မေတြ႕လွ်င္လဲ အဆင္ေၿပေသာ CSS Code ေတြက တေနရာမွာထဲ႕ပါ။

/* Sidebar Content */
#Poll1{
background:#FFFF00 url(http://your image url);
border:3px solid #736AFF;
font-family: Zawgyi-One;
width:150px;
padding:0 10px;
}
အနီေရာင္ၿပထားတဲ႕ ကုတ္ေတြကို /* Sidebar Content */ ေအာက္မွာ ထည္႕လိုက္ပါ။ background:#FFFF00 url(http://your image url); မွာ #FFFF00 ကာလာကုတ္ၿဖစ္ပါတယ္။ မိမိႏွစ္သက္ရာထည္႕ပါ။ ေနာက္ခံ ပံုထည္႕ခ်င္ရင္ http://your image url မွာ မိမိႏွစ္သက္ရာပံုကို ဟို႕စ္တခုမွာ တင္ၿပီး ရတဲ႕ လင္႕ကို ထိုေနရာမွာ အစားထိုးပါ။ border:3px solid #736AFF; က ပူးလ္ရဲ႕ ေဘာင္ကာလာနဲ႕ အထူၿဖစ္ပါတယ္။ width:150px; ကိုလည္း ခ်ိန္ညိွေပးလို႕ရပါတယ္။ ႏွစ္သက္သလိုၿပင္ပါ။

Change Title Font
Poll ေခါင္းစဥ္ ကို ေဖာင္႕အရြယ္အစား ကာလာ စတာေတြၿပင္ဖို႕ၿဖစ္ပါတယ္။
/* Sidebar Content */
#Poll1{
background:#FFFF00;
border:3px solid #736AFF;
width:150px;
padding:0 10px;
}

#Poll1 h2{
text-align:center;
font-size:140%;
color:#F87431;
font-family:Zawgyi-One;
font-weight:bold;
}
အနီေရာင္ကုတ္ေတြကို Poll1ေအာက္မွာ ဆက္ရက္ထည္႕ပါ။ text-align:center; ဆိုတာက ေခါင္းစဥ္ကို အလယ္မွာ ထားဖို႕ၿဖစ္ပါတယ္။ ဘယ္ဘက္ၾကိဳက္ရင္ left, right စသည္ၿဖင္႕ ေၿပာင္းပါ။ color:#F87431; ကေခါင္းစဥ္အေရာင္၊ font-weight:bold;က bold italic normal စသည္ၿဖင္႕ ... ၿဖစ္ပါတယ္။ အဆင္ေၿပပါေစ။

0 comments: