ခရစ္စမတ္ႏွင္းးေလးေတြနဲ႕ အလွဆင္ၾကမယ္ (For Blogger)

Christmas snowfalls with breeze for Blogger 2012

မဂၤလာအေပါင္းနဲ႕ ျပည့္စုံၾကပါေစဗ်ာ... ခုတင္မဲ့ နည္းေလးကေတာ့ မိမိတို႕ ေဘလာ့ေလးေတြအတြက္ လွပတဲ့... ႏွင္းေလးေတြနဲ႕ တန္ဆာဆင္ေပးမဲ့...ခရစ္စမတ္ လက္ေဆာင္သေဘာမ်ိဳးးေလးပါ...တင္တာေနာက္က်ေနလို႕ ခရစ္စမတ္အတြက္လို႕ေတာ့ မေျပာေတာ့ပါဘူးးေနာ္...ဟဲဟဲ...
နည္းလမ္းေလးက လြယ္ပါတယ္.. ေအာက္မွာ ေလ့လာလိုက္ပါ

►1- Blogger Singin ၀င္လိုက္ပါ။
►2- Dashboard ကိုသြားလိုက္ပါ။
►3- Template ကိုကလစ္ပါ..။
►4- Edit Html ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5- Ctrl+F (သို႕မဟုတ္) F3 အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

]]></b:skin> ကုဒ္ကိုရွာလုိက္ပါ ေတြ႕တာနဲ႕ သူ႕အေပၚကပ္လွ်က္ ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ထည့္ေပးလိုက္ပါ.....

ကုဒ္ကိုရွာရခက္ပါက မေတြ႕ခဲ့ပါက သည္လိုေရးရွာလိုက္ပါ b:skin

/*-- Breeze for Snow flakes --*/
#mbl_snowflakes {
position: absolute;
height: 950px;
width: 966px;
overflow: hidden;

}
#snowContainer > div
{
position: absolute;
width: auto;
height: auto;
-webkit-animation-iteration-count: infinite, infinite;
-webkit-animation-direction: normal, normal;
-webkit-animation-timing-function: linear, ease-in;
}
#snowContainer > div > img {
position: absolute;
width: auto;
height: auto;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
-webkit-transform-origin: 50% -100%;
}
@-webkit-keyframes fade
{
0% { opacity: 1; }
95% { opacity: 1; }
100% { opacity: 0; }
}

@-webkit-keyframes drop
{
0% { -webkit-transform: translate(0px, -50px); }
100% { -webkit-transform: translate(0px, 650px); }
}
@-webkit-keyframes clockwiseSpin
{
0% { -webkit-transform: rotate(-50deg); }
100% { -webkit-transform: rotate(50deg); }
}

@-webkit-keyframes counterclockwiseSpinAndFlip
{
0% { -webkit-transform: scale(-1, 1) rotate(50deg); }
100% { -webkit-transform: scale(-1, 1) rotate(-50deg); }
}

ေနာက္တဆင့္အေနနဲ႕...
<body>

ဆုိတာကိုဆက္ရွာေပးပါ ေတြ႕ျပီဆိုတာနဲ႕ သူ႕ေအာက္မွာ ကပ္လွ်က္ ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ထည့္ေပးလိုက္ပါေနာ္...

<script charset="utf-8" src="https://netoopscodes.googlecode.com/svn/branches/Js files/snowfall.js" type="text/javascript"></script>

<div id="mbl_snowflakes">

<div id="snowContainer">

</div>

</div>

ျပီးးးတာနဲ႕.. မိမိတို႕ ဘေလာ့ကို preview နဲ႕စစ္ေဆးၾကည့္လိုက္ပါေနာ္...အိုေကတာနဲ႕ save template လုပ္နိဳင္ပါျပီ....

နမူနာၾကည့္လိုပါက သည္မွာ ကလစ္ၾကည့္လိုက္ပါ။

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

ဘေလာ့ခရီးသည္.

CKK - နည္းပညာ

Friday, January 26, 2018

ခရစ္စမတ္ႏွင္းးေလးေတြနဲ႕ အလွဆင္ၾကမယ္ (For Blogger)

No comments:

Post a Comment