14
Apr
2011
Apr
2011
Light A Candle With SocialKonnekt And Pray For Japan
Hi cinhaumangtn.maamang@blogger.com ,
I just light a candle for Japan Victims.
Join us to pray for those who have lost their lives and hope for the best for those who have survived.
It is time to light a candle and Pray...
Please Light a Candle Now at: http://www.socialkonnekt.com/Tsunami/
Warm Regards,
jimmy
I just light a candle for Japan Victims.
Join us to pray for those who have lost their lives and hope for the best for those who have survived.
It is time to light a candle and Pray...
Please Light a Candle Now at: http://www.socialkonnekt.com/Tsunami/
Warm Regards,
jimmy
12
Oct
2010
Oct
2010
22
Jan
2010
Jan
2010
kp3နည္းပညာ၊၁၆၄၊ဘေလာ့မွာ jQuery Text/Font Size Resizer ေလးထားခ်င္ရင္

ဒီေန႕တင္တဲ့ Post ေလးကလည္းအသစ္လို႕ေျပာလို၇ပါတယ္၊မိမိရဲ႕ဘေလာ့ကPostေတြရဲ႕စလံုးအၾကီးအေသး ေျပာင္းလို႕၇တဲ့ Code ေတြလ္ို႕ေျပာ၇င္လည္း၇ပါတယ္။ဒီဘေလာ့ Post ေတြကိုအၾကီးအေသးေျပာင္းလို႕ ၇တဲ့နည္းေတြအမ်ားၾကီးရိွပါတယ္။ဒါနဲ႕ဆို(၄)ခုေလာက္ရွိပါျပီ၊ kp3နည္းပညာ၊၁၁၆၊မွာတခု kp3နည္းပညာ၊၁ဝ၃၊မွာတခု kp3နည္းပညာ၊၁၄၅၊မွာအခုဟာနွင့္ ၄ ခုေပါ့ေနာ္၊တခုနွင့္တခုမတူပါဘူး၊ ေနရာေတြျပထားေပးပါတယ္၊သြားၾကည့္ျပီးၾကိဳက္တာသြားယူၾကေပါ့ေနာ္။ DEMO လင့္ခ္လည္း
ေပးထားပါတယ္၊ေအာက္မွာ Code နဲ႕တကြပံု
DEMO၁။Layout
၂။Edit HTML
၃။Expand Widgets Templateကိုအမွန္ျခစ္ေပးပါ။
ေအာက္က Code ကိုရွာပါ၊Ctrl+F
]]></b:skin>ေတြ႕ျပီဆိုရင္အေပၚမွာေအာက္က Code ကိုထည့္လိုက္ပါ။
style="color: #274e13;">/* resizeFont
*/
#resizeFont{
text-align:right;
margin-right:10px;
}
ေအာက္က Code ကိုထပ္ရွာပါ။</head>ေတြ႕ျပီဆိုရင္ေအာက္မွာ ေအာက္က Code ကိုထည့္ေပးလိုက္ပါ၊
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<!-- begin ResizeFont -->
<script type='text/javascript'>
$(function(){
$('input').click(function(){
var ourText = $('#content-wrapper');
var currFontSize = ourText.css('fontSize');
var finalNum = parseFloat(currFontSize, 10);
var stringEnding = currFontSize.slice(-2);
if(this.id == 'large') {
finalNum *= 1.1;
}
else if (this.id == 'small'){
finalNum /=1.1;
}
else if (this.id == 'reset'){
finalNum =13;
}
ourText.animate({fontSize: finalNum + stringEnding},500);
});
});
</script>
၄။Save Tamplate ႏိုပ္လိုက္ပါ။မျပီးေသးျပီ။။ေနာက္တဆင့္
၅။Layout
၆။Page Elements
၇။Add a Gadget
၈။HTML/Javascript' မွာေအာက္က Code ကိုထည္႕လိိုက္ပါ။
<div id='resizeFont'> <input id='large' type='button' value='A+'/> <input id='reset' type='button' value='A'/> <input id='small' type='button' value='A-'/> </div>၉။Save ႏိုပ္လိုက္ပါ။ျပီးပါျပီ။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
21
Jan
2010
Jan
2010
kp3နည္းပညာ၊၁၆၃၊မိမိဘေလာ့မွာရိွတဲ့လင့္ခ္ေတြကိုလွပေစခ်င္ရင္

