অসাধরন Page loading effect ব্লগার ব্লগ এর জন্য
ব্লগার বন্ধুদের জন্য আজ আমি একটি সুন্দর অসাধরন Page loading effect শেয়ার করছি । সময় করে দেখুন ১০০% ভাল লাগেব । [ প্রিন্টার ভালো রাখার সেরা ১০ টি টিপস- Printer]
যে ভাবে যুক্ত করবেন । নীচের টিপস লক্ষ করুন ।
এবার একি ভাবে নীচের কোডটি খুজে বের করুন ।
যে ভাবে যুক্ত করবেন । নীচের টিপস লক্ষ করুন ।
- আপনার ব্লগ লগ অন করুন ।
- তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করুন ।
- এবার Edit HTML এ ক্লিক করুন ।
- এবার Ctrl + F প্রেস করে নীচের কোডটি খুজে বের করুন ।
এবার উপরের কোড টি খুজে পেলে তার ঠিক উপরে নীচের কোডটি কপি করে পেস্ট করুন ।]]></b:skin>
#BloggerSpiceloader{ position:fixed !important; position:absolute; top:0; right:0; bottom:0; left:0; z-index:9999; background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTq_MZ4yyz-Is5-V71msr8pjqVMu8T2V_3qMyvZSpPzSRq13ltFv1N4JhAJoV23lxyNqIf6oRiVGkXsBPNxzfc6RWPlB4w4Wt-fjjklqkTJ_IJ_pK8LaoSHlfsQm1cL7S_VXI4zTpWAanN/s1600/BS+loading.gif') no-repeat 50% 50%; color:white; padding:1em 1.2em; display:none}
এবার একি ভাবে নীচের কোডটি খুজে বের করুন ।
</body>উপরের কোডটি খুজে পেলে তার ঠিক আগে বা উপরে নীচের কোডটি কপি করে পেস্ট করুন ।
<script type='text/javascript'>
//<![CDATA[
// Trick by www.asobondhu.blogspot.com
$(document.body).append('<div id="BloggerSpiceloader"></div>');
$(window).on("beforeunload", function() {
$('#BloggerSpiceloader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>
- ব্যাস এবার Preview template এ ক্লিক করে চেক করে নিন । সব ঠিক থাকলে Save template এ ক্লিক করে সেভ করে নিন ।
- আশাকরি আপনারা সবাই কাজটি করতে আমার মতো সফল হয়েছেন । ভাল লাগলে কমেন্ট করে জানাবেন । আজকের মতো এই পর্যন্ত।
0 comments