rar password ေတာင္းခဲ့လွ်င္

Home » , , , » Adding zoom effect to Post title

Adding zoom effect to Post title


  • ဘေလာ့အလွဆင္နည္းေလးေတြ ႏွင့္ မိမိ blogspot ေလးကို အလွ ဆင္လိုသူ သူငယ္ခ်င္းအတြက္ Post Title အကို အလွဆင္နည္းေလး တင္ျပလိုက္ပါတယ္ခင္ဗ်ာ။ ဒီနည္းေလးကေတာ့ Post Title ကို ေဘာင္ေလးထည့္ျပီး Zoom အထြက္စတုိင္ေလး ထည့္နည္းေလးပါ။ အခု က်ေနာ္ ဆိုဒ္ေလးမွာလဲ ထည့္ထားပါတယ္ခင္ဗ်ာ။ ဥမမာအေနနဲ႔ ၾကည့္လို႔ ရတာေပါ့ေနာ္ ဟီးဟီး :P။
  • အဲဒီလို ဒီဇိုင္းေလးထည့္ခ်င္တယ္ဆိုရင္ေတာ့ စလုပ္ၾကည့္ရေအာင္ဗ်ာ။
  • Css ကို ထည့္ေတာ့မယ္ဆိုရင္ေတာ့ ထံုးစံ အတိုင္းေပါ့ေနာ္..။ 
  • Template>>
  • Customize
  • Advenced
  • Add Css ကို သြားလိုက္ပါ။ ျပီးရင္ေတာ့ ေအာက္မွာေပးထားတဲ့ css code ေလးေတြကို copy ယူျပီး Paste လုပ္လိုက္ပါ။ ျပီးရင္ေတာ့ ေအာက္ကို scroll down ဆင္းျပီး မိမိ template ကို ၾကည့္လိုက္ပါ Ok ျပီ ဆိုရင္ေတာ့ template ကို Apply to Blog ကို click ျပီး Save လိုက္ပါ။



.post-title{
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
border-radius:25px;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 10px 5px 0;

}
.post-title:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
background:#FAFAFA;
}
ဖတ္ေပးပါအဆင္မေျပတာေလးေတြ ရွိခဲ့ရင္ comment ေလးေရးထားခဲ့ေပးပါေနာ္

  • မိမိ ဘေလာ့ ႏွင့္ အဆင္ေျပမယ္ အေရာင္ ေလးေတြကို ျပန္လည္ျပင္ဆင္ႏိုင္ပါတယ္ background:#FAFAFA; တို႕ opacity: 1; ႏွင့္ margin: 0 10px 5px 0;  တို႔အား မိမိ၏ ဘေလာ့ႏွင့္ အဆင္ေအာင္ ျပင္ဆင္ပါ။ အားလံုးပဲ အဆင္ေျပမယ္ ေမွ်ာ္လင့္ပါတယ္။ ဆက္လက္မွ်ေဝပါဦးမည္။ အားလံုးေသာ သူငယ္ခ်င္းမ်ားအား အစဥ္ေလးစားလွ်က္။



ဒါေလးကို ဖတ္ေပးပါဒီဘေလာ့ေလးသည္ ဘူးေရမ်က္ရြာ (wall.fm) ဆိုဒ္ေလးမွ တည္ေထာင္ထားပါသည္ ဘာေၾကာင့္လဲဆိုေတာ့ wall.fm ဆိုဒ္မ်ား free မရေတာ့လွ်င္ ယၡဳဘေလာ့တြင္ ဆက္လက္မွ်ေဝသြားႏိုင္ရန္ စီစဥ္ထားျခင္းျဖစ္ပါသည္
သူငယ္ခ်င္းမ်ားကိုမွ်ေ၀ေပးပါ :

No comments:

Post a Comment

ပံုတင္ရန္[im]...[/im]
scrolling effect [ma]....[/ma]
စာလံုးအရြယ္ [si="2"]...[/si]
အေရာင္ [co="red"]...[/co]
အလယ္မွာထား [ce]...[/ce]
scrolling effect ညာဘက္ [ma+]...[/ma+]
ေဘာက္ [box]...[/box]
အမွတ္ [mark]...[/mark] ;
ေနာက္ခံ effect [card="blue"]...[/card]
ပံု fix size [im#]...[/im]
Link ထည့္ရန္ 〈a href="ေဖာ္ျပလိုေသာ Link"〉more..〈/a>

Note: Only a member of this blog may post a comment.

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2021. ဘူးရေမျက်ရွာ - All Rights Reserved
Template Modify by Creating Website
DESIGN by မောင်အေးလွင်(ဘူးရေမျက်ရွာ)မှ ပြန်လည်ပြင်ထားသည်