ဒီေန႕တင္တဲ့ Post ေလးကလည္းအသစ္လို႕ေျပာရင္လည္းရပါတယ္၊ဒါေလးကေတာ့မိမိရဲ႕ဘေလာ့မွာရွိတဲ့လင့္ခ္ေတြကိုဘယ္လို လွေအာင္လုပ္ေပးတာလဲဆိုရင္ေတာ့၊ ဘေလာ့လင့္ခ္တခုခုကို Mouse နဲ႕
ေထာက္လိုက္ရင္အဲဒီလင့္ခ္ေလးက အေပၚဘက္ကိုနည္းနည္းေလးတက္သြားေအာင္လုပ္တဲ့နည္းေလးပါ။
နမူနာသြားၾကည့္လို႕ရေအာင္လည္း DEMO လင့္ခ္လည္းေပးထားပါတယ္၊အစမ္းလုပ္ၾကည့္ခ်င္ရင္လည္း
ရပါတယ္။ဒါေပမယ့္မၾကိဳက္ရင္ျပန္ေျပာင္းလို႕ရေအာင္လည္းမူရင္းကိုလည္းတေနရာမွာမွတ္ထားၾကပါ။
အရမ္းရွင္းပါတယ္။။ေအာက္မွာထည့္နည္းနဲ႕တကြ Code
၁။Layout
၂။Edit HTML
၃။Expand Widgets Templateကိုအမွန္ျခစ္ေပးပါ။
ေအာက္က Code ကိုရွာပါ၊Ctrl+F ရွာပါ၊၊
a:hover {
text-decoration:underline;
}ေတြ႕ျပီဆိုရင္ေအာက္က Code နဲ႕အစားထိုးေပးလိုက္ပါ၊a:hover {
position: relative;
bottom: 5px;
left: 1px;
color:#000000;
}၅။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။ဒီမွာသြားၾကည့္လို႕ရပါတယ္..
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
20
Jan
2010
Jan
2010
kp3နည္းပညာ၊၁၆၂၊Subscribe to: Posts (Atom) ကို (RSS) ေျပာင္းခ်င္ရင္
အလုပ္ေတြကမ်ားေနေတာ့ Post အသစ္တင္ဖို႕အခ်ိန္မရဘူးျဖစ္ေနတယ္၊ဒါေၾကာင့္ဒီေန႕အခ်ိန္ေလး
နည္းနည္းရတဲ့ဆိုေတာ့အသစ္ေလးပါဘဲ၊က်ေနာ္တို႕ဘေလာ့ Post ေအာက္မွာေတြ႕ၾကမယ္ထင္ပါတယ္။
Subscribe to: Posts (Atom) ဆိုတဲ့ဟာေလးကို Subscribe to: Posts (RSS)" ဆိုျပီးေျပာင္းခ်င္တဲ့
ဘေလာ့မိတ္ေဆြေတြရိွခဲ့ရင္ပါ၊ေအာက္မွာပံုနဲ႕တကြ Code
၁။Layout
၂။Edit HTML
၃။Expand Widgets Templateကိုအမွန္ျခစ္ေပးပါ။
ေအာက္က Code ကိုရွာပါ၊
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
နည္းနည္းရတဲ့ဆိုေတာ့အသစ္ေလးပါဘဲ၊က်ေနာ္တို႕ဘေလာ့ Post ေအာက္မွာေတြ႕ၾကမယ္ထင္ပါတယ္။
Subscribe to: Posts (Atom) ဆိုတဲ့ဟာေလးကို Subscribe to: Posts (RSS)" ဆိုျပီးေျပာင္းခ်င္တဲ့
ဘေလာ့မိတ္ေဆြေတြရိွခဲ့ရင္ပါ၊ေအာက္မွာပံုနဲ႕တကြ Code
၁။Layout
၂။Edit HTML
၃။Expand Widgets Templateကိုအမွန္ျခစ္ေပးပါ။
ေအာက္က Code ကိုရွာပါ၊
<b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable>ေတြ႕ျပီဆိုရင္ေအာက္က Code ႏွင့္အစားထိုးေပးလိုက္ပါ။
<b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url + "?alt=rss"' type='application/rss+xml' target='_blank'><data:f.name/> (RSS)</a> </b:loop> </div> </b:includable>၄။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
17
Jan
2010
Jan
2010
kp3နည္းပညာ၊၁၆၁။Home Page လင့္ခ္မွာ Post Titleေတြဘဲေပၚေစခ်င္ရင္
ဒီ Post ေလးကလည္းမိမိရဲ႕ဘေလာ့ကိုလာလည္တဲ့မိတ္ေဆြအတြက္မိမိတင္ထားတဲ့ Post ကိုဖတ္ရတာပိုျပီးအဆင္ေျပေစမလာေတာ့မသိဘူး၊ထင္ေတာ့ထင္တာဘဲ..ဘာျဖစ္လို႕လည္းဆိုေတာ့ Post
Title ေတြကိုၾကည့္ျပီးေရြးဖတ္လို႕ရတယ္ဆိုေတာ့၊မိမိရဲ႕ဘေလာ့မွာဝင္တာနဲ႕Post Title ေတြကိုဘဲ
ေပၚေအာင္လုပ္တဲ့ Code ေလးပါ၊Formatting ရဲ႕ Show မွာၾကိဳသေလာက္ထားလိုက္ေပါ႕ေနာ္။။
က်ေနာ့ရဲ႕အီးေမးလ္မွာေတာင္းဆိုထားတဲ့ Read More လုပ္နည္းေတြကို kp3နည္းပညာ၊၁၆ဝ၊
kp3နည္းပညာ၊၁၅၉၊ ႏွင့္ kp3နည္းပညာ၊၁၅၈၊မွာျပည့္ျပည့္စံုစံုျပထားေပးပါတယ္။။။။
ေအာက္မွာထည့္နည္းနဲ႕တကြပံု
၁။Layout
၂။Edit HTML
ေအာက္က Code ကိုထပ္ရွာပါ၊
</head>ေတြ႕ျပီဆိုရင္ေအာက္မွာ ေအာက္က Code ကိုထည့္ေပးလိုက္ပါ၊
<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {color:#333333;}
.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}
</b:if>
</style>



No comments:
Post a Comment