বন্ধুরা সবাই আশাকরি ভালো আছেন সব সময় সুস্থ এবং ভালো থাকেন আল্লাহ্‌ এর কাছে সেটাই দোয়া করি । যাই হোক আজকে আমি আপনাদের জন্য Animated Page Loading Effect নিয়ে এলাম অনেকের মনে প্রশ্ন যাগতে পারে এটার কাজ কি ? হুম তাদের বলবো ভালো একটি প্রশ্ন ? এটার কাজ আসলে সেরকম কিছুই না জাস্ট ব্লগটিকে প্রফেশনাল লুক দেওয়া । আপনি এটা আপনার ব্লগে অ্যাড করলে আপনি নিজেই বুজতে পারবেন এটা কতটা মজার ।

এটা কোথাই কিভাবে কাজ করে ?

♦ উপরের চিত্রে দেখুন এর স্টাইল ঠিক উপরের চিত্রের মতো । এটা কোথাই কাজ করে , আপনি যক্ষুনি কোন পেজ বা ব্লগ এর কোন লিঙ্ক বা পোস্টে ক্লিক করবেন তখুনি এটা শো করবে ঠিক উপরের চিত্রের মতো করে ।

♦আশাকরি এতো ক্ষণে দেখে নিয়েছেন এবং বুঝেও গেছেন । যাই হোক নীচে থেকে দেখে নিন কিভাবে এটাকে আপনার ব্লগে অ্যাড করবেন ।

কিভাবে আপনার ব্লগে যুক্ত করবেন ?

১// আপনার ব্লগ লগইন করুন তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করুন ।

২// এবার ডান পাশ থেকে ব্যাকআপ বাটন এ ক্লিক করে আপনার টেম্পলেট এর ব্যাকআপ নিয়ে নিন ।

৩// এবার Edit HTML এ ক্লিক করে আপনার কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোডটি খুজে বের করুন ।

</body>

৪// উপরের কোড খুজে পেলে তার ঠিক উপরে নীচের কোড গুলো কপি করে পেস্ট করুন ।

<style>

#abt-page-loader {

position: fixed!important;

top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: 9999;

background:#000 url(‘http://3.bp.blogspot.com/-sW166HTPK4U/UY2kVNdjsFI/AAAAAAAAEHk/fIO-B-mOeCE/s200/load6.gif‘) no-repeat 50% 30%;

color: #FFF;

display: none;

font: 0/0 a;

text-shadow: none;

padding: 1em 1.2em;

}

</style>

<script type=’text/javascript’>

//<![CDATA[

$(document.body).append(‘<div id=”abt-page-loader”>Loading…</div>’);

$(window).on(“beforeunload”, function() {

// … Show the Animation `.fadeIn()`

$(‘#abt-page-loader’).fadeIn(1000).delay(6000).fadeOut(1000);

});

//]]>

</script>

Download

নোটঃ আপনি চাইলে উপরের কালার করা লিঙ্ক মুছে সেখানে অন্য কোন Animated ফটো অ্যাড করতে পারেন ।

৫// Save Template এ ক্লিক করে সেভ করে নিন ।

শেষ কিছু কথাঃ

♦ আশাকরি উপরের টিপস থেকে আপনাদের বুজতে কোন সমস্যা হল না বা কাজটি করতেও কোন সমস্যা হল না । যদি কোন রকম সমস্যা হয় অবশ্যই আমাকে জানাবেন আমি হেল্প করবো এর জন্য অবশ্যই এই পোস্টে কমেন্ট করে যানাবেন ।আর হা পোস্টটি যদি সত্যি ভালো ও আপনার কাজে লাগে অবশ্যই একটি কমেন্ট ও বন্ধুদের সাথে শেয়ার করবেন । কারন আপনাদের পোস্ট গুলো ক্যামন লাগছে সেটা আমার যানা খুব দরকার । এতে আমার আরও বেশি বেশি লিখার আগ্রহ বাড়বে । ধন্যবাদ ।

আমার ব্লগ Trick24pro

3 thoughts on "ব্লগার ( ব্লগস্পট ) এর জন্য Animated Page Loading Effect । দেখুন সবাই ব্যবহার করতে চাইবেন ।"

  1. Lucifa Expert Author says:
    It’s called pre-lodder
  2. Fnc+Faruk Contributor says:
    ভাই কিছুই বুঝলাম না
    ছবি সহ দেন তাহলে বুঝতে পারতাম
  3. Trickbd Support Moderator says:
    পরবর্তীতে নীতিমালা না মেনে পোস্ট করামাত্রই আজীবনের জন্য ট্রেইনার পদ বাতিল করা হবে।
    নীতিমালা পড়ে তারপর পোস্ট করুন।
    লিংক দেয়ার ক্ষেত্রে সতর্ক হোন।

Leave a Reply