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

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

আপনাদের বুঝার সুবিধার জন্য নিচের লাইফ ডোমো দেকুন?

Live Demo

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

•  আপনার ব্লগ সাইটের এ্যামিন প্যানেলে লগিন করুন।
  • তার পর ড্যাশবোর্ড হতে লেআউট নির্বাচন করুন।
  • এ্যাড Edit HTML/ Javascript gedget নির্বাচন করুন।
  • নিচের কোডটুকু Content ঘরে পেষ্ট করুন।
  
  

  <style type='text/css'>
  /*WIdget by www.widgetgenerators.blogspot.com*/
  .wg-roseicwidget {  width: 300px;  margin: -10px;  text-decoration: none; }
  .wg-roseicwidget ul {  margin: 0;  padding: 0;  text-decoration: none;}
  .wg-roseicwidget ul li {  list-style:none;   padding: 0; text-transform: none; text-decoration: none;}
  .wg-roseicwidget ul li a {   color: #fff;   display:block;  text-decoration: none;}
  .wg-roseicwidget ul li a:hover {  color: #c9c9c9;  background-color: #333;  text-decoration: none; }
  .wg-roseicwidget ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }
  .wg-roseicwidget ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
  .wg-roseicwidget ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }
  .wg-roseicwidget ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
  .wg-roseicwidget ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
  /*WIdget by www.widgetgenerators.blogspot.com*/
  </style>
  
  
  <div class="wg-roseicwidget">
  <ul>
  <li><a class="facebook" href="https://www.facebook.com/AmarBanglaBlog">Join Us on Facebook</a></li>
  <li><a class="rss" href="http://feeds.feedburner.com/AmarBanglaBlog">Subscribe to the RSS Feed</a></li>
  <li><a class="twitter" href="https://twitter.com/AmarBanglablog">Follow me on Twitter</a></li>
  
  <li><a class="google" href="https://plus.google.com/101961392825834817673">Join me on Google+</a></li>
  <li><a class="linkedin" href="#">Connect With Us on LinkedIn</a></li>
  
  </ul>
  </div>

  • সেভ করুন এবং ব্লগটি পুনরায় রিফ্রেশ করু। এবার আপনার কাজ শেষ। আপনাদের সকলে মঙ্গল কামনা করে আজকের মত লেখা শেষ করলাম।