#eTubeGuideBangla : ব্লগারে অ্যানিমেটেড লিঙ্ক হোভার ইফেক্ট যুক্ত করার জন্য কীভাবে পদক্ষেপ করবেন

» #eTubeGuideBangla ভিডিও বিবরণ :

Blogger.com ওয়েবসাইটে অ্যানিমেটেড লিঙ্ক হোভার ইফেক্ট যুক্ত করার জন্য নিচের ধাপগুলি অনুসরণ করতে পারেন:

ধাপ ১: Blogger.com ড্যাশবোর্ডে লগইন করুন

1. আপনার Blogger.com একাউন্টে লগইন করুন।
2. আপনার ব্লগ সাইট নির্বাচন করুন।

ধাপ ২: টেমপ্লেট এডিটর ওপেন করুন

1. ব্লগ সাইটের ড্যাশবোর্ডে গিয়ে Theme অপশন নির্বাচন করুন।
2. তারপর Customize এবং Edit HTML অপশনে ক্লিক করুন।

ধাপ ৩: CSS কোড যোগ করুন

1. HTML এডিটর ওপেন হলে, কোডের মধ্যে নিচের CSS কোডটি যোগ করুন। এটি লিঙ্কের জন্য হোভার ইফেক্ট তৈরি করবে।

css
/* Animated Hover Effect for Links */
a {
    text-decoration: none;
    color: #000; /* Default link color */
    transition: color 0.3s ease, transform 0.3s ease;
}

a:hover {
    color: #ff6347; /* Hover link color (Tomato red) */
    transform: scale(1.1); /* Slightly enlarge the link */
}

2. আপনি আপনার পছন্দের অনুযায়ী রঙ এবং স্কেল পরিবর্তন করতে পারেন।

ধাপ ৪: সেভ করুন

1. কোডটি যোগ করার পর, উপরের Save বাটনে ক্লিক করুন।

এখন আপনার ব্লগের সমস্ত লিঙ্কে অ্যানিমেটেড হোভার ইফেক্ট কার্যকর হবে। যখন ব্যবহারকারী একটি লিঙ্কের ওপর মাউস হোভার করবেন, তখন লিঙ্কটি একটু বড় হয়ে যাবে এবং রঙ পরিবর্তন হবে।

» #eTubeGuideBangla ভিডিও #হ্যাশট্যাগ :

HashTags