I'm posting here Beautiful multicolor Social pink icon Bookmarking widget 2.0.It's very good looking and easy to use in blogger. which has a unique feature with multicolor and black mouse hover effect when we touch widget by mouse pointer this widget is simply made by using the CSS and HTML and some images so this widget will not has any error in the installation and also it works very awesome in your own blog and it will give a unique rainbow effect to your bookmarking experience.This widget is very smooth and easily customizable so you easily use it as the sharing widget for your blog by using the sharing codes but we will publish it soon with same widget. I'll recommend you to add this widget in your blog be'coz it's a pure CSS widget.
ADD MULTI COLOR BOOKMARKING WIDGET :
- Login to Blogger > Dashborad
- Click on Drop Down Menu and select Layout
- Add a HTML/JavaScript Gadget
- Paste below code in it.
<style
type='text/css'>
/*WIdget by
http://www.digitalhubinc.com*/
.dhi-multicolorwt { width: 300px;
margin: -10px; text-decoration:
none; }
.dhi-multicolorwt ul
{ margin: 0; padding: 0;
text-decoration: none;}
.dhi-multicolorwt ul li
{ list-style:none; padding: 0; text-transform: none;
text-decoration: none;}
.dhi-multicolorwt ul li a
{ color: #fff; display:block; text-decoration: none;}
.dhi-multicolorwt ul li
a:hover { color: #ec098f; background-color: #333; text-decoration: none; }
.dhi-multicolorwt ul li
.rss { background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1xFVN-vtlerQo4P13Wmylj-ycy90Hbs30Rgb824gMZKZbE1Uj0rZKV0yOWmc4_9AmTyQxipzUniF7eBkV2UwgsnH0OVGDPq61MRsy_AI1z7eibHwgtPgGS0W1udtSMWlWTH9YIc86Cnw/s320/RSS.png")
no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px
45px; }
.dhi-multicolorwt ul li
.twitter { background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF1f6uEgcC5X6-Tk1d1dFjwZv6ck9Jsa7DI8bigQ9Gjhe7L8bSrmAH3c6lGLQo-on0s9Qz6ocRAc6w9ideOHChw_Z9yj3peq-Oi88WJqGdBmFucU14lmvprwIvGpWMJ7dgCoRiS1J76dk/s320/Twitter-1.png")
no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px
45px;}
.dhi-multicolorwt ul li .facebook
{ background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw1bfPtulHyFTijkuZpb9PmZIAdRHKjWzG7kSSfMx9dtPQu1rfydENJAzknkij_5fR4GCRa5JLputG73a3yrRa2eKf2igtuN4GtgjUkUPsLdNgIdspxwyfv4FXnPQRCAkTz1y_EA-wsUw/s320/Facebook.png")
no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px
45px; }
.dhi-multicolorwt ul li
.google { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGYn2KhQPetogtdaSGx5a7GOChKUN2Uj-tUPFIisLab31TRsjN4UYmh_CpAJaYpMCbIxkQWQmVQTXOmJ3ilQdaXeyOd740vREIjGp9-QvxwxBqj8PQ1ZNTA3tCNyo4XgqWqbVDZuEj7jY/s320/Google%252B.png")
no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px
45px; }
.dhi-multicolorwt ul li
.linkedin { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_zVg_htuCnGZOixg_irhQ43j6n88I6OTfoGWoiLrZhlEE_T-SQKl8_IDeB_XikFiB6wh8fuT7A8LH_PEZh9l8L0gzCGhHxE99w5crqxaM6jBHle-O1T8mtWbNp9EaHmu0ZIeVSxIGY-Y/s320/LinkedIn.png")
no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px
45px; }
/*WIdget by
http://www.digitalhubinc.com*/
</style>
<div
class="dhi-multicolorwt">
<ul>
<li><a
class="facebook" href="https://www.facebook.com/digitalhubinc"><span
style="font-family: Gadugi, Times New Roman, serif; ">Join
Us on Facebook</span></a></li>
<li><a
class="rss" href="http://feeds.feedburner.com/ digitalhubinc "><span style="font-family:
Gadugi, Times New Roman, serif; ">Subscribe to the RSS
Feed</span></a></li>
<li><a
class="twitter" href="https://twitter.com/ digitalhubinc "><span
style="font-family: Gadugi, Times New Roman, serif;
">Follow me on Twitter</span></a></li>
<li><a
class="google" href=" https://plus.google.com/116441114801311321617/ "><span
style="font-family: Gadugi, Times New Roman, serif;">Join
me on Google+</span></a></li>
<li><a
class="linkedin" href="/digitalhubinc "><span
style="font-family: Gadugi, Times New Roman, serif;
">Connect With Us on LinkedIn</span></a></li>
</ul>
</div>
5. Save your widget after below changes.
MAKE Some CHANGES....!
- Replace WidgetGenerators with your Facebook page user name.
- Replace WidgetGenerators with your Feed burner user name.
- Replace WidgetGenerator with your Twitter user name.
- Replace 116441114801311321617 with your Google + id.
- Replace # with your Linkedin user name.
If Any Error & Problem Send MAil
