ভাই ব্রাদাররা কি অবস্থা সবার? অনেক দিন পর এবার টিটিতে লিখেতে বসলাম। চলুন কথা না বাড়িয়ে টিউন সম্পর্কে ফিরে যাই। আজ আমি আপনাদের দেখাবো কিভাবে ব্লগার/ব্লগস্পটে অ্যানিমেটেড সোশ্যাল বাটন যুক্ত করা যায়।

সিএসএস যুক্ত করণ
#rb_share_ex { width: 800px; margin: 0 auto; } #rb_share_ex img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } #rb_share_ex img:hover { -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); }
#rb_share_ex ul{ list-style-type:none; } #rb_share_ex  li{ list-style-type:none; }
লেআউটে বাটন যুক্ত করণ
<div id='rb_share_ex'> <!--Fully Design By Faysal Shahi for BDTechZone-->
<li class='current-cat'><a href="https://www.facebook.com/bdtechzonecom " target="_blank" rel="nofollow"> <img src="http://2.bp.blogspot.com/-p-dbWUgh9hE/T96dA5c8OGI/AAAAAAAABWU/K_V8qSZODck/s1600/icon1.png" width="100" height="100" border="0" /> </a> <a href="https://twitter.com/bdtechzonecom " target="_blank" rel="nofollow" > <img src="http://1.bp.blogspot.com/-UjF9lnWlPTM/T96c_H0UWRI/AAAAAAAABWM/A_Do488S8Ik/s1600/f.png" width="100" height="100" border="0" /></a></li>
<li> <a href="https://plus.google.com/00000000000000000000/posts " target="_blank" rel="nofollow"> <img src="http://2.bp.blogspot.com/-40ET7V5mapg/T96dEX18jqI/AAAAAAAABWk/Wr0GCw0aW8Q/s1600/icon9.png" width="100" height="100" border="0" /> </a>
<a href="http://www.youtube.com/user/faysalshahi " target="_blank" rel="nofollow"> <img src="http://4.bp.blogspot.com/-B8hYQk6Lkw4/T96dCTtuGRI/AAAAAAAABWc/2kbvyVYI-II/s1600/icon8.png" width="100" height="100" border="0" /> </a>
</li> </div>