ওয়ার্ডপ্রেসে ফেইসবুক সোস্যল শেয়ার বাটন দিন কোন প্লাগিন ছাড়াই

২১ শে ফেব্রুয়ারি, ২০১৪ দুপুর ১২:২৫

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



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





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



/*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;}



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



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



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

০ টি +০/-০