অসাধরন Page loading effect ব্লগার ব্লগ এর জন্য । সময় করে দেখুন ১০০% ভাল লাগেব ।

বন্ধুরা সবাই ভাল তো আশাকরি আপনারা খুব ভাল আছেন । ইদানিং আমি আপনাদের জন্য প্রচুর পোস্ট করছি এখুন একটু ফ্রী আছি তাই আর বাকিটা আপনাদের ভালবাসার জন্য । সে যাই হোক আজকে আমি আপনাদের জন্য একটি নতুন ধরনের ব্লগের টিপস শেয়ার করতে চলেছি , অবশ্য আমি নতুন কিছু না পেলে পোস্ট করি না আর আজকে যে জিনিসটি নিয়ে পোস্ট করছি সেটিতো আমার খুব প্রিয় । আপনারা লক্ষ করে দেখবেন আপনি আপনার ব্লগের যেকোনো পোস্ট বা লিঙ্ক ইত্যাদিতে ক্লিক করার সময় পেজ টা সাদা হয়ে যাই তারপর নতুন পেজ ওপেন হয় । কিন্তু আজ থেকে আপনার ব্লগ এর পেজ লোড হবে আর ৫ জনের থেকে একটু আলাদা । তো চলুন এর লাইভ ডেমো দেখে আসি , ডেমো দ্যাখার জন্য নীচের ডেমো বটনে ক্লিক করুন তারপর যে ব্লগ আসবে সেখানে যে কোন একটি পোস্টে ক্লিক করুন তাহলে বুজে যাবেন ।

•  আমি যা বলেছিলাম আপনাদের পছন্দ হলতো জানতাম আপনাদের পছন্দ হবে । তাহলে আর দেরি করে লাভ কি এটাকে এখুনি ডাউনলোড করে ব্যবহার করা শুরু করে দিন । 

•  যে ভাবে যুক্ত করবেন । নীচের টিপস লক্ষ করুন । 

1. আপনার ব্লগ লগ অন করুন । 
2. তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করুন । 
3. এবার 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/AVvXsEhv1ys5_Av7yy_fQ9N5aRCMlkMGrdIJ-FHXuOiyRY_dX4kBJYLDL0X7azzZslNQvy_sfUZzn2uMKZ-wIaoV7LfZjq6FLwg3fVwcdmZYNINzGTOdakGXXl1bIGi-u0iIV8F_rOyyjn0gsk08/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 এ ক্লিক করে সেভ করে নিন । 

• আশাকরি আপনারা সবাই কাজটি করতে আমার মতো সফল হয়েছেন । ভাল লাগলে কমেন্ট করে জানাবেন । আজকের মতো এই পর্যন্ত আল্লাহ্‌ হাফেজ ।