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

আপনার ব্লগের Template থেকে Edit HTML এ যান। Ctrl+F ব্যবহার করে দ্রুত ]]></b:skin> কোডটি খুঁজে বের করুন। নিচের কোড গুলো ]]></b:skin> এর উপরে বসিয়ে দিন।

কোডঃ

.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);

}

এবার টেম্পলেট এর Layouts এ যান এবং যেখানে এই সোশ্যাল নেটওয়ার্ক বাটন যুক্ত করতে চান সেখানে HTML/JavaScript নামে একটি নতুন গ্যাজেট নিন। গ্যাজেটে নিচের কোড গুলো  লিখে সেভ করুন।

 কোডঃ

<ul>

<li><a href=”http://www.plus.google.com/ID“><img src=”http://3.bp.blogspot.com/-6Wl6WtVQQxc/UH4qQL04l_I/AAAAAAAAFK0/UIdhpf0rTT0/s1600/bloggertrix-google-icon.png” title=”Add to Facebook” /></a></li>

 

<li><a href=”http://www.Facebook.com/ Username “><img src=”http://4.bp.blogspot.com/-m3xEekrbN-k/UH4qRXpdO3I/AAAAAAAAFLE/Vlo1Xt13NtA/s1600/bloggertrix-twitter-icon.png” title=”Add to Facebook” /></a></li>

 

<li><a href=”http://www.digg.com/Username“><img src=”http://4.bp.blogspot.com/-lKL4eF3-Ub8/UH4qO4dDDSI/AAAAAAAAFKo/kgtUmhjhWPQ/s1600/bloggertrix-digg-icon.png” title=”Add to Digg” /></a></li>

 

<li><a href=”http://www.twitter/ Username “><img src=”http://4.bp.blogspot.com/-m3xEekrbN-k/UH4qRXpdO3I/AAAAAAAAFLE/Vlo1Xt13NtA/s1600/bloggertrix-twitter-icon.png” title=”Add to Twitter” /></a></li>

 

<li><a href=”http://feeds2.feedburner.com/ Username “><img src=”http://1.bp.blogspot.com/-UcbRyWbGDCQ/UH4qQliKd-I/AAAAAAAAFK8/GVd1eYqV7h4/s1600/bloggertrix-rss-feed-icon.png” title=”Add RSS Feed” /></a></li>

</ul>

 

কোড গুলোর ভেতরে যে লাল রঙ দ্বারা চিহ্নিত লিংক গুলো আছে এগুলো পরিবর্তন করে আপনার নিচের লিংক গুলো দিয়ে সেভ করুন। ব্যস কাজ শেষ।

 

2 thoughts on “ব্লগে যুক্ত করুন মিডিয়া পিন স্টাইলের সোশ্যাল নেটওয়ার্ক বাটন”

  1. Retired? Unemployed? Laid-Off, or Insufficient Income? Start your own Internet business from home. Build residual and leveraged income to create real wealth. World Wide Income System that REALLY WORKS! All it needs is you. FREE Training and support, websites and products all provided! – ZERO RISK!
    CLICK HERE: http://www.sfi4.com/11120386/FREE

Leave a Comment