Monday, August 5, 2013

Blog က ပို႕စ္ေတြနဲ႕ Gadget ေတြကို ေဘာင္ခတ္ခ်င္ရင္

Blog က ပို႕စ္ေတြနဲ႕ Gadget ေတြကို ေဘာင္ခတ္ခ်င္ရင္



ဘေလာ့ပို႕စ္ကို ေဘာင္ခတ္တဲ့ နည္းေလး သိခ်င္လို႕ ကြ်န္ေတာ့္ကို လာေမးထားတာ ေတာ္ေတာ္ေလးေတာင္ ႀကာပါျပီ။


တစ္ျခား Blog ေတြမွာလည္း အဲဒီနည္းေလးကို ေမးေနႀကတာ ေတြ႕ရတယ္။ Blogger မွာရွိတဲ့ Template ေတြမွာေတာ့

မ်ားေသာအားျဖင့္ ပို႕စ္ေတြနဲ႕ Gadget ေတြကို ေဘာင္ခတ္ထားတာ သိပ္မေတြ႕မိဘူး။ တစ္ျခား Template ေတြ တင္တဲ့

ဆိုဒ္ေတြက Template ေတြမွာေတာ့ ေဘာင္ေတြ ပါတာမ်ားပါတယ္။ Blogger ကေတာ့ အေျခခံကုတ္ေတြေလာက္ပဲ။

ကိုယ့္စိတ္တိုင္းက် ျပင္ခ်င္ရင္ ျပင္လို႕ရေအာင္ ခ်န္ထားေပးတာလားေတာ့ မသိဘူး။ေဘာင္ေလးေတြ ခတ္ထားတာက

သူ႕ေနရာေလးေတြနဲ႕သူ ေသေသသပ္သပ္ ႀကည့္လို႕လည္း ပိုေကာင္းသြားတယ္။ ေအာက္က ပံုေလးေတြကို ႀကည့္ပါ။

မူရင္း ( ေဘာင္ခတ္ထားတာေတြ မပါဘူး )



ျပင္ျပီး ( ေဘာင္ခတ္ထားတာကို ျမင္ရမွာပါ )

 

တစ္ကယ္လုိ႕ သင့္ Blog က ပို႕စ္ေတြနဲ႕ Gadget ေတြမွာ ေဘာင္ခတ္ထားတာ မပါဘူးဆိုရင္....

Design >> Template >> Edit HTML ကို ႏွိပ္ျပီး </head> ကို ရွာပါ။ ေတြ႕ျပီဆိုရင္ </head> ရဲ႕ အေပၚမွာ

ေအာက္မွာ ေပးထားတဲ့ ကုတ္ေလးေတြကို ထည့္ျပီး Save Template ကို ႏွိပ္လိုက္ရံုပါပဲ။


<style>
.date-outer {
    position: relative;
    margin: 30px 0px 20px;
    padding: 0px 15px;
    background-color: transparent;
    border: 1px solid rgb(152, 200, 209);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 0px 0px;
}

.main-inner .widget {
    background-color: transparent;
    border: 1px solid rgb(152, 200, 209);
    padding: 0px 15px 15px;
    margin: 20px -16px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 0px 0px;
}
</style>

တစ္ကယ္လုိ႕ Template ထဲ ကုတ္ေတြ မထည့္တတ္ဘူးဆိုရင္လည္း HTML/JavaScript မွာ ထည့္လည္း ရပါတယ္။

အနီေရာင္နဲ႕ ျပထားတာက ေဘာင္အေရာင္ပါ။ ကိုယ့္ Blog နဲ႕ ႀကည့္ေကာင္းမယ့္ အေရာင္ေလးေတြ ျပင္သံုးေပါ့။

အေပၚမွာ ေပးထားတဲ့ ကုတ္မွာ တစ္ျခား ျပင္လို႕ ရတာေလးေတြလည္း ရွိပါေသးတယ္။ ခုအတိုင္းလည္း ရေနပါျပီ။

နမူနာ ႀကည့္ခ်င္တယ္ဆိုရင္ ကြ်န္ေတာ့္ သူငယ္ခ်င္းမေလး သဲပံုရဲ႕ Blog ကို ဒီေနရာကို ႏွိပ္ျပီး သြားႀကည့္လိုက္ပါ။

ဒီကုတ္ေတြက သူ႕ Blog ကို ျပင္ေပးရင္းနဲ႕ ေဘာင္ခတ္တာမွာ သံုးေပးထားတာပါ။ အားလံုးပဲ ေပ်ာ္ရႊင္ပါေစဗ်ာ..

http://itwebcrazyboy.blogspot.com

No comments:

Post a Comment

အသိေပးစာ

Website အပြောင်းလဲ လုပ်နေပါသည်

uuuuuuuuuuuu

Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks