কিভাবে যুক্ত করতে হয়ঃ
- প্রথমে আপনার ব্লগার একাউন্টে লগইন করুন।
- তারপর ব্লগার ড্যাশবোর্ড হতে 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;
}
- তারপর প্রথমে নিচের ফুল ট্যাগটি সার্চ করুন। ফুল ট্যাগটি খুজে না পেলে শুধুমাত্র লাল অংশটি সার্চ করুন।
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
- উপরের লাইনটির ঠিক উপরে নিচের কোডগুলি কপি করে পেষ্ট করুন।
<div class='social-media-icons-V2' id='social-icons-V2'>
<ul>
<li class="media_icon"><a href="
#" target="_blank" title="Facebook"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpoN0UjDUj3S8WJY5NLktAQPt-acyZsVOZFSRXPo3uDAaDg7P_TUOdc0QI4kOV_JZvn70_-bVfxJzcZgPa-V3maIttBkxb8l1MnyDx8znW3TH3jGpsIICc_2vmFwliPidBjFGkqvF2_Xc/s1600/FB.png" /></a></li>
<li class="media_icon"><a href="
#" target="_blank" title="Twitter"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEistH5MFa9txpu8LbLZ-64jXajNCZKMqZGCE88-UOHmUWzBv68w0Zh4ux-B0ckGJE9u3vjg-N3QCJMmFeBtLPvTppSa0y6S0ZMtGbH84riH99lfrIk1vzpnaP5W_lncM1fze9Syy5v33Xc/s1600/Tw.png" /></a></li>
<li class="media_icon"><a href="
#" target="_blank" title="Google+"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLVn42wMx5EoEm2eiDCII40PvjETbBYM1QMmghMq9GhSUWH24KcvCeVXlTnOS3uiiyzDqAmlwI_w7IEVd7g1XU9ljM__LL5_DNzax6VUGx1U4tyWKglLrVeP4IN0wbsEmI0sC30TQOLcg/s1600/Go.png" /></a></li>
<li class="media_icon"><a href="
#" target="_blank" title="Youtube"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUOZDAYdqJ27ZfN3y-l0DSv5faSUc0-QWvO-BNOa6cGDSA7HWKP8O4Il0DqDkrT3Ft4T-Y9b_5MQKPosG5lDk3axAXCe1Nf6Gfiz7MyKFdZnPz9qWvnH8Xg5pVltgtYtL4kOUBXf7hyZc/s1600/YT.png" /></a></li>
<li class="media_icon"><a href="
#" target="_blank" title="Pinterest"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixaZlvlY8ddx4jV8rZlg7tsH8TOGfNmXHv8glRerjHk8j1qHVpJYpDSwxo-G3ao_lYI-V1zLHpyjcDG37IvtomipqHQL-lKJll0r6dd50a-shz3rr9YqPIfGaKEfuxb_Qi1_o3Z3QqBfI/s1600/Pi.png" /></a></li>
<li class="media_icon"><a href="
#" target="_blank" title="Rss"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm3V07nAAEYX74-6TwwP1SMaU58YBVP7XGNLJp54DDHLsa9ETOPSY57x8yyhEws-HojG4DFzKWFBXk2A0gDfmr9Rt55bMGoKmDOzwQnYvOEoMaZHPymQ48lFve4xz9ub4cC3mPkleLRa4/s1600/Rs.png" /></a></li>
</ul></div>
