অসাধরন 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('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}



  •  এবার একি ভাবে নীচের কোডটি খুজে বের করুন । 


</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 এ ক্লিক করে সেভ করে নিন । 

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

একটি মন্তব্য পোস্ট করুন

11 মন্তব্যসমূহ

  1. রামিজ রাজা৭:১৪ PM

    অসাধারন । দারুন ব্লগ ।

    উত্তরমুছুন
  2. খুব সুন্দর জিনিস ।

    উত্তরমুছুন
  3. ধন্যবাদ। অনেক আগেই লাগিয়েছি!!

    উত্তরমুছুন
  4. aslamparvez৯:০৫ AM

    হুম । কিন্তু স্টাইল টি আলাদা । আপনার তাও আমার কাছে আছে । আপনার আছে বলে আমি শেয়ার করি নি ।

    উত্তরমুছুন
  5. aslamparvez৯:০৫ AM

    ধন্যবাদ ভাই ।

    উত্তরমুছুন
  6. aslamparvez৯:০৬ AM

    ধন্যবাদ ভাই আপনাকেও

    উত্তরমুছুন
  7. :) ধন্যবাদ। জিনিস একই তবে আমি ইমেজ পরিবর্তন করেছি, এবং দুটি স্টাইল এক সঙ্গে দিয়েছি, মানে কিছু হালকা লোড- হালকা কালো। আর বড় লোড ঘন কালো! এই আর কি! অনেক ধন্যবাদ।

    উত্তরমুছুন
  8. aslamparvez১০:০৯ PM

    হুম , আবারও ধন্যবাদ ।

    উত্তরমুছুন
  9. Bondhu Hasan১১:২৩ PM

    vai aamake aktu help koren,kivabe blog a video player frame add korbo jeno kono visitor taate click korle sudhu loading likha ase.pls help me

    উত্তরমুছুন
  10. ধনাবাদ ভাই, দারুন পোষ্ট। আশাকরি আমার এবং অন্যদের কাজে লাগবে।আমার সাইটে এড করেছি
    চাইলে আমার নিজের তৈরি করা ব্লগটি ঘুরে আসতে পারেন। আর হ্যা ভাল লাগলে মন্তব্য করবেন। Techtunesu

    উত্তরমুছুন
    উত্তরগুলি
    1. ধন্যবাদ কমেন্ট করার জন্য !

      মুছুন

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!