টিউনটির শুরুতেই জানাই টেকটিউনস বাসিকে সালাম ও শুভেচছা।কেমন আছেন সবাই ? আসা করি সবাই ভাল আছেন।আপনাদের দোয়ায় আমিও ভালই আছি। কে না ভালবাসতে পছন্দ করে ? আর সেই ভালবাসাকে যদি আপনার নিজের ব্লগের মাধ্যমে প্রকাশ করতে পারা যায় তাহলে কেমন হয় ? হ্যা আজ আমি আপনাদেরকে দেখাব কিভাবে আপনি আপনার ব্লগার ওয়েব সাইটে ভালবাসার স্টাইলের  সোসাল উইজেট যুক্ত করবেন।

চলুন শুরু করা যাক,প্রথমে আপনার ব্লগার সাইটের ড্যাশবোর্ডে লগ ইন করেন এবং নিচের চিত্রের মত Edit Template এ যান।

তারপর কিবোর্ড থেকে Ctrl+F  চেপে দরে এই কোডটি খুজে বের করুন  ]]></b:skin>।

এরপর নিম্নলিখিত কোডটি  ]]></b:skin>  এর পূর্বে পেষ্ট করে দিন।

/*Alltemplate.info */

.bubblewrap{ list-style-type:none; margin:0; padding:0; }

.bubblewrap li{ display:inline; width: 60px; height:60px; }

.bubblewrap li img{ width: 50px; /* width of each image.*/ height: 50px; /* height of each image.*/ border:0; margin-right: 4px; /*spacing between each image*/ -webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */ -o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */ }

.bubblewrap li img:hover{ -moz-transform:scale(1.8); /*scale up image 1.8x*/ -webkit-transform:scale(1.8); -o-transform:scale(1.8); }

তারপর সেভ দিয়ে বের হয়ে আসেন,এবং Layout এ প্রবেশ করুন,Add a Widget এ ক্লিক করুন
'HTML/JavaScript" সিলেক্ট করুন এবং নিচের কোডটি পেষ্ট করে দিন।

</pre>
<pre><span class="data-post"><ul class="bubblewrap">

<li><a href="https://plus.google.com/u/0/?tab=jX"><img src="http://1.bp.blogspot.com/-Cm1SCRfCP5Y/UOBbe23Gg5I/AAAAAAAAGHw/JvNHudR2BdY/s1600/bloggertrix-google.png" title="Add to Facebook" /></a></li>

<li><a href="https://www.facebook.com/Free-Template-Download-915991235116384/"><img src="http://1.bp.blogspot.com/-asy5h6XZSrs/UOBbdo39hbI/AAAAAAAAGHo/N--Q6RfzDKQ/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.stumbleupon.com/stumbler/alltemplate"><img src="http://1.bp.blogspot.com/-VhSP-qIlv-A/UOBbhd_rv4I/AAAAAAAAGIA/3xZ6fJzM8TE/s1600/bloggertrix-stumble.png" title="Add to Digg" /></a></li>

<li><a href="https://twitter.com/alltemplateinfo"><img src="http://1.bp.blogspot.com/-p-oHMGv9ho0/UOBbigs-PTI/AAAAAAAAGII/fgHGfbpfC1A/s1600/bloggertrix-twitter.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com"><img src="http://4.bp.blogspot.com/-CQ81aoxn92g/UOBbgK8L3zI/AAAAAAAAGH4/dmW8VBAIYlw/s1600/bloggertrix-rss.png" title="Add RSS Feed" /></a></li>
</ul>

নোটঃ href এর পরের অংশে আপনি আপনার URL গুলো পরিবর্তন করে নিন।

আমার টিউনটি ভাল লাগলে আমার টেমপ্লেট ডাউনলোড এর সাইটটি থেকে ঘুরে আসতে ভুলবেন না।

শেষ কথা- যেকোন প্রকার প্রিমিয়াম টেমপ্লেট এর ফ্রি ভার্সন কিংবা ওয়েব সাইট জনিত যেকোন সমস্যার জন্য আমাদের ফেসবুক পেজে রিকুয়েস্ট করুন।আমরা চেষ্টা করব আপনাদের কে সাহায্য করার। লাইক দিতে ভুলবেন না কিন্তু।আল্লাহ হাফেজ।