ဒီေန႕တင္တဲ့ Post ေလးကလည္းအသစ္လို႕ေျပာလို၇ပါတယ္၊မိမိရဲ႕ဘေလာ့ကPostေတြရဲ႕စလံုးအၾကီးအေသး ေျပာင္းလို႕၇တဲ့ Code ေတြလ္ို႕ေျပာ၇င္လည္း၇ပါတယ္။ဒီဘေလာ့ Post ေတြကိုအၾကီးအေသးေျပာင္းလို႕ ၇တဲ့နည္းေတြအမ်ားၾကီးရိွပါတယ္။ဒါနဲ႕ဆို(၄)ခုေလာက္ရွိပါျပီ၊ kp3နည္းပညာ၊၁၁၆၊မွာတခု kp3နည္းပညာ၊၁ဝ၃၊မွာတခု kp3နည္းပညာ၊၁၄၅၊မွာအခုဟာနွင့္ ၄ ခုေပါ့ေနာ္၊တခုနွင့္တခုမတူပါဘူး၊ ေနရာေတြျပထားေပးပါတယ္၊သြားၾကည့္ျပီးၾကိဳက္တာသြားယူၾကေပါ့ေနာ္။ DEMO လင့္ခ္လည္း
ေပးထားပါတယ္၊ေအာက္မွာ Code နဲ႕တကြပံု
၁။Layout
၂။Edit HTML
၃။Expand Widgets Templateကိုအမွန္ျခစ္ေပးပါ။
ေအာက္က Code ကိုရွာပါ၊Ctrl+F
]]></b:skin>ေတြ႕ျပီဆိုရင္အေပၚမွာေအာက္က Code ကိုထည့္လိုက္ပါ။
/* 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 ကိုထည္႕လိိုက္ပါ။
style="color: magenta;"><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မိသားစု
Related Post
BLOGGER TIPS
- Kp3နည္းပညာ၊၄၉ဝ၊ဘေလာ့ Tamplate ေျပာင္းနည္း
- Kp3နည္းပညာ၊၄၈၈၊ဘေလာ့မွာPopularPostsကိုSlideပံုစံေျပာင္းနည္း
- Kp3နည္းပညာ၊၄၈၄၊ဘေလာ့ေျခရင္းကPowered by Bloggerဆိုတာေလးအစားထိုးနည္း
- Kp3နည္းပညာ၊၄၈၁၊ဘေလာ့ဆိုက္ဘားနဲ႕ပိုစ္Bodyကိုဘယ္ညာေျပာင္းနည္း
- Kp3နည္းပညာ၊၄၇၈၊ဘေလာ့CommentsFormကိုအလယ္မွာထားနည္း
- Kp3နည္းပညာ၊၄၇၇၊ဘေလာ့ပိုစ္မွာDemoလင့္ခ္ေတြကိုလင့္ခ္ထည့္နည္း
- Kp3နည္းပညာ၊၄၇၄၊ဘေလာ့ပိုစ္ေတြကိုသူမ်ားဖတ္မရေအာင္ေသာ့ခတ္နည္း
- Kp3နည္းပညာ၊၄၆၈၊ဘေလာ့လင့္ခ္ေတြေထာက္ရင္ၾကယ္ပံုေလးေတြေပၚေအာင္လုပ္နည္း
- Kp3နည္းပညာ၊၄၆၆၊HTML Code မလိုဘဲဘေလာ့မွာ Favicon ထည့္နည္း
- Kp3နည္းပညာ၊၄၆၅။ဘေလာ့ဂါသမားေတြအတြက္အသံုးဝင္တဲ့အခမဲ့ Tools မ်ား
- Kp3နည္းပညာ၊၄၆၄။ဘေလာ့ထဲမွာYoutube သီခ်င္းေတြကို AutoPlay လုပ္နည္း
- Kp3နည္းပညာ၊၄၆၃။ဘေလာ့ထဲမွာYoutube သီခ်င္းေတြကိုလြယ္ကူစြာထည့္နည္း
- Kp3နည္းပညာ၊၄၅၈။ဘေလာ့ Comment Box ကေန၇ာလြတ္ၾကီးကိုျဖဳတ္နည္း
- Kp3နည္းပညာ၊၄၅၆။ပိုစ္ေခါင္းစဥ္ေအာက္မွာAuthor,အခ်ိန္,LabelsIconထားနည္း
- Kp3နည္းပညာ၊၄၄၈။ဘေလာ့မွာ Labels ေတြကို Animated Effect လုပ္နည္း
- Kp3နည္းပညာ၊၄၄၇။ဘေလာ့မွာSimple Print Friendly နဲ႕ PDF Buttons ေလးထားခ်င္ရင္
- Kp3နည္းပညာ၊၄၄၄၊။ဘေလာ့ဂါ Officer ရဲ႕ဝန္ေဆာင္မူနည္းပညာသစ္Dynamic Views ၅ခု
- Kp3နည္းပညာ၊၄၄၁၊Kp3နည္းပညာသစ္မိမိရဲ႕ဘေလာ့ပိုစ္ေတြကိုCopyမရေအာင္ကာကြယ္နည္း
- Kp3နည္းပညာ၊၄၄ဝ၊Kp-3နည္းပညာသစ္မိမိရဲ႕ဘေလာ့ Tamplate ကိုေဘာင္ခတ္နည္း
- Kp3နည္းပညာ၊၄၃၈၊ဘေလာ့အတြက္Email Feedburner Subscription Widget အသစ္
- Kp3နည္းပညာ၊၄၃၇၊ဘေလာ့ Comment Form အေပၚမွာမွတ္ခ်က္ေလးထည့္ခ်င္ရင္
- Kp3နည္းပညာ၊၄၂၉၊ဘေလာ့ေဖာင့္ေတြကို Zawgyi-One နဲ႕ Unicode အျဖင့္လြယ္ကူစြာေျပာင္းခ်င္ရင္
- Kp3နည္းပညာ၊၄၁၇၊ဘေလာ့မွာလံုးဝမေမ်ာ္လင့္တဲ့ Site Feed ျပႆနာ
- Kp3နည္းပညာ၊၄၁၅၊ဘေလာ့မွာ Labels လို႕ေခၚတဲ့ပိုစ္အမ်ိဳးအစားထည့္နည္း
- Kp3နည္းပညာ၊၄၁၄၊ဘေလာ့ Home Page မွာ Widget ေတြကိုမေပၚေစခ်င္ရင္
BLOGGER WIDGET
- Kp3နည္းပညာ၊၄၃၅၊ဘေလာ့မွာAnimated Notice Box ေလးထည့္ခ်င္ရင္(၂)
- Kp3နည္းပညာ၊၄၂၁၊ဘေလာ့မွာRss Feed နဲ႕ Social Gadgetအသစ္ထည့္ခ်င္ရင္
- Kp3နည္းပညာ၊၃၅၇၊ဘေလာ့မွာ Kp3 ရဲ႕ၾကယ္ေလးကိုအေရာင္းနဲ႕က်ေအာင္ထည့္ခ်င္ရင္
- kp3နည္းပညာ၊၂၃၅၊ဘေလာ့ Sidebar မွာ Multi Tabbed Navigation Widget ေလးထည့္နည္း
- kp3နည္းပညာ၊၂၁၈၊ဘေလာ့မွာ Subscription Links ေတြကိုလြယ္ကူစြာထည့္နည္း
- kp3နည္းပညာ၊၂၁၁၊ဘေလာ့ ႏွင့္ ဝက္ဆိုက္အတြက္အသံုးဝင္တဲ့ Tool ၉ ခု
- kp3နည္းပညာ၊၁၅၇၊Recent Comments ၾကိဳက္သေလာက္ေပၚေစခ်င္ရင္
- kp3နည္းပညာ၊၁၅၂၊ဘေလာ့မွာ Page Navigation ထည့္ခ်င္ရင္(၂)
- kp3နည္းပညာ၊၁၄၅၊ဘေလာ့Post FontကိုDropdownပံုစံေျပာင္းခ်င္ရင္
- kp3နည္းပညာ၊၁၁၈၊မိမိရဲ႕ဘယ္သူက Comments ဘယ္ေလာက္ေပးတယ္ဆိုတာသိခ်င္ရင္
- kp3နည္းပညာ၊၁ဝ၆၊မိမိရဲ႕ဘေလာ့မွာMulti tab Widgetထည္႔ ခ်င္ရင္
- kp3နည္းပညာ၊၉၈၊Pop Up Navigation Menu From Bucket
- kp3နည္းပညာ၊၉၇၊မိမိရဲ႕ဘေလာ့မွာ Google Search Engine စတိုင္ေလးသံုးခ်င္
- kp3နည္းပညာ၊၉ဝ၊Email Subscrtiption Form
- kp3နည္းပညာ၊၈၇၊Recent Comments ေတြကို Summariesနဲ႕လုပ္ခ်င္ရင္
- kp3နည္းပညာ၊၈၇၊မိမိရဲ႕ဘေလာ့မွာ Facebook Badge ထည့္နည္းေလး
- kp3နည္းပညာ၊၇ဝ၊Wibiya Widget Toolbar
- kp3နည္းပညာ၊၆၉၊Auto Scrolling - Recent Posts
- kp3နည္းပညာ၊၆၆၊မိမိရဲ့ဘေလာ့related posts ေတြကို thumbnails စတိုင္နဲ႕ Auto လုပ္ခ်င္ရင္
- kp3နည္းပညာ၊၅၈၊မိမိရဲ့ဘေလာ့မွာကိုယ္ပိုင္ Menu တည္ေဆာက္ခ်င္ရင္
- kp3နည္းပညာ၊၅၇၊မိမိရဲ့ဘေလာ့မွာMouseေနာက္ကေန တေကာက္ေကာက္လိုက္ေနတဲ့စာေၾကာင္းေလးထားခ်င္ရင္
- kp3နည္းပညာ၊၅၅၊မိမိရဲ့ဘေလာ့မွာPopular Posts Widgetထားခ်င္ရင္
- kp3နည္းပညာ၊၅၄၊မိမိရဲ့ဘေလာ့Linkေတြကို Rollover Buttonလုပ္ခ်င္ရင္
0 comments:
Post a Comment
မွတ္ခ်က္မ်ားကို စိစစ္ၿပီးမွ ေဖာ္ျပေပးမည္ ျဖစ္ပါသျဖင့္ ဤစာမ်က္ႏွာေပၚမွာ ခ်က္ခ်င္း ျမင္ရမည္မဟုတ္ပါ။ မၾကာခင္ ေနာက္တခါ ျပန္လာၿပီး မိမိ၏ မွတ္ခ်က္ကို ျပန္ၾကည့္ပါရန္ ေမတၲာရပ္ခံပါသည္။