Show Mobile Navigation
,

Add a Multi Color Social Bookmarking Widget

Hemant Verma - 5:50 PM

We also have an another Social Bookmarking Widget for 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 www.widgetgenerators.blogspot.com*/
.wg-roseicwidget {  width: 300px;  margin: -10px;  text-decoration: none; }
.wg-roseicwidget ul {  margin: 0;  padding: 0;  text-decoration: none;}
.wg-roseicwidget ul li {  list-style:none;   padding: 0; text-transform: none; text-decoration: none;}
.wg-roseicwidget ul li a {   color: #fff;   display:block;  text-decoration: none;}
.wg-roseicwidget ul li a:hover {  color: #c9c9c9;  background-color: #333;  text-decoration: none; }
.wg-roseicwidget ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }
.wg-roseicwidget ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
.wg-roseicwidget ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }
.wg-roseicwidget ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
.wg-roseicwidget ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
/*WIdget by www.widgetgenerators.blogspot.com*/
</style>


<div class="wg-roseicwidget">
<ul>
<li><a class="facebook" href="https://www.facebook.com/WidgetGenerators">Join Us on Facebook</a></li>
<li><a class="rss" href="http://feeds.feedburner.com/WidgetGenerators">Subscribe to the RSS Feed</a></li>
<li><a class="twitter" href="https://twitter.com/WidgetGenerator">Follow me on Twitter</a></li>

<li><a class="google" href="https://plus.google.com/101961392825834817673">Join me on Google+</a></li>
<li><a class="linkedin" href="#">Connect With Us on LinkedIn</a></li>

</ul>
</div>

  • Save your widget after below changes.


 Make 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 101961392825834817673 with your Google + id.
  • Replace # with your Linkedin user name.




If Any Problem Comes, Ask in Comments


38 comments:

  1. Nice nd thnk 4 widget it look same ur popular post

    ReplyDelete
  2. Replies
    1. Nice Widget helpful to all blogspot blogger thanks to share with us.

      Delete
  3. I like your blog and views,Thanks you for give me a important knowledge regarding Multi Color Bookmarking Widget.Your blog is so beautiful and nice representation.

    ReplyDelete
  4. How to make small the widgets.....u can mail me at aspiringknowledge2013@gmail.com

    ReplyDelete
  5. Grateful to check out your website, I seem to be ahead to more excellent sites and I wish that you wrote more informative post for us. Well done work.

    ReplyDelete
  6. Wow, marvelous blog layout! How long have you been blogging for?
    you make blogging look easy. The overall look of your web
    site is excellent, let alone the content!


    Look at my site ... bundchen

    ReplyDelete
  7. Today, I went to the beach front with my kiԁs. I found
    a seа shell and gave it to my 4 year old daughter and
    said "You can hear the ocean if you put this to your ear." She ρlaced the shell to her ear аnd
    screamed. Τhere was a hermit crab inside and it pіnched her
    ear. She neѵer wants to go back! LoL I knоw this is entirely off topic but I had to tell
    someone!

    My site epic soccer training free

    ReplyDelete
  8. Cool I like your blog and views,Thanks you for give me a important knowledge regarding Multi Color Bookmarking Widget.Your blog is so beautiful and nice representation. Keep sharing.

    ReplyDelete
  9. Hello every one, here every one is sharing such familiarity,
    so it's pleasant to read this weblog, and I used to visit this website everyday.


    my blog seo rankings

    ReplyDelete
  10. Hello Hemant Verma,

    I'm blogger from Indonesia, nice tutor you have here, but I can't use it for my WordPress blog. Do you know any plugin to add the multi color social bookmarking on my site? Thanks

    ReplyDelete
  11. Hello Bisnis,

    Welcome on Widget Generators, Thanks for compliment but I have not any plugin for WP same like this widget, but we will try to create one.


    Thanks & Regards,
    Hemant Verma

    ReplyDelete
  12. Informative article, just what I was looking for.



    my blog; Hungry Shark Evolution Cheats

    ReplyDelete
  13. This comment has been removed by a blog administrator.

    ReplyDelete
  14. Awesome widget...
    I will add this widget on my blog.
    TechiMonk

    ReplyDelete
  15. Thanks hemant for this useful widget .

    ReplyDelete
  16. This comment has been removed by a blog administrator.

    ReplyDelete
  17. Great 1...Very Informative post and easily to understand. I seem to be ahead to more excellent sites and I wish that you wrote more informative post for us. Well done work. SBI SO Result 2014

    ReplyDelete
  18. I can not use it for my WordPress blog. Do you know a plugin for adding social bookmarking multi-colors on my site? Thank you

    ReplyDelete
    Replies
    1. Grateful to check out your website, I seem to be ahead to more excellent sites and I wish that you wrote more informative post for us. Well done work.

      Delete
  19. I will definitely use this on my next blogspot blog. Thanks a lot.

    ReplyDelete
  20. Thanks For providing us wonderful information IB Admit Card 2014

    ReplyDelete
  21. Nice view with custom made..i don't know coding cud u plz tel how to implement it in my blog

    ReplyDelete
  22. very interesting to make the reader click on social bookmarking

    ReplyDelete
  23. I still use the social bookmarking things like this

    ReplyDelete
  24. Nice view with custom made..i don't know coding cud u plz tel how to implement it in my blog

    ReplyDelete
  25. Nice widget. Awesome shared.
    Keep posting such stuffs.
    Thanks..

    ReplyDelete
  26. It was quite interesting...! Useful to my blog..!!

    ReplyDelete
    Replies
    1. Hi, Ganesamoorthi M

      Your Most welcome here on Widget Generators. Keep Stay Tune with Us always.


      Thanks & Regards,
      Hemant Verma

      Delete
  27. Awesome Widgets I want to thank you for your hardworking you have put to code this website.
    Thanks for sharing:)

    ReplyDelete
  28. oh my god thank you for sharing. I think this a nice widgets...

    ReplyDelete
  29. Social bookmarking began as a strategy for Internet clients to keep bookmarks that can without much of a stretch be gotten to on the web and imparted to different clients in the Web.bookmarking software

    ReplyDelete
  30. Thank you so much for your information. Very helpfull

    ReplyDelete
  31. Knife ϲollectors normally focus on a single tүpe.

    ReplyDelete

You may use these HTML tags and attributes: <a href="" title=""> </a> <b> </b><strong> </strong>

 



Make Your Blog Like a Pro
About | Contact | Affiliates | Privacy Policy | TOS