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;
}

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

အသစ္တင္တိုင္း facebook က ဖတ္မယ္ဆိုရင္{ ဒီမွာ like } လုပ္ေပးထားပါ

လာေရာက္လည္ပတ္တဲ့အတြက္ ပုသိမ္သားေလး(နည္းပညာ)မွ ေက်းဇူးတင္ပါတယ္ခင္ဗ်ာ

Posted in: ဘေလာ့နည္းပညာ