একদম লেটেস্ট স্লাইডিং সোশ্যাল মিডিয়া ওয়েডগেট , ব্লগস্পট ব্লগের জন্য !

আসসালামু অলাইকুম , ব্লগার বন্ধুরা সবাই কেমন আছেন ! আজকে আমি আপনাদের জন্য আবারও অসাধারণ একটি ব্লগার ওয়েডগেট নিয়ে এলাম আশাকরি আপনাদের পছন্দ হবে । আজকে আমি আপনাদের সাথে সোশ্যাল মিডিয়া ওয়েডগেট শেয়ার করবো । এটা আমার কাছে লেটেস্ট মনে হয়েছে আশাকরি আপনাদের কাছেও তাই মনে হবে । এবং স্লাইডিং স্টাইল সত্যি খুবি সুন্দর এটা নিচে থেকে ডেমো দেখে নিন তাহলেই বুঝতে পারবেন এবং সেটআপ নিয়ম নিচে দেওয়া হল ।










কিভাবে আপনার ব্লগে ব্যবহার করবেন !


  • প্রথমে আপনার ব্লগ লগইন করে ড্যাশবোর্ডে যান ।
  • এবার Layout → Add a Gadget → HTML/Javascript এ ক্লিক করুন ।
  • Content ঘরে নিচের কোড গুলো কপি পেস্ট বসিয়ে দিন ।


<div id='social-sidebar'>
<ul>
<li>
<a class='entypo-twitter' href='https://twitter.com/asobondhu' target='_blank'>
<span>Twitter</span>
</a>
</li>
<li>
<a class='entypo-gplus' href='http://dribbble.com/asobondhu' target='_blank'>
<span>google+</span>
</a>
</li>
<li>
<a class='entypo-tumblr' href='http://www.tumblr.net/asobondhu' target='_blank'>
<span>tumblr</span>
</a>
</li>
<li>
<a class='entypo-facebook' href='http://www.facebook.net/asobondhublog' target='_blank'>
<span>facebook</span>
</a>
</li>
        <li>
<a class='entypo-rss' href='http://feeds.feedburner.com/asobondhu' target='_blank'>
<span>feedburner</span>
</a>
</li>
</ul>
</div>
<style type='text/css'>
/*<![CDATA[*/
@charset "utf-8";
/* CSS Document */
/* ---------- ENTYPO ---------- *//* ----------  http://www.asobondhu.blogspot.com/---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */
@import url(http://weloveiconfonts.com/api/?family=entypo);
[class*="entypo-"]:before {
font-family: 'entypo', sans-serif;
}
/* ---------- GENERAL ---------- */
#social-sidebar a { text-decoration: none; }
#social-sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
/* ---------- Social Sidebar ---------- */
#social-sidebar {
left: 0;
margin-top: -75px; /* (li * a:width) / -2 */
position: fixed;
top: 50%;
}
#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }
#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }
#social-sidebar ul li a {
background: #121212;
color: #fff;
display: block;
height: 50px;
font-size: 18px;
line-height: 50px;
position: relative;
text-align: center;
width: 50px;
}
#social-sidebar ul li a:hover span {
left: 130%;
opacity: 1;
}
#social-sidebar ul li a span {
border-radius: 3px;
line-height: 24px;
left: -100%;
margin-top: -16px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
padding: 4px 8px;
position: absolute;
-webkit-transition: opacity .3s, left .4s;
-moz-transition: opacity .3s, left .4s;
-ms-transition: opacity .3s, left .4s;
-o-transition: opacity .3s, left .4s;
transition: opacity .3s, left .4s;
top: 50%;
z-index: -1;
}
#social-sidebar ul li a span:before {
content: "";
display: block;
height: 8px;
left: -4px;
margin-top: -4px;
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
z-index: -2;
}
#social-sidebar ul li a[class*="twitter"]:hover,
#social-sidebar ul li a[class*="twitter"] span,
#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }
#social-sidebar ul li a[class*="gplus"]:hover,
#social-sidebar ul li a[class*="gplus"] span,
#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }
#social-sidebar ul li a[class*="tumblr"]:hover,
#social-sidebar ul li a[class*="tumblr"] span,
#social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; }
#social-sidebar ul li a[class*="facebook"]:hover,
#social-sidebar ul li a[class*="facebook"] span,
#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }
#social-sidebar ul li a[class*="rss"]:hover,
#social-sidebar ul li a[class*="rss"] span,
#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }
/*]]>*/
</style>



উপরের লাল রঙের asobondhu মুছে সেখানে আপনার User নেম বসান !


  • ব্যাস Save এ ক্লিক করে আপনার ব্লগ দেখুন । 



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

এসো বন্ধু

আমি পারভেজ ব্লগিং এর সঙ্গে যুক্ত আছি গত বেশ কিছু বছর, বাংলা ব্লগিং এর সঙ্গে সঙ্গে আমি অন্য ভাষাতেও ব্লগিং করি। সেই সব কারনে ব্লগে নিয়তম থাকা হয়না, আপনাদের ভালোবাসা যদি আগের মত আবার ফিরে পাই তাহলে অবশ্যই নিয়মত হবার চেস্ট করবো। facebook telegram youtube twitter

2 মন্তব্যসমূহ

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

নবীনতর পূর্বতন

نموذج الاتصال