Most Bookmarking Widget is making day by day but this one is very different be'coz it's a totally professional and very smart with blacky background widget which is full fill with the professionalism and it's perfect for the white and black template and also good for the grey template like our template. and it's blackino called be'coz black is very smart color.
This widget is fully customize with CSS and HTML so it's easy to install and also it works very smoothly.We also use some little bit code of JavaScript in the end of codes, that is only for smoothness of colors and for giving the sharpness on them, and also reduce the weight of CSS and HTML codes and it will give a professional look to your blog and it's also perfect to attract the visitors and easily you can increase your members.
Add Blackino Pro Social Bookmarking Widget
- Login to Blogger > Dashboard
- Click on Drop Down Menu and select Layout
- Add a HTML/JavaScript Gadget
- Paste below code in it.
<style>
.wgbanner {
margin-left:15px;
margin-top:10px;
}
.wg-vl {
margin-top:7px;
}
#wg-social-hover {
position:relative;
width:240px;
height:400px;
background:#554e4c url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Ky7f8b1e9YIV5ueJE_N5H6UvAV1n5D1K-SzXURYs2G2UcmB_da2_Mqp3SXEkSvgjG33aR7F-QwNE3GGZ828E-ChvxfhU5QvaB5Ekek3AfifgsIbXaJgZqMYTzcoQ6Oj7qELxYyySuvo/s1600/vintage.png);
}
#wg-social-hover #title {
font-family:'Open sans';
font-size:28px;
color:#fff;
font-weight:600;
text-align:center;
line-height:1.1em;
text-shadow:1px 1px 1px rgba(0,0,0,0.3);
margin:30px 20px 0;
}
#wg-social-hover #title span {
display:block;
font-size:14px;
line-height:1.5em;
margin-top:10px;
font-weight:400;
}
#wg-social-hover #links {
position:absolute;
bottom:0;
width:100%;
}
#wg-social-hover a {
display:block;
height:42px;
line-height:42px;
color:#fff;
font-size:12px;
background:rgba(0,0,0,0.08);
border-top:1px solid rgba(0,0,0,0.1);
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
padding:0 20px;
}
#wg-social-hover a:hover {
background:rgba(0,0,0,0.15);
text-decoration:none;
}
#wg-social-hover a.twitter:hover {
background:#79dbff;
}
#wg-social-hover a.facebook:hover {
background:#6e9bee;
}
#wg-social-hover a.google:hover {
background:#00be00;
}
#wg-social-hover a.pinterest:hover {
background:#cb2027;
}
#wg-social-hover a.rss:hover {
background:#ffae42;
}
#wg-social-hover a span {
height:15px;
line-height:15px;
width:15px;
text-align:center;
margin-right:20px;
font-size:13px;
border-radius:99px;
background:rgba(0,0,0,0.1);
padding:5px;
}
#home-tagline {
text-align:center;
font-size:32px;
color:#000;
font-weight:300;
margin:60px 0 40px;
}
#home-tagline strong {
color:#ff5421;
font-weight:300;
}
#home-highlights {
margin-bottom:40px;
}
.home-highlight {
float:left;
width:142px;
margin-right:21px;
text-align:center;
display:block;
opacity:0.9;
color:#796f6c;
font-size:40px;
background:rgba(0,0,0,0.04);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
padding:30px 0;
}
.home-highlight:hover {
color:#3a3534;
text-decoration:none;
background:rgba(0,0,0,0.1);
}
.home-highlight-title {
font-size:13px;
text-align:center;
color:#796f6c;
cursor:pointer;
font-weight:900;
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
margin:7px 0 0;
}
.home-highlight:hover .home-highlight-title {
color:#3a3534;
}
#home-featured {
min-height:400px;
margin-bottom:37px;
}
#home-featured .home-divider {
margin-top:0;
}
#home-featured h2 {
text-align:center;
font-size:32px;
color:#161414;
font-weight:300;
margin:0 0 40px;
}
#home-featured h2:after {
display:block;
content:"";
width:342px;
height:1px;
background:#161414;
margin:5px auto 0;
}
.featured-theme-entry-content {
font-size:16px;
float:left;
width:430px;
font-weight:300;
}
.featured-theme-entry-content h3 {
font-size:21px;
line-height:1.4em;
font-weight:400;
margin:0;
}
.featured-theme-entry-content .button {
margin-top:15px;
}
.featured-theme-entry-content .button:hover {
background:#f5634a;
opacity:1;
}
.featured-theme-entry-img {
display:block;
float:right;
margin-right:5px;
}
.featured-theme-entry-img a {
display:block;
background:#fff;
border-radius:2px;
padding:6px;
}
#featured-theme-slider .flex-control-nav {
position:absolute;
top:-20px;
left:-54px;
}
#featured-theme-slider .flex-direction-nav li a {
background:#312d2c;
cursor:pointer;
display:block;
height:70px;
line-height:70px;
width:30px;
color:#fff;
text-align:center;
position:absolute;
top:50%;
-moz-transition:background .3s ease-in-out 0;
opacity:0.15;
border-radius:4px;
margin:-30px 0 0;
}
#featured-theme-slider .flex-direction-nav li .flex-prev {
left:-90px;
}
.home-highlight p,#featured-theme-slider .flex-direction-nav {
margin:0;
}
</style>
<div id="wg-social-hover">
<div class="wgbanner"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAcjhCO9K2r8reIaZmHyHvI17JtyWD1oNJ5iAtAIN8psrJAd_wR6k6wR1LQVW6ZOXIib4z0qUNP-1tz-8B9MVK2zrQf24-eVu27G-MA2ac_LaEaaHpRXaMVW6E1iz22hsWHMyuIVRDFXw/s1600/SUB-BAN.png" /></div>
<div id="links"><a href="http://twitter.com/WidgetGenerator" class="twitter" title="Twitter" target="_blank"><div class="wg-vl"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgil6lXNra-5PCS6n3zSn0gA3ahYG4Xy6TbMF_JH3RhfzJttTR3Q2LZ_IyoSb74KAAWmnbfylTNWb3NRY8mebMEXo3A-_iiJc2lMOZfcOadZL8SFUCLdwXdWJ0lVcAmo4LyqETCLmHAwdA/s1600/twitter.png" /></div></a>
<a href="http://www.facebook.com/WidgetGenerators" class="facebook" title="Facebook" target="_blank"><div class="wg-vl"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrGKafosKCiRFMTANtS0tNZMaGdqAEWRkKERtu9IZorqsLItsAYEm45UZa-6wl0-opXdGn-lmuJ3qLHI-5BeScLQMUYzauCK7JgLHw9_lORpONXkciIk31FXLE5NdjiatETt_FIGwVHDs/s1600/FB.png" /></div></a>
<a href="https://plus.google.com/u/0/107877224551351252870" class="google" title="Google Plus" target="_blank"><div class="wg-vl"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioX0maRp_86gyCtm5TkQBLlrPQyZ_ZZHF_FL8BbSVClLJz3PjbHnB_H-vwmh62MjuqSH5IXNqMAXmPiIEOA2Y7ewjNFP5NpN_XFAzH76FbylDCKs4xQUNh99RKEwhvJarRsgnm0-D8CLQ/s1600/google.png" /></div></a>
<a href="http://pinterest.com/WidgetGenerators" class="pinterest" title="Pinterest" target="_blank"><div class="wg-vl"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1fbG63pzyOlgOIDjJTRx9JWQgbi6MwsSk4DWyZSqh9tbf_3a1BleaPbmiFaoO83Xf4n0Gi4ql6Dtlhg1egkePm4MDQmHZO85FlbvIiiFQwpGxGhgHcCSvb7vWtPcFan58N2jtspp8mdY/s1600/pin.png" /></div></a>
<a href="http://feeds.feedburner.com/WidgetGenerators" class="rss" title="Feedburner" target="_blank"><div class="wg-vl">
<script language="javascript">
document.write( unescape( '%3C%69%6D%67%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%34%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%79%4F%45%5A%51%54%37%69%74%37%34%2F%55%4B%39%77%43%6C%43%50%77%70%49%2F%41%41%41%41%41%41%41%41%49%50%51%2F%45%4B%34%43%42%39%32%78%51%39%38%2F%73%31%36%30%30%2F%72%73%73%2E%70%6E%67%22%20%2F%3E%3C%2F%64%69%76%3E%3C%2F%61%3E%0A%3C%2F%64%69%76%3E%3C%2F%64%69%76%3E%20%20%20%20%0A%3C%73%70%61%6E%20%73%74%79%6C%65%3D%22%20%6C%69%6E%65%2D%68%65%69%67%68%74%3A%30%70%78%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%38%70%78%3B%20%66%6F%6E%74%2D%77%65%69%67%68%74%3A%62%6F%6C%64%3B%20%61%6C%69%67%6E%3A%72%69%67%68%74%3B%0A%20%20%20%20%20%20%22%3E%0A%20%20%20%20%3C%61%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%23%44%33%44%33%44%33%3B%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%77%69%64%67%65%74%67%65%6E%65%72%61%74%6F%72%73%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%3E%57%69%64%67%65%74%20%3C%2F%61%3E%3C%2F%73%70%61%6E%3E' ) );
</script>
- Now Save Your Widget and Say Bingo.
Make Changes....!
- Replace it WidgetGenerators with your social usernames (FOUR TIMES)
- Replace it 107877224551351252870 with your Google + id
hah One more Awesome Widget :D thanks i will use this on my Tumblr :]
ReplyDeleteBtw bro do u remember i asked u to design a tumblr theme for me ? :[
Looking very profeesional as u said.
ReplyDeletethnku for this widget i will add on my blog.
@Abhishek soniBro I remember it but as u knw template designing always needs the time and attention. I'm not in that totally free condition.
ReplyDeleteI remember ur request dnt wry.
Thanks & Regards,
Hemant Verma
@RaviThanks Ravi and I Happy to see your positive reaction.
ReplyDeleteThanks & Regards,
Hemant Verma
Hemant bhai plz ek help kardo ..mere blog pe pata nai kya Ho gya h ...widget sab idhar udar ho Gaye h ...plz help bro ...
ReplyDeleteWebsite: www.androidcentre.tk
Plz let me know if you help
Saumitra.yadav.786@gmail.com
Thanks in advance
how to fix it bro plz help??
ReplyDelete@Saumitra YadavI think your template having the outer wrapping problem bt i'm sure be'coz i already faced this kind of problem and i fix the outer wrapper setting and my problem solved. but ur template is simple blogger template and this template has many limitations related with customization.
ReplyDeleteSo try to fix ur outer settings and if don't work then change your template.
and I will recommend u to change ur template be'coz u have nice blog but template is totally white. You should use some tech blogger templates, It will give a new look and feel to ur blog.
An Android Template for ur blog
Live Demo Download
Thanks & Regards,
Hemant Verma
@Saumitra YadavI will recommend u to change ur template be'coz u have nice blog but template is totally white. You should use some tech blogger templates, It will give a new look and feel to ur blog.
ReplyDeleteAn Android Template for ur blog
Live Demo | Download
Thanks & Regards,
Hemant Verma
can you plz fix it yourself plz??? give me your email??
ReplyDeletei dony want the template you have given me plz can you fix my template??
ReplyDelete@Saumitra Yadavvhemant03@gmail.com
ReplyDelete@Saumitra Yadavi'll try send me ur template on above given id.
ReplyDeletei haave invited you for being my blog author.. i will give you the admin rights ...then u can fix it
ReplyDelete@Saumitra YadavIt's working good when i upload it.
ReplyDeleteSee Here Your Template
Bhai thanks ...tu upload karde mere blog me...mai tjhe admin rights deta hun
ReplyDeleteYou certainly deserve a round of applause for your post and more specifically, your blog in general. Very high quality material!
ReplyDelete