ব্লগারে যুক্ত করুন প্রিমিয়াম গেইমিং সোশ্যাল শেয়ার বাটন (Free HTML/CSS Code)

 

ব্লগারে যুক্ত করুন প্রিমিয়াম গেইমিং সোশ্যাল শেয়ার বাটন (Free HTML/CSS Code)


ব্লগারে যুক্ত করুন প্রিমিয়াম গেইমিং সোশ্যাল

শেয়ার বাটন (Free HTML/CSS Code)



বর্তমান সময়ে একটি ব্লগ সাইটের সাফল্য শুধু তার কন্টেন্টের ওপর নির্ভর করে না, বরং সাইটটি দেখতে কতটা

প্রফেশনাল এবং ইউজার ফ্রেন্ডলি তার ওপরও অনেকখানি নির্ভর করে। বিশেষ করে যারা গেইমিং, টেকনোলজি

বা গ্যাজেট নিয়ে ব্লগিং করেন, তাদের সাইটের ডিজাইন হতে হয় আধুনিক এবং আকর্ষণীয়। সাধারণ সোশ্যাল

শেয়ার বাটন সব সাইটেই দেখা যায়, কিন্তু আপনি যদি আপনার ভিজিটরদের মুগ্ধ করতে চান, তবে আপনার

প্রয়োজন একটু ইউনিক কিছু। আজকের এই টিউটোরিয়ালে আমরা শিখবো কিভাবে আপনার ব্লগার সাইটে

একটি Ultra-Premium Neon Gaming Social Share Buttons উইজেট যুক্ত করবেন।


কেন এই সোশ্যাল শেয়ার বাটনটি ব্যবহার করবেন?


আমরা যখন কোনো কন্টেন্ট সোশ্যাল মিডিয়ায় শেয়ার করতে বলি, ভিজিটররা যদি সেখানে সাধারণ আইকন

দেখে তবে অনেক সময় তারা আগ্রহ হারিয়ে ফেলে। কিন্তু এই নিয়ন গ্লোয়িং বাটনগুলোতে এমন কিছু ফিচার

রয়েছে যা ভিজিটরদের দৃষ্টি কাড়তে বাধ্য:


১. ইন্টারেক্টিভ অ্যানিমেশন: এই বাটনগুলোতে মাউস হোভার করলে এটি স্মুথভাবে প্রসারিত হয় এবং ভেতরের টেক্সটটি দৃশ্যমান হয়। এটি

ইউজার এক্সপেরিয়েন্সকে অনেক গুণ বাড়িয়ে দেয়।

২. নিয়ন লাইটিং ইফেক্ট: প্রতিটি বাটনের জন্য আলাদা আলাদা নিয়ন কালার ব্যবহার করা হয়েছে। যেমন ফেসবুকের জন্য ব্লু,

হোয়াটসঅ্যাপের জন্য গ্রিন এবং ইউটিউবের জন্য রেড গ্লো। এই লাইটিং ইফেক্টটি ডার্ক থিম সাইটগুলোতে

অসাধারণ দেখায়।

৩. শাইন অ্যানিমেশন: বাটনগুলোর ওপর দিয়ে একটি শাইন ওভারলে বা আলোর রেখা চলে যায়, যা এটিকে একটি থ্রি-ডি বা প্রিমিয়াম

লুক দেয়।

৪. মোবাইল রেসপন্সিভ: বর্তমান সময়ে বেশিরভাগ ভিজিটর মোবাইল থেকে সাইট ভিজিট করেন। এই কোডটি এমনভাবে অপ্টিমাইজ

করা হয়েছে যা মোবাইল এবং ট্যাবলেট স্ক্রিনেও চমৎকারভাবে ফিট হয়ে যায়।


কিভাবে এটি ব্লগারে সেটআপ করবেন?


এই উইজেটটি সেটআপ করা খুবই সহজ। আপনাকে কোনো কোডিং জানতে হবে না, শুধু নিচের ধাপগুলো

অনুসরণ করুন:


ধাপ ১: প্রথমে আপনার ব্লগার ড্যাশবোর্ডে লগইন করুন।


ধাপ ২: 'Layout' সেকশনে যান এবং যেখানে আপনি বাটনগুলো দেখাতে চান সেখানে 'Add a Gadget'

এ ক্লিক করুন।


ধাপ ৩: 'HTML/JavaScript' অপশনটি বেছে নিন।


ধাপ ৪: নিচের বক্সে আমাদের দেওয়া সম্পূর্ণ HTML এবং CSS কোডটি পেস্ট করুন।


ধাপ ৫: 'Save' বাটনে ক্লিক করুন এবং আপনার সাইটটি রিফ্রেশ দিয়ে দেখুন।


কাস্টমাইজেশন টিপস:


আপনি যদি চান তবে কোডের ভেতর থেকে কালার এবং আইকনগুলো পরিবর্তন করতে পারেন। YOUR_URL

এর জায়গায় আপনার সাইটের লিঙ্ক বা সোশ্যাল মিডিয়া পেজের লিঙ্ক বসিয়ে দিন। এছাড়া যারা নির্দিষ্ট কোনো

পোস্টের নিচে এটি অটোমেটিক দেখাতে চান, তারা ব্লগারের থিম এডিটরে গিয়ে কন্টেন্ট এরিয়ার নিচে এই

কোডটি বসাতে পারেন।


উপসংহার:


একটি সুন্দর ওয়েবসাইট মানেই ভালো এনগেজমেন্ট। এই Neon Gaming Social Buttons ব্যবহার করার মাধ্যমে

আপনার সাইটের বাউন্স রেট কমবে এবং সোশ্যাল শেয়ারিং বাড়বে। এটি সম্পূর্ণ ফ্রি এবং আপনার সাইটের

লোডিং স্পিডে কোনো প্রভাব ফেলবে না।


আপনার যদি কোডটি ব্যবহার করতে কোনো সমস্যা হয় অথবা নতুন কোনো ফিচারের প্রয়োজন হয়, তবে

কমেন্ট করে আমাদের জানাতে পারেন। আপনার সাইটকে আরও প্রফেশনাল করতে আমাদের অন্যান্য গেইমিং

উইজেটগুলোও ট্রাই করে দেখতে পারেন।





লাইভ ডেমো দেখতে ভিডিওটি দেখুন -
এখান থেকে কোডটি কপি করুন - Code Copy with Hover Effect

Post a Comment

Previous Next

Follow Us

نموذج الاتصال