নিচে লাইভ ডেমো দেখুন
আপনার ব্লগে যুক্ত করতে যা করতে হলে আপনাকে যা করতে হবে :
- প্রথমে আপনার ব্লগারে প্রবেশ করুন
- এখান থেকে লেয়াউট এ যান
- তারপর ADD A GEDGET এ ক্লিক করুন
- নতুন ওইনডো থেকে HTML/JAVASCRIPT নির্বাচন করুন
- তারপর নিচের কোড গুলো পেস্ট করে দিন
<style>#WG-SWS {width: 260px;margin: 5px 20px;padding:5px;}#WG-SWS li {cursor: pointer;height: 48px;position: relative;list-style-type: none;}#WG-SWS .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg81ep2qKZrhGTr4RwYvRU5U3eb463WM0DGlFfRWq1WISf79_OgfrX4CNDbV0CE38BW8zPc3UZoHDCl0LaaE-7_WiWhuQ7VZFBkiQI3nxeBdSo6xi-MRkoJcPeZVMpjeQ98knmFUpQTt-w/s1600/NBT-Social_Button.png') 0 0 no-repeat;background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;color: #0033CC;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;}#WG-SWS span:hover {visibility: hidden;}#WG-SWS span {display: block;top: 15px;position: absolute;left: 90px;}#WG-SWS .icon {color: #fafafa;overflow: hidden;}#WG-SWS .fb {background-color: rgba(45, 118, 185, .42);background-position: 0 -382px;}#WG-SWS .twit {background-color: rgba(0, 161, 223, .42);background-position: 0 -430px;}#WG-SWS .google {background-color: rgba(167, 0, 0, .42);background-position: 0 -478px;}#WG-SWS .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}#WG-SWS .linked {background-color: rgba(0, 87, 114, .42);background-position: 0 -574px;}#WG-SWS .ytube {background-color: rgba(170, 0, 0, .42);background-position: 0 -670px;}#WG-SWS .rss {background-color: rgba(255, 109, 0, .42);background-position: 0 -718px;}#WG-SWS li:hover .icon {width: 250px;}#WG-SWS li:hover .icon {background-color: #d91e76;}#WG-SWS li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}#WG-SWS li:hover .twit {background-color: #00A1DF;background-position: 0 -46px;}#WG-SWS li:hover .google {background-color: #A70000;background-position: 0 -94px;}#WG-SWS li:hover .pint {background-color: #C00;background-position: 0 -142px;}#WG-SWS li:hover .linked {background-color: #005772;background-position: 0 -190px;}#WG-SWS li:hover .ytube {background-color: #A00;background-position: 0 -286px;}#WG-SWS li:hover .rss {background-color: #EC5601;background-position: 0 -334px;}#WG-SWS .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}</style><ul id="WG-SWS">
<li><a class="icon fb" href="http://www.facebook.com/projuktirmela">Like us on Facebook</a>Like us on Facebook </li>
<li><a class="icon twit" href="https://twitter.com/projuktirmela">Follow us on Twitter</a>Follow us on Twitter </li>
<li><a class="icon google" href="https://plus.google.com/projuktirmela">Follow us on Google+</a>Follow us on Google+ </li>
<li><a class="icon pint" href="http://www.pinterest.com/projuktirmela">Follow us on Pinterest</a>Follow us on Pinterest </li>
<li><a class="icon linked" href="http://in.linkedin.com/projuktirmela">Follow us on LinkedIn</a>Follow us on LinkedIn </li>
<li><a class="icon ytube" href="http://www.youtube.com/user/projuktirmela">Follow us on Youtube</a>Follow us on Youtube </li>
<li><a class="icon rss" href="http://feeds.feedburner.com/projuktirmela">Subscribe via RSS</a>Subscribe via RSS</li>
</ul>
সবাইকে অনেক অনেক ধন্যবাদ জানিয়ে আজকের মত এখানেই বিদায়। আল্লাহ হাফেজ।
এসইও টিউটোরিয়াল পাওয়ার জন্য এখানে অথবা এখানে ক্লিক করেন।
0 Comments