আপনাদের জন্য আজ হাজির হলাম ব্লগস্পটের আরও একটি উইডগেট নিয়ে। তাই ব্লগস্পট লাভার ভাইয়েরা ছুঁটে আসতে পারেন। দেখুন পছন্দ হয় কিনা আজকের ব্লগস্পট উইডগেটটি? কি নিয়ে আজকের উইডগেট? শিরোনামেই বুঝে গেছেন আজ কোন উইডগেট শেয়ার করব। আজ আপনাদের জন্য নিয়ে এসেছি একটি দৃষ্টিনন্দন স্লাইডিং সোশ্যাল নেটওয়ার্কিং প্রোফাইল গেজেট। কি হবে এই গেজেটে? এটা আপনারা সবাই প্রায় জানেনই। আমাদের সোশ্যাল সাইটগুলোতে যেমনঃ ফেসবুক, গুগল প্লাস, টুইটার ইত্যাদির প্রোফাইলগুলোর লিংক ব্লগে এই গেজেটের মাধ্যমে প্রকাশ করি। অনেক ডিজাইনের অনেক ধরনের এই উইডগেটগুলো আছে অনলাইন জুড়ে। আজকের এই নতুন ডিজাইনের উইডগেটটি দেখুন, পছন্দ হয় কিনা? পছন্দ হলে অবশ্যই আপনার ব্লগস্পট ব্লগে ব্যবহার করবেন। এখানে ক্লিক করে দেখে নিন ডেমো উইডগেটটি।

• স্লাইডিং এই সোশ্যাল প্রোফাইলের উইডগেটটি আপনার ব্লগে যুক্ত করার জন্য প্রথমে ব্লগারের ড্যাশবোর্ডে লগিন করুন।
• লেয়াউট সেকশন থেকে Add a gadget  ক্লিক করে Html / Javascript গেজেট খুলুন। (যেভাবে সাধারনত নতুন উইডগেট খোলা হয়ে থাকে)
• এবার নিচের কোডগুলো কপি করে নিয়ে সেখানে পেস্ট করে দিন। টাইটেল বক্সে কিছু লিখতে চাইলেও লিখতে পারেন।

<style>
#socialmenu_btrix {
  margin:0;
  padding:0;
  width: 30em;
  height: 4.5em;
  overflow:hidden;
  }
#socialmenu_btrix li {
  display:inline;
  list-style-type:none;
  }
#socialmenu_btrix li a {
  display:block;
  float:left;
  text-decoration:none;
  margin:0;
  }
#socialmenu_btrix li a img {
  opacity:0.7;
  margin:0.5em;
  border:0;
  float:left;
  }
#socialmenu_btrix li a span {
  display:none;
  }
#socialmenu_btrix li a:hover {
  background:transparent;
  }
#socialmenu_btrix li a:hover span {
  width:7em;
  color:#aaa;
  display:block;
  cursor:pointer;
  float:left;
  }
#socialmenu_btrix .h2 {
  margin:0 5px;
  padding:0;
  color:#fc0;
  font-variant:small-caps;
  font-size:1em;
  border:0;
  }

  </style>
  <ul id="socialmenu_btrix">
  <li>
    <a href="https://www.facebook.com/bloggermaruf"><img src="http://1.bp.blogspot.com/-4jtnfUcKGTs/UX3zAl1-YKI/AAAAAAAAAg0/OKrix7i3Z60/s1600/Facebook-icon_btrix.png" alt="facebook" width="50" height="50" title="Facebook" />
     <span><br />
      <b class="h2">Facebook</b><br />
      Add to facebook
     </span>
    </a>
   </li>
   <li>
    <a href="https://plus.google.com/+MdAbdullahAlMaruf"><img src="http://3.bp.blogspot.com/-r2ZOj6CKteQ/UX3zAknXOMI/AAAAAAAAAgw/BbvKkmh1XPs/s1600/Google-plus-icon_btrix.png" alt="Google plus" width="50" height="50" title="Google plus" />
     <span>
      <br />
      <b class="h2">Google Plus</b><br />
      Add to Google Plus
     </span>
    </a>
   </li>
   <li>
    <a href="http://feeds.feedburner.com/bloggermaruf"><img src="http://4.bp.blogspot.com/-rPhGZVoCwWM/UX3zArv2-SI/AAAAAAAAAg4/E0Bc9YcNGGg/s1600/RSS-icon_btrix.png" alt="Rss" width="50" height="50" title="Rss" />
     <span><br />
      <b class="h2">Rss Feed</b><br />
        Subscribe
     </span>
    </a>
   </li>
   <li>
    <a href="http://stumbleupon.com/yourusername"><img src="http://3.bp.blogspot.com/-kw_a3_BIjWM/UX3zBNxOoDI/AAAAAAAAAhA/iuGY6nncFSw/s1600/StumbleUpon-icon_btrix.png" alt="Stumbleupon" width="50" height="50" title="Stumbleupon" />
     <span><br />
      <b class="h2">Stumbleupon </b><br />
      add to stumble
     </span>
    </a>
   </li>
    <li>
    <a href="https://twitter.com/marufrangpur">
     <img src="http://1.bp.blogspot.com/-WeWbdij6AL4/UX3zBfWhwWI/AAAAAAAAAhE/ooow8EsfxnA/s1600/Twitter-icon_btrix.png" alt="twitter" width="50" height="50" title="twitter" />
     <span><br />
      <b class="h2">Twitter</b><br />
      add to twitter
     </span>
    </a>
   </li> <a href="http://www.bloggermaruf.com" rel="dofollow">.</a></ul>

• এখন কোডগুলোতে একটু লক্ষ্য করুন। আমার প্রোফাইলের ইউজারনেমের বদলে যথাক্রমে আপনার ফেসবুক, গুগল প্লাস, ফিডবারনার, স্টাম্বলআপন, টুইটার সাইটের ইউজারনেমগুলো বসিয়ে উইডগেটটি সেভ দিন। এজন্য আপনাকে কোড থেকে লিংকগুলো খুঁজে বের করে আপনার ইউজারনেমগুলো বসাতে হুবে।

সমস্যা হলে জানাবেন, মতামত দিবেন। আর হরেক রকম ব্লগস্পট টিপস ট্রিকস এবং উইডগেটের খোঁজ খবর পেতে ভিজিট করতে পারেন ব্লগার মারুফ ডট কম। ধন্যবাদ