পরীক্ষার চাপে পিষ্ট হয়ে আমি মারুফ আর ব্লগার মারুফ হয়ে উঠতেই পারছিনা। সময় পাচ্ছিনা আপনাদের সাথে প্রয়োজনীয়, অপ্রয়োজনীয় হাজারো টিপস, ট্রিক্স শেয়ার করতে। আজ একটু সময় করে লিখতে বসলাম। কিন্তু টপিক আর খুঁজে পাইনা! সবশেষে ছোট একটি ব্লগস্পট উইডগেট নিয়েই পোস্ট শুরু করলাম। ব্লগস্পট গুরু ভাইদের ব্লগের জন্য আজ নিয়ে এলাম একটি  Social Networking Site's Profile গেজেট। অর্থাৎ এই উইডগেট আপনার সোশ্যাল নেটওয়ার্কিং প্রোফাইলসমূহ যেমনঃ ফেসবুক, টুইটার, গুগল প্লাস লিঙ্কগুলো তুলে ধরবে। আর সাথে রয়েছে সামান্য সিএসএস ইফেক্ট। তো সময় যেহেতু স্বল্প তাই সোজা কাজে চলে যাই।

• ব্লগস্পটের জন্য সোশ্যাল প্রোফাইল উইডগেট লাইভ ডেমো

কিভাবে ব্লগে সোস্যাল প্রোফাইল উইডগেট যোগ করবেন?

• ব্লগস্পট ড্যাশবোর্ড থেকে Layout > Add a gadget > Html / JavaScript অপশনে চলে যান।
• এবার নিচে দেয়া কোডগুলো গেজেটে পেস্ট করুন।

<style>
 .social-follow ul li{border: 1px solid rgb(226, 226, 226);display:inline;float:left;overflow:hidden; margin-left: 7px;}
 .social-follow ul li .icon{background-image:url(https://googledrive.com/host/0B8D3MQmcZTyvU1AteFRZSjVLdWs);}
 .social-follow ul li a{background:#F1F1F1;float:left;transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;width:32px;height:32px;}
 .social-follow .facebook{background-position: 0 0px !important;}
 .social-follow .facebook:hover{background-color:#3b5997; background-position:0px -30px !important;}
 .social-follow .twitter{background-position:-30px -60px !important;}
 .social-follow .twitter:hover{background-color:#00aced; background-position:-30px -90px !important;}
 .social-follow .g-p{background-position:-88px -60px !important;}
 .social-follow .g-p:hover{background-color:#dd4b39; background-position:-88px -90px !important;}
 .social-follow .pinterest{background-position:-60px -60px !important;}
 .social-follow .pinterest:hover{background-color:#cb2027; background-position:-60px -90px !important;}
 .social-follow .youtube{background-position:-120px -60px !important; width:55px !important;}
 .social-follow .youtube:hover{background-color:#ff0000; background-position:-120px -90px !important;}
 .social-follow .linkedin{background-position:-173px -61px !important;}
 .social-follow .linkedin:hover{background-color:#006699; background-position:-173px -91px !important;}
 .social-follow .rss{background-position:-204px -61px !important;}
 .social-follow .rss:hover{background-color:#ff6600; background-position:-204px -90px !important;}
 </style>
 <div>
 <ul>
 <li><a href="http://www.facebook.com/maruf.rangpur" target="_blank"></a></li>
 <li><a href="https://plus.google.com/+MdAbdullahAlMaruf" rel="author" target="_blank"></a></li>
 <li><a href="http://www.twitter.com/marufrangpur" target="_blank"></a></li>
 <li><a href="http://www.pinterest.com/abdullahalmaruf" target="_blank"></a></li>
 <li><a href="https://www.youtube.com/user/marufrangpur" target="_blank"></a></li>
 <li><a href="http://www.linkedin.com/in/marufrangpur" target="_blank"></a></li>
 </ul>
 </div>

• এখন কোডগুলোতে লক্ষ্য করুন। সেখানে যথাক্রমে আমার ফেসবুক, গুগল প্লাস, টুইটার, পিন্টারেস্ট, ইউটিউব এবং লিংকড ইন ওয়েব সাইটের প্রোফাইল লিঙ্কগুলো দেয়া আছে। ওগুলোতে আপনার ফেসবুক, টুইটার, পিন্টারেস্ট, ইউটিউব এবং লিঙ্কড ইন প্রোফাইল লিঙ্কগুলো দিন।
• এবার গেজেট সেভ করুন এবং আপনার ব্লগ ভিজিট করে দেখুন আকর্ষণীয় এই সোশ্যাল প্রোফাইল উইডগেটটি!