আপনার ব্লগ এ যোগ করুন, সাইডবার SOCIAL SHARING WIDGETS !!! Sidebar Social Widget

0
281

আসসালামুয়ালাকুম, কেমন আছেন ??

আপনার ব্লগ এ যোগ করুন, সাইডবার SOCIAL SHARING WIDGETS !!!

Advertisement
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

কিভাবে এড করবেন ??

  • প্রথমে BLOGGER > LAYOUT > ADD A GADGET

আপনার ব্লগ এ যোগ করুন, সাইডবার SOCIAL SHARING WIDGETS !!! Sidebar Social Widget

  • তারপর HTML/JAVASCRIPT সিলেক্ট করে নিচের কোডগুলা পেস্ট করুন।

আপনার ব্লগ এ যোগ করুন, সাইডবার SOCIAL SHARING WIDGETS !!! Sidebar Social Widget

<style>
/*—————-www.mybloggerblog.com ~ Sidebar Social Widget———–*/
#social-stats {
border-left: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
display: block;
float: left;
position: relative;
}
#social-stats ul {
overflow: hidden;
}
#social-stats ul li {
border-bottom: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
display: block;
float: left;
width: 33%;
}
#social-stats ul li a {
-moz-transition: all 0.6s ease-out 0s;
display: block;
float: left;
padding: 10px 0 3px;
text-decoration: none;
width: 100%;
}
#social-stats ul li a span, #social-stats ul li a large, #social-stats ul li a small {
display: block;
float: left;
margin: 0 auto;
text-align: center;
width: 100%;
}
#social-stats ul li a span {
background: url(“http://4.bp.blogspot.com/-jN645A-bYkI/U0rQVit-liI/AAAAAAAADM0/zM2fqWp79kY/s1600/social_icon.png”) no-repeat;
float: none;
height: 46px;
margin-bottom: 5px;
text-indent: -9999px;
width: 47px;
}
#social-stats ul li.ss-rss a:hover h5 {
background: #F18421;
}
#social-stats ul li h5 {
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
background: #999999;
border-radius: 50% 50% 50% 50%;
margin: 0 auto;
width: 47px;
}
#social-stats ul li a span:before {
}
#social-stats ul li.ss-twitter a:hover h5 {
background: #45B0E3;
}
#social-stats ul li.ss-facebook a:hover h5 {
background: #3C5B9B;
}
#social-stats ul li.ss-google-plus a:hover h5 {
background: #F83E29;
}
#social-stats ul li.ss-youtube a:hover h5 {
background: #CC181E;
}
#social-stats ul li.ss-linkedin a:hover h5 {
background: #1790CD;
}
#social-stats ul li.ss-rss a span {
background-position: 0 0;
}
#social-stats ul li.ss-twitter a span {
background-position: 0 -91px;
}
#social-stats ul li.ss-facebook a span {
background-position: 0 -47px;
}
#social-stats ul li.ss-google-plus a span {
background-position: 0 -135px;
}
#social-stats ul li.ss-youtube a span {
background-position: 0 -180px;
}
#social-stats ul li.ss-linkedin a span {
background-position: 0 -226px;
}
#social-stats ul li a large {
color: #333232;
font-size: 25px;
font-weight: 500;
}
#social-stats ul li a small {
color: #333232;
font-size: 10px;
}
</style>
<a href=”http://livemecca.blogspot.com/” target=”_blank” title=”Blogger Tricks”><img src=”http://lc-s.co/oDtuVmVC” alt=”Blogger Tricks” border=”0″ style=”position: fixed; bottom: 10%; right: 0%; top: 0px;” /></a><a href=”http://livebloggertricks.blogspot.com/” target=”_blank” title=”Blogger Tricks”><img src=”http://lc-s.co/oDtuVmVC” alt=”Blogger Tricks” border=”0″ style=”position: fixed; bottom: 10%; right: 0%; top: 0px;” /></a>
<div id=”social-stats”>
<ul>
<li class=”ss-rss”><a target=”_blank” href=”/feeds/posts/default” rel=”nofollow external”><h5><span>Rss</span></h5><large>5000</large> <small>Subscribers</small></a></li>
<li class=”ss-facebook”><a target=”_blank” href=”https://www.facebook.com/Mecca.Live” rel=”nofollow external”> <h5><span>Facebbok</span></h5><large>14,782</large> <small>Followers</small></a></li>
<li class=”ss-twitter”> <a target=”_blank” href=”http://twitter.com/LiveMeccaBD” rel=”nofollow external”> <h5><span>Twitter</span></h5><large>63,207</large> <small>Followers</small> </a></li>
<li class=”ss-google-plus”><a target=”_blank” href=”https://plus.google.com/+RashedulIslamCTG” rel=”nofollow external”> <h5><span>Google+</span></h5> <large>70,781</large> <small>Followers</small> </a></li>
<li class=”ss-linkedin”><a target=”_blank” href=”http://bd.linkedin.com/in/USERNAME” rel=”nofollow external”> <h5><span>Linkedin</span></h5> <large>2,453</large> <small>Followers</small></a></li>
<li class=”ss-youtube”><a target=”_blank” href=”http://www.youtube.com/user/USERNAME” rel=”nofollow external”> <h5><span>Youtube</span></h5> <large>6,237</large> <small>Subscribers</small> </a></li>
</ul>
</div>

    •  যেইসব আপনার নিজের আইডি দিয়ে REPLACE করবেন MECCA.LIVE , LIVEMECCABD , USERNAME
  • তারপর সেভ করে ফেলুন,
  • কোন সমস্যা হইলে জানাবেন,

সৌন্যে মা ব্ল .......

ফেসবুকে আমি 

Advertisement -
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

18 + 19 =