Change comment Avatar in blogger

  • အေပၚမွာ ျပထားတဲ့ ပံုေလးမွာလို႔ blogger မွာ comment avatar ေလးေတြကို ဒီဇိုင္းေျပာင္း ၾကည့္ၾကမယ္..။ ဘေလာ့ကို အလွဆင္ခ်င္သူမ်ား စမ္းၾကည့္ၾကပါေနာ္..။ လုပ္နည္းေလးကေတာ့ လြယ္ပါတယ္..။စမ္းခ်င္သူမ်ား ေအာက္မွာ ပံုေလးႏွင့္ တကြ ရွင္းျပထားပါတယ္..။လိုက္လုပ္ၾကည့္လိုက္ပါေနာ္...။
  • ပထမဆံုး မိမိ ဘေလာ့၏ Template> Customize> ကိုသြားလိုက္ပါ ေအာက္မွာ ပံုေလးျပထားပါတယ္။


  • ေနာက္တစ္ဆင့္အေနနဲ႔ Advanced > Add Css ကိုသြားလိုက္ပါ..။ေအာက္က ပံုေလးကိုၾကည့္ပါ။ အဲမွာ css ထည့္ရန္ေဘာက္{ (၄) ေနရာအထိေရာက္ေအာင္သြားလိုက္ပါ...။

ေအာက္မွာေပးထားတဲ့ ကုဒ္ေတြကို ကူးယူျပီး css code ထည့္ရန္ျပထားေသာေနရာတြင္ ကူးထည့္လိုက္ပါ။ ျပီးရင္ေတာ့ Apply to Blog ကို ကလစ္ျပီး Template ကို Save လိုက္ပါ...။ ဒီတစ္ခါေတာ့ မိမိဘေလာ့ေလးမွာ ေပးထားတဲ့ comment ေလးေတြကို ၾကည့္လိုက္ပါ..။ စက္ဝိုင္းပံုေလးႏွင့္ လွပေနတာကို ေတြ ရပါလိမ့္မယ္..။ အားလံုးပဲ အဆင္ေျပၾကပါေစ။
css code
avatar-image-container, .avatar-image-container img { max-width: 50px !important; width: 50px !important; max-height: 50px !important; height: 50px !important; padding: 0 !important; border: 0px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; } .avatar-image-container{ border:3px solid #fff !important; -webkit-box-shadow: 0 1px 2px #BBB; -moz-box-shadow: 0 1px 2px #BBB; box-shadow: 0 1px 2px #BBB; }
css ကုဒ္မ်ားသည္ Template မွာေပၚမူတည္၍ ေျပာင္းလဲႏိုင္ပါသည္...။

0 comments:

Post a Comment