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

প্রথমে এই নিচের কোড গুলো যেই খানে আপনি দেখাতে চান সেইখানে পেস্ট করুন।


তারপর এই সিএসএস গুলো আপনার স্টাইল সিএসএস রাখুন

/*social sharing buttons*/

.social23 a { display:inline-block; margin:0px 10px 5px 0; padding:10px 15px; color:#fff; font-weight:bold; text-align:center; text-decoration:none; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; }

/*Twitter*/

.twitter{ background:#9AE4E8; }

/*Facebook*/

.facebook{ background:#3B5998; }

/*Google Plus*/

.google-plus{ background:#D34836; }

.social23 p{margin-bottom:10px; margin-top: -37px;}

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

প্রিমিয়াম ওয়ার্ডপ্রেস থীম ফ্রীতে পেতে চাইলে এইখানে দেখতে পারেন

টিউটি আগে এইখানে প্রকাশিত ।