Shining Multi Color page loading effect for Blogger

Post oleh : Unknown | Rilis : 4:05 AM | Series : Blogger Tutorial ဘေလာ့နည္းပညာ

ဒါေလးကေတာ.ဗ်ာကိုယ္.ဘေလာ.ေလးအတြက္ Shining Multi Color page loading effec ေလးလို.ေခၚပါတယ္.. စိတ္၀င္စားလို.ကိုယ္.ဘေလာ.ေလးမွာထည္.ခ်င္တဲ.ဆႏၵရိွတယ္ဆိုရင္ေတာ.ေအာက္ကအတိုင္းပဲ
ဆက္လုပ္လိုက္ပါ..
Step 1  Blogger Template ကိုသြားပါ
 Step 2 Edit HTML ကိုနိွပ္ပါ
Step 3 Ctrl + F ကိုနွိပ္ပီး ]]></b:skin>ဆိုတဲ.ကုဒ္ေလးကိုရွာပါ
Step 4 ေတြ.ပီဆိုရင္ေအာက္မွာေပးထားတဲ.ကုဒ္ေတြကို ေကာ္ပီကူးပီး]]></b:skin>ဆိုတဲ.ကုဒ္ေလးမတိုင္ခင္မွာ Paste ခ်လိုက္ပါ..

#BloggerSpiceloader{ position:fixed !important; position:absolute; top:0; right:0; bottom:0; left:0; z-index:9999; background:#000 url('http://4.bp.blogspot.com/-VJaGKss-2zo/UhnYtLdqJ5I/AAAAAAAAEaE/Ght9Y7tLVYY/s1600/BS+loading.gif') no-repeat 50% 50%; color:white; padding:1em 1.2em; display:none}

Step 5 ေနာက္ထပ္ Ctrl + F ကိုနွိပ္ပီး ဆိုတဲ.ကုဒ္ေလးကိုရွာပါ..
 Step 6 ေတြ.ပီဆိုရင္ေအာက္ကကုဒ္ေတြကိုကူးယူပီး ]]></b:skin> ဆိုတဲ.ကုဒ္ေလးရဲ.အေပၚမွာ Paste ခ်ေပးလိုက္ပါ.

<script type='text/javascript'> //<![CDATA[ // Trick by www.bloggerspice.com $(document.body).append('<div id="BloggerSpiceloader"> </div> '); $(window).on("beforeunload", function() { $('#BloggerSpiceloader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script

Step 7 Template ကို Save လုပ္လို.ရပါျပီ..ေဘာ္ဒါအားလံုးအဆင္ေျပမယ္လို.ေမွ်ာ္လင္.ပါတယ္..

ေရြႊမင္း၀ံ

facebook

twitter

Tweet

google+

linkedin