আমাদের কথা খুঁজে নিন

   

পেজ Loading Effect ব্লগার / ব্লগস্পট স্টাইল ২ ।

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



 
 




৩) এবার উপরের কোডটি খুজে পেলে তার ঠিক উপরে বা আগে নীচের কোডটি কপি করে পেস্ট করুন ।
<style> /*  jQuery page loading effect by http://www.asobondhu.blogspot.com */ #md-loading { position: fixed; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; background: #FDFEF8 url(http://www.electricalcart.com/images/loading.gif) no-repeat center; line-height: 350px; text-align: center; font-size: 36px; color: #353231; text-indent: -9999px; } .MD #md-loading { display: none; } @media only screen and (device-width: 768px) { #loading { position:absolute; width:1040px; min-height:768px; } } #md-progress-bar { position: absolute; top: 0; left: 0; background: #de1301; opacity: 0.8; width: 0; height: 18px; } #md-loader { height: 100%; display: none; } </style> <script>(function($){$(“html”).removeClass(“MD”)$(“#header”).ready(function(){ $(“#md-progress-bar”).stop().animate({ width: “25%” },1500) }); $(“#footer”).ready(function(){ $(“#md-progress-bar”).stop().animate({ width: “75%” },1500) });
$(window).load(function(){
$(“#md-progress-bar”).stop().animate({ width: “100%” },600,function(){ $(“#md-loading”).fadeOut(“fast”,function(){ $(this).remove(); }); }); }); })(jQuery); </script>
৪) এবার একি ভাবে কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোডটি খুজে বের করুন ।
৫) উপরের কোডটি খুজে পেলে তার ঠিক নীচে বা পরে নীচের কোডটি কপি করে পেস্ট করুন ।
নোট : আপনি যদি চান শুধু মাত্র হোম পেজে এই স্টাইল যুক্ত করবেন তাহলে নীচের কোডটি কপি করে পেস্ট করুন ।
<b:if cond=’data:blog.url == data:blog.homepageUrl’>  <div id=’md-loading’><div id=’md-progress-bar’></div><div id=’md-loader’>Loading…</div></div></b:if>
* এবার Save Template এ ক্লিক করে সেভ করে নিন ।

আশাকরি বুজতে কোন সমস্যা হলানা কোন প্রকার সমস্যা হলে আমাকে জানাবেন আমি হেল্প করতে চেষ্টা করবো ।
* তাহলে আজকের মতো এই পর্যন্ত ভাল থাকবেন সুস্থ থাকবেন । আল্লাহ্‌ হাফেজ ।
* পোস্ট টি আমার দ্বারা পূর্বে প্রকাশিত এখানে সময় পেলে ঘুরে আসুন ।  
* আমার ফেসবুক ফ্যান পেজ এখানে সময় পেলে ঘুরে আসুন ভাল লাগলে একটি লিকে দিয়ে আসুন ।

 

সোর্স: http://www.techtunes.com.bd/     দেখা হয়েছে ১২ বার

অনলাইনে ছড়িয়ে ছিটিয়ে থাকা কথা গুলোকেই সহজে জানবার সুবিধার জন্য একত্রিত করে আমাদের কথা । এখানে সংগৃহিত কথা গুলোর সত্ব (copyright) সম্পূর্ণভাবে সোর্স সাইটের লেখকের এবং আমাদের কথাতে প্রতিটা কথাতেই সোর্স সাইটের রেফারেন্স লিংক উধৃত আছে ।