ব্লগের Header এ যুক্ত করুন আকর্ষণীয় ডিজাইনের Social Media Icons ~ BDTips22.blogspot.com

সব ধরনের ব্লগ এবং ওয়েবসাইটের সুন্দর্য বৃদ্ধি করার জন্য Social Media Icons যুক্ত করে থাকেন। আর ব্লগার টেমপ্লেটের Header এ Social Media Icon যুক্ত করার ফলে আপনার কাঙ্খিত ব্লগটির সুন্দর্য আরও অনেকগুন বেড়ে যায়। এ জন্য সবাই চায় অন্য কোথাও এই Social Media Icon যুক্ত না করে সরাসরি Header এ যুক্ত করতে। আমি আজ যে পোষ্টটি শেয়ার করবো এটিতে আপনি ইচ্ছে করলে আনলিমিটেড আইকন ব্যবহার করতে পারবেন। আপনার ইচ্ছামত আইকন যুক্ত করতে, আবার পছন্দ না হলে বাদ দিতেও পারবেন। কাষ্টমাইজ করার জন্য "প্রযুক্তি ডট কম" এর তৈরী বেশ কিছু Social Media Icons Set ডাউনলোড করার লিংক দেব। যার ফলে ইন্টারনেট হতে আপনাকে খুজে খুজে এ গুলি সংগ্রহ করতে হবে না। এই Social Media Icons যুক্ত করার ফলে শুধুমাত্র যে আপনার ব্লগের সুন্দর্য বৃদ্ধি পাবে তা নয়, পাশাপাশি আপনার Social Media গুলির অনেক ফ্যান বৃদ্ধি পাবে।

কিভাবে যুক্ত করতে হয়ঃ

প্রথমে আপনার ব্লগার একাউন্টে লগইন করুন।
তারপর ব্লগার ড্যাশবোর্ড হতে Template > Edit Html এ ক্লিক করুন।

এরপর কিবোর্ড হতে Ctrl+F চেপে ]]></b:skin> অংশটি সার্চ করুন।
নিচের Css কোডগুলি কপি করে ]]></b:skin> এর উপরে পেষ্ট করুন।

#social-icons-V2 {
height:50px;
width:40%;
float:right;
clear:both;
z-index: 2;
position: relative;
margin-right:10px;
margin-bottom:0px;
}
.social-media-icons-V2 {
display:table
}
.social-media-icons-V2 ul {
text-align:right;
padding:5px 5px 0 0
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.social-media-icons-V2 ul {
margin-bottom:0;
padding:0;
float:right;
}
.social-media-icons-V2 li.media_icon {
margin-left:6px;
padding-left:0 !important;
background:none !important;
display:inline;
float:left;
}
.social-media-icons-V2 li:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(-360deg);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}