kp3 Marquee Post title test: 12 October 2009

kp3နည္းပညာ၊၆၄၊မိမိရဲ့ဘေလာ့Post ေပၚမွာေအာက္ခံအေရာင္နွင့္Code ကေနတဆင့္အေရာင္ေလးထည့္ခ်င္ရင္

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

ဒါေလးကေတာ့မိမိရဲ႕ဘေလာ့Post ေပၚမွာေအာက္ခံအေရာင္နွင့္Code ကေနတဆင့္
စားသားအေရာင္ေလးေရြးထည့္နည္းေလးပါ၊ေအာက္မွာဥပမာေလးထားေပးပါတယ္
Highlight Text In Posts Through Colored HTML Text Boxesလို႕ေခၚပါတယ္
လိုအပ္ခဲ့သည္ရိွေသာ္သံုးလို႕ရေအာင္ေပါ့ေနာ္

ေအာက္မွာ Code နဲ႕တကြပံု

kp-3 မိသားစုမွေႏြးေထြးစြာႀကိဳဆိုပါ၏ အားလံုးကိုခ်စ္ခင္ေလးစားလၽွက္

Code ကေတာ့ေအာက္ကဟာေလးပါဘဲ

<div align="center">
<div style="background-color: #cccd94; border: 1px solid black; font-family: sans-serif; font-weight: bold; padding: 10px; text-align: center; text-transform: capitalize; width: 300px;">
<i>kp-3 မိသားစုမွေႏြးေထြးစြာႀကိဳဆိုပါ၏ <span style="color: blue; font-weight: bolder;"> အားလံုးကိုခ်စ္ခင္ေလးစားလၽွက္</span></i></div>
</div>

မိမိစိတ္တိုင္းၾကျပန္ေျပာင္လို႕ရပါတယ္(အနီေ၇ာင္)ျပေပးထားပါတယ္

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

kp3နည္းပညာ၊၆၄၊

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

kp-3 မိသားစုမွေႏြးေထြးစြာႀကိဳဆိုပါ၏ အားလံုးကိုခ်စ္ခင္ေလးစားလၽွက္

Code ကေတာ့ေအာက္ကဟာေလးပါဘဲ

 
<div align="center">
<div style="background-color: #cccd94; border: 1px solid black; font-family: sans-serif; font-weight: bold; padding: 10px; text-align: center; text-transform: capitalize; width: 300px;">
<i>kp-3 မိသားစုမွေႏြးေထြးစြာႀကိဳဆိုပါ၏ <span style="color: blue; font-weight: bolder;"> အားလံုးကိုခ်စ္ခင္ေလးစားလၽွက္</span></i></div>
</div>
<div align="center">
<div style="background-color: #cccd94; border: 1px solid black; font-family: sans-serif; font-weight: bold; padding: 10px; text-align: center; text-transform: capitalize; width: 300px;">
<i>kp-3 မိသားစုမွေႏြးေထြးစြာႀကိဳဆိုပါ၏ <span style="color: blue; font-weight: bolder;"> အားလံုးကိုခ်စ္ခင္ေလးစားလၽွက္</span></i></div>
</div>

မိမိစိတ္တိုင္းၾကျပန္ေျပာင္လို႕ရပါတယ္(အနီေ၇ာင္)ျပေပးထားပါတယ္

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

kp3နည္းပညာ၊၆၃၊မိမိရဲ့ဘေလာ့မွာFloating Twitter-Follow Me icon ေလးထားခ်င္ရင္

Posted by KP-3မိသားစု | Labels: SOCIAL BOOKMARKING

ဒါေလးကေတာ့သိပ္အေရးမၾကီးေပမယ့္မိမိရဲ႕ဘေလာ့ေလးပိုျပီးလွပေစတာေပါ့ေနာ္
Animated (On Hover)Floating Twitter-Follow Me icon ေလးမိမိရဲ႕ဘေလာ့
ေဘးေလးမွာထားျခင္ရင္ ေအာက္မွာပံုနဲ႕တကြ Code

စေတာ့မယ္ေနာ္ေအာက္မွာ

၁။click Layout
၂။click edit HTML

ေအာက္က Code ကိုရွာပါ။

</head>

ေတြ႕ျပီဆိုရင္ေအာက္မွာေအာက္က Code ကိုထည့္လိုက္ပါ


<style type='text/css'>
.feedbacktw {
width: 31px;
height: 116px;
display: block;
font-size: 10px;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(http://i26.tinypic.com/1zb4509.jpg);
position:fixed;
top:20%;
right:2px;
}

.feedbacktw:hover {
width: 31px;
height: 116px;
display: block;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(http://i26.tinypic.com/xpu99c.jpg);
position:fixed;
top:20%;
right:10px;
}
</style>

၃။Save Template button.ႏိုပ္ပါ၊

မၿပီးေသးပါဘူးေအာက္တစ္ေနရာသြားမယ္

၄။Layout -> Page Elements -> Add a Gadget (HTML/JavaScript type)

ေအာက္က Code ေလးကိုထည့္ေပးလိုက္ပါ။

<a style="display:scroll;" href="http://twitter.com/kp3family" class="feedbacktw"> </a>

အေပၚကCodeကိုpasteလုပ္ၿပီးရင္
၅။Save နိုပ္လိုက္ပါ။အခုမွၿပီးပါၿပီ။။

အျပာေ၇ာင္ကေတာ့ပံုရဲ႕လင့္ခ္ပါဘဲမိမိနွစ္သက္သလိုျပန္ျပင္နိုင္ပါတယ္။
အဝါေ၇ာင္ေန၇ာမွာမိမိလင့္ခ္ေတြကိုထည့္ေပးလိုက္ပါ။။

kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