Image 1 Image 2 Image 3 Image 4
আপনার ব্লগারের সকল ইমেজ কে রুটেট ইফেক্ট দেন -->

আপনার ব্লগারের সকল ইমেজ কে রুটেট ইফেক্ট দেন

আসসালামু আলাইকুম

কেমন আছেন সবাই, আল্লাহর রহমতে সবাই ভালো আছেন সবাই। আজকে আরো একটি নতুন ট্রিক নিয়ে হাজির হলাম আপনাদের মাঝে।

টিউটোরিয়ালের বিষয় ঃ আপনার ব্লগারের ইমেজ কে রুটেট ইফেক্ট দেন।

rotac image, akrambd26.blogspot.com
আপনার ব্লগারের সকল ইমেজ কে রুটেট ইফেক্ট দেন 

® চলুন দেখে নিই কিভাবে সেট করবেন।
  • প্রথমে আপনার ব্লগে Login করবেন।
  • তারপর dashboard থেকে Themes থেকে Edit Html এ ক্লিক করবেন।
  • এখন কিবোর্ড থেকে CTRL+F প্রেস করে এই ট্যাগটি লিখে সার্চ করুন

    ]]<b:skin/> এই ট্যাগটি পাওয়া গেলে,  ঠিক এর উপরে নিচের কোডটি Paste করে দিন। 
.post img {
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
.post img:hover{
opacity:.8;
-webkit-transform:scale(1.1) rotate(-2deg);
-moz-transform:scale(1.1) rotate(-2deg);
-ms-transform:scale(1.1) rotate(-2deg);
transform:scale(1.1) rotate(-2deg);}

  • এবার Save Template দিয়ে বের হয়ে আসেন। সাইটি রিলোড দেন। এখন আপনার মাউজ পয়েন্টার আপনার ব্লগের যেকোন ইমেজ এর উপরে রাখেন, দেখবেন ইমেজ রুটেট হয়ে যাচ্ছে। 

নোটঃ আপনি চাইলে  rotate(-2deg) পরিবর্তন করতে পারবেন।

  • আজ এই পর্যন্তই। সবাই ভালো থাকবেন। আমাদের সাথেই থাকুন।

আল্লাহ হাফেজ



Newer Next Posts

Related Posts

Facebook

Image 1 Image 2 Image 3 Image 4