kp3 Marquee Post title test: 24 August 2009

kp3နည္းပညာ၊၂၈၊မိမိရ႕ဘေလာ႕postေပၚမွာSmilies Emoticons ထည့္ခ်င္ရင္

Posted by KP-3မိသားစု | Labels: Blogger Tutorial

]]></b:skin>

ရွာလို႔ေတြ႕ၿပီဆိုရင္ေအာက္ကcodeကိုထပ္ထည့္ေပးလိုက္ပါ။

img.emoticon {

padding: 0;

margin: 0;

border: 0;

}

၆။ Save Template button. ႏိုပ္လိုက္ပါ၊ၿပီးပါၿပီ။။။kp3မွခ်စ္မိတ္ေဆြမ်ားအားလံုးေက်းဇူးကမ႓ာ

emoticon love

kp3နည္းပညာ၊၂၈၊

Posted by KP-3မိသားစု |

ဒါေလးကေတာ့မိမိဘေလာ့postေပၚမွာSmilies Emoticons ထည့္ျခင္တယ္ဆိုရင္ေတာ့ ေအာက္ကပုံေလးေတြအတိုင္းေပါ့ေနာ္
၁။ Firefox browser ဖြင့္ၿပီး
၂။ GreasMonkeyကို Installလုပ္ပါ..kp3နည္းပညာ၊၁၇၊ရွိပါတယ္။
၃။ ဒါကိုInstallထပ္လုပ္ေပးပါ၊
၅။ Edit Templateသြားၿပီး ေအာက္ကcodeကိုရွာပါ

]]></b:skin>

ရွာလို႔ေတြ႕ၿပီဆိုရင္ေအာက္ကcodeကိုထပ္ထည့္ေပးလိုက္ပါ။

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

၆။ Save Template button. ႏိုပ္လိုက္ပါ၊ၿပီးပါၿပီ။။။kp3မွခ်စ္မိတ္ေဆြမ်ားအားလံုးေက်းဇူးကမ႓ာ

emoticon love emoticon ngegaya

kp3နည္းပညာ၊၂၇၊မိမိရ႕ဘေလာ႕headerရဲ့ေဘးမွာSearch Engine ထားခ်င္ရင္

Posted by KP-3မိသားစု | Labels: Blogger Hack

ေဟာဒီမွာထပ္လာျပန္ၿပီဗ်ာ၊ဒါလည္းဘဲျမင္ဘူးၾကမွာပါ ဒါေပမယ့္ရွားပါတယ္ တခ်ိဳ႕ဘေလာ့ေတြမွာေတြ႔ၾကမယ္ထင္ပါတယ္ headerရဲ့ေဘးမွာSearch Engine ထားတာ၊
သူတို႔ရဲ့ဘေလာ့မွာColumnႏွစ္ခုပါလို႔ပါဘဲ။ က်ေနာ္တို႔လည္းသူတို႔ထားျခင္ေတာ့ထားလို႔ရေအာင္မသိၾကေသးတ့ဲ ခ်စ္မိတ္ေဆြအတြက္........................
ေအာက္မွာပံုႏွင္႔တကြ code
၁။click Layout

၂။click edit HTML

ေအာက္ကcode ကိုထပ္ရွာပါ

/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}

ေတြ႔ၿပီဆိုရင္ျဖဳတ္ၿပီးမွ ေအာက္ကcodeကိုအစားထိုးလိုက္ပါ

/* Header
===================================
*/

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:300px;
float:left;
padding-top:10px;
}

ေအာက္ကcodeကိုထပ္ရွာပါ

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>

ေတြ႔ၿပီဆိုရင္ျဖဳတ္ၿပီးမွေအာက္ကcodeကိုအစားထိုးလိုက္ပါ

<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

ေအာက္ကပံုအတိုင္းေပၚလာပါလိမ့္မည္၊၊
၃။save Tamplate buttonကိုႏိုပ္ပါ၊ၿပီးပါၿပီ။ ခ်စ္မိတ္အားလံုးေက်းဇူးကမ႓ာ