আপনি আপনার blogger blogspot ওয়েবসাইট পেইজে Media Widgets যুক্ত করুন। ( যেমনঃ facebook, twitter, google+, pinterest, linkedin, youtube, ও subscrive vi RSSSubscribe vaia ইত্যাদি) এক সাথে।
Media Widgets কেন যুক্ত করবেন? কারণ একটাই Media Widgets যুক্ত করা হলে আপনার সাইটে ভিজিটর মানে পাঠকের সংখ্যা বাড়তে পারে। এই জন্য আপনি যুক্ত করতে পারেন Media Widgets। নিচে দেখু Media Widgets এর দৃশ্য --
- Like us on FacebookLike us on Facebook
- Follow us on TwitterFollow us on Twitter
- Follow us on Google+Follow us on Google+
- Follow us on PinterestFollow us on Pinterest
- Follow us on LinkedInFollow us on LinkedIn
- Follow us on YoutubeFollow us on Youtube
- Subscribe via RSSSubscribe via RSS
এই দৃশ্য দেখে আপনার যদি ভালো লাগলে তাহলে Media Widgets কোড ব্যাবহার করতে পারেন।
নিন্মে Media Widgets Code দেওয়া হল। কপি করে আপনার ব্লগার বা ওয়েবসাইট পেইজে ব্যাবহার করুন।
<style>#TB911-SNS {width: 260px;margin: 5px 20px;padding:5px;}
#TB911-SNS li {cursor: pointer;height: 48px;position: relative;
list-style-type: none;}#TB911-SNS .icon {background: #D91E76
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpGl6Pe8fbfA_hc2pjbdEwjGC2dUPtTqk9OWfmxdjgV3NjRFZo3wjls7KMFYyExQDSzZLUJSIoK-7eP2FQ7RssAebAS8d2E0v_WgVtDAnCWge_4vwv3zBwtxSfb5ReU13Hik0RG1sQA1Y/s1600/NBT-Social_Button.png')
0 0 no-repeat;background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;color: #141414;float:none;
height: 48px;line-height: 48px;margin: 5px 0;position: relative;text-align: left;text-indent: 90px;text-shadow: #333 0 1px 0;
white-space: nowrap;width: 48px;z-index: 5;-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;
-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;-o-transition: width .25s ease-in-out,
background-color .25s ease-in-out;transition: width .25s ease-in-out, background-color .25s ease-in-out;
-webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-moz-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;
-o-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;text-decoration: none;}
#TB911-SNS span:hover {visibility: hidden;}#TB911-SNS span {display: block;top: 15px;position: absolute;left: 90px;}
#TB911-SNS .icon {color: #fafafa;overflow: hidden;}#TB911-SNS .fb {background-color: rgba(45, 118, 185, .42);
background-position: 0 -382px;}#TB911-SNS .twit {background-color: rgba(0, 161, 223, .42);background-position: 0 -430px;}
#TB911-SNS .google {background-color: rgba(167, 0, 0, .42);background-position: 0 -478px;}
#TB911-SNS .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}
#TB911-SNS .linked {background-color: rgba(0, 87, 114, .42);background-position: 0 -574px;}
#TB911-SNS .ytube {background-color: rgba(170, 0, 0, .42);background-position: 0 -670px;}
#TB911-SNS .rss {background-color: rgba(255, 109, 0, .42);background-position: 0 -718px;}
#TB911-SNS li:hover .icon {width: 250px;}#TB911-SNS li:hover .icon {background-color: #d91e76;}
#TB911-SNS li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}
#TB911-SNS li:hover .twit {background-color: #00A1DF;background-position: 0 -46px;}
#TB911-SNS li:hover .google {background-color: #A70000;background-position: 0 -94px;}
#TB911-SNS li:hover .pint {background-color: #C00;background-position: 0 -142px;}
#TB911-SNS li:hover .linked {background-color: #005772;background-position: 0 -190px;}
#TB911-SNS li:hover .ytube {background-color: #A00;background-position: 0 -286px;}
#TB911-SNS li:hover .rss {background-color: #EC5601;background-position: 0 -334px;}
#TB911-SNS .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}</style>
<a href="https://ctg2baliadi.blogspot.com" rel="dofollow" target="blogspot" title="blogger widgets">
<img alt="widgets" border="0" src="http://bitly.com/24workpng1" style="margin-right: 0px;" /></a>
<ul id="TB911-SNS"><li><a class="icon fb" href="https://www.facebook.com/sobarjonno.onmukto">Like us on Facebook</a><span>Like us on Facebook</span></li>
<li><a class="icon twit" href="https://twitter.com">Follow us on Twitter</a><span>Follow us on Twitter</span></li>
<li><a class="icon google" href="https://plus.google.com">Follow us on Google+</a><span>Follow us on Google+</span> </li>
<li><a class="icon pint" href="http://www.pinterest.com">Follow us on Pinterest</a><span>Follow us on Pinterest</span> </li>
<li><a class="icon linked" href="http://in.linkedin.com">Follow us on LinkedIn</a><span>Follow us on LinkedIn</span> </li>
<li><a class="icon ytube" href="https://www.youtube.com/channel/UCSixk6boMTRaWuyKT8zFBsw">Follow us on Youtube</a><span>Follow us on Youtube</span> </li>
<li><a class="icon rss" href="http://feeds.feedburner.com">Subscribe via RSS</a><span>Subscribe via RSS</span></li></ul><div><br /></div><div><br /></div><ul id="TB911-SNS">
</ul><div style="clear: both;"></div>
নতুনদের জন্য নিন্মে ব্লগার ব্লগস্পট সাইটে কীভাবে ব্যাবহার করবেন তার বিস্তারি আলোচনা করা হল।
প্রথমে আপনার ব্লগার ব্লগস্পট সাইট লগইন করেন। লগইন করার পর আপনি Design/ ড্যাশবোর্ড ক্লিক করেন তারপর...
layout/লেআউট ক্লিক করুন, এর পর add a gadget/ অ্যাড এ গেজেট ক্লিক করুন। একটি নতুন উইন্ডোজ আসবে। ওখানে HTML/JAVA SCRIPT এ ক্লিক করুন। HTML/JAVA SCRIPT এ ক্লিক করার ফলে একটি নতুন উইন্ডোজ আসবে। ওখানে উপরের Media Widgets কোড কপি করে paste করুন। paste করা হলে সেভ ক্লিক করে কাজ শেষ করুন। এইভাবে আপনার কাজ সম্পুন্ন হল। এখন আপনার ব্লগার ব্লগস্পট পেইজে গিয়ে দেখুন আপনার কাজের ফলাফল কি হল।
bdtechinfo থেকে Media Widgets কোড সংগৃহীত।
