আজ আপনাদের সাথে অত্যান্ত আকর্ষণীয় একটি পোষ্ট শেয়ার করতে যাচ্ছি, যেটি আমাদের ব্লগে ব্যবহার করা হয়েছে। এটির মাধ্যমে আপনার ব্লগের যে কোন Element এর উপর Animation Effects দিতে পারবেন। এটি Css3 এবং JavaScript দিয়ে তৈরী করা হয়েছে, যার মাধ্যমে আপনার ব্লগের বিভিন্ন Element এর উপর ৫০ টিরও বেশী Bounce, Animate, Flip, Pulse Effects দিতে পারবেন। এই আকর্ষণী Css3 Transforms and Animation Effects যে কোন Browser এ সাপোর্ট করবে। আপনি লাইভ ডেমো দেখতে চাইলে আমাদের ব্লগের Home Page এ যান।
আপনি হয়তো ভাবছেন এত বড় কোড যুক্ত করলে আপনার ব্লগ স্লো হয়ে যাবে। আমি আপনাকে এ ব্যাপারে নিশ্চয়তা দিচ্ছি যে, আপনার ব্লগের লোড টাইমের উপর এটি কোন প্রভাব ফেলবে না। বরংচ এটি ব্যবহারে আপনার ব্লগের সুন্দর্য অনেকাংশেই বৃদ্ধি পাবে।
কিভাবে যুক্ত করবেনঃ
- ব্লগের ড্যাশবোর্ড হতে Template > Edit Html এ ক্লিক করুন।
- তারপর কিবোর্ড হতে Ctrl+F চেপে
- তারপর কিবোর্ড হতে Ctrl+F চেপে
Default Settings পরিবর্তন করতে চাইলেঃ
- BoxClass : যখন মাউজ স্ক্রল করে নিচের দিকে যাবেন তখন এটি বক্স শো করবে।
- Animated : এটি Animation Effects দেবে।
- Offset : এটি ব্রাউজারের View Report এর দুরত্ব বজায় রাখবে।
- Mobile : মোবাইল ভার্সন থেকে On অথবা Off করতে পারবেন।
Css যুক্ত করাঃ
- কিবোর্ড হতে Ctrl+F চেপে ]]>
- আপনি চাইলে উপরের লিংকের কোডগুলি আপনার ব্লগের Template এ ব্যবহার করতে পারেন।
- নোটঃ সব ধরনের Animation এখান থেকে দেখতে পারেন।
Html ট্যাগ যুক্ত করাঃ
- কিবোর্ড হতে Ctrl+F চেপে imgtag = ' অংশটি সার্চ করুন।
- উপরের লাইনের এর পরে class="wow zoomIn animated" অংশটি যোগ করুন।
- তাহলে আপনার নতুন লাইনটি হবে নিচের মত।
- সবশেষে Template Save করলেই কাজ OK.
0 মন্তব্য(গুলি):
Post a Comment