Add A Multi Color Bookmarking Widget On Your Blog

Multi Color Bookmarking Widget
This is a pure CSS and Text based widget. With a multi color social bookmarking widget your blog will look professional and nicer. This is a free social bookmarking widget with multi color option. Also it has some images to show icons of different websites just like Facebook, Twitter and Google+. Don't worry about loading time of your blog because this widget is designed with pure CSS coding. Images for icons in this widget are provided by photobucket.com. This social bookmarking widget will boost your social followers. I have give a hover touch in this widget with black hover color. Also you can change this color with any color as you like. This widget is look like rainbow effects social bookmarking widgets. Give your blog's a professional touch with this error free bookmarking widget. You can customize it to fit on your blog, also you can add it in sidebar and footer areas of your blog. Now read below for more.

Why To Add This Widget Into My Blog ?

  1. This widget has professional look - Stylish and Unique looking widget.
  2. It will fit in all areas of your blog - You can add this widget into sidebar, footer.....
  3. You can customize it as you want - You can change its width, height and colors.
  4. This is a cross-platform widget - You can use it on Blogger, WordPress, Weebly and all other major blogging platforms.
  5. This is a totally free bookmarking widget - Like many other widgets this widget doesn't has a credit link.
Recommended: How To Increase Google Page Rank - Basic Guide

How To Add Rainbow Styled Bookmarking Widget ?

You can add this widget into your blogs. Don't worry about platform you can add it, if your blogging platform support the HTML and CSS coding. Here I want to teach you how to add this widget into blogger powered blogs.
Step 1. Go to Blogger.com and Login
Step 2. Select your blog and go to its Layout section
Step 3. Now click on Add a Gadget box
Step 4. From lots of options select HTML/JavaScript by scrolling down.
Step 5. Copy following coding using Ctrl + F and paste into HTML area of new widget.
  <style type='text/css'>
/****** coded by www.allblogthings.com *******/
.abt-multicoloredwidget {  width: 295px;  margin: -5px;  text-decoration: none; }
.abt-multicoloredwidget ul {  margin: 0px;  padding: 0px;  text-decoration: none;}
.abt-multicoloredwidget ul li {  list-style:none;   padding: 0px; text-transform: none; text-decoration: none;}
.abt-multicoloredwidget ul li a {   color: #ffffff;   display:block;  text-decoration: none;}
.abt-multicoloredwidget ul li a:hover {  color: #ffffff;  background-color: #333;  text-decoration: none; }
.abt-multicoloredwidget ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 11px center #4CBB17; background-size: 20px; padding: 18px 45px; }
.abt-multicoloredwidget ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 11px center #499DF5; background-size: 20px; padding: 18px 45px; }
.abt-multicoloredwidget ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 11px center #E0464A; background-size: 20px; padding: 18px 45px; }
.abt-multicoloredwidget ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 11px center #7D26CD; background-size: 20px; padding: 18px 45px;}
.abt-multicoloredwidget ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 11px center #FF664A; background-size: 20px; padding: 18px 45px; }
/****** coded by www.allblogthings.com *******/
</style>

<div class="abt-multicoloredwidget">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/AllBlogThings">Subscribe to Our RSS Feed</a></li>
<li><a class="facebook" href="https://www.facebook.com/AllBlogThings">Find Us on Facebook</a></li>
<li><a class="google" href="#">Join Us on Google+</a></li>
<li><a class="twitter" href="https://twitter.com
/UmerPrinceWorld">Follow Us on Twitter</a></li>
<li><a class="linkedin" href="#">We are on LinkedIn</a></li>
</ul>
</div>

Customization

  • Change red colored text with your Feed-burner username.
  • Change orange colored text with your Facebook page username.
  • Change fuchsia colored text with your Google+ username.
  • Change blue colored text with your Twitter username.
  • Change green colored text with your LinkedIn username.
  • Click on Save button and visit your blog.

Final Words

So! dear bloggers I hope, you like this multi color social bookmarking free widget. If you got any problem while installing this widget on your blog then leave a comment below. I will fix as soon as time allow me.

COMMENTS

BLOGGER: 2
Loading...
Name

2016,14,2017,8,2018,14,Adsense,8,Advertising,2,Affiliate Marketing,4,Alexa,1,Alternatives,2,Android,1,Announcements,1,Apps,5,Ask Me,6,Back linking,8,Backup,1,Bing,1,Black Friday,1,Blockquote,1,Blog Names,3,Blogging,18,Blogging Mistakes,6,Books,1,Business Tips,5,Case Study,6,Content Marketing,18,CSS,4,Customization,20,Domains,6,Downloads,1,eCommerce,1,Email Marketing,3,Entrepreneurs,12,Event Blogging,2,Exclusive,37,Facebook,6,Facts,2,Featured Snippet,1,Finance Tips,1,Forums,2,Freebies,3,Freelancing,4,Giveaways,1,Google,10,Guest Contributions,86,Health Tips,2,Hosting,9,How To,126,Ideas,3,Images,1,Info graphic,21,Inspiration,4,Interviews,4,Keywords Research,1,Make Money,47,Newbie's Guide,74,News,25,NLB,9,Offline Business Ideas,1,Page Rank,3,PayPal,1,Pictorial,2,Posts,5,PSD Files,1,Quotes and Sayings,23,Referral Earning,4,Relationship Tips,1,Review & Guide,16,Roundups,3,Save Money,1,Self Improvement,1,Selling,1,SEO,46,SMO,4,SMS - Messages,1,Social Media,14,Sponsors,2,Startups,1,Technology,2,Templates,8,Tips and Tricks,56,Tools,5,Tops and Lists,51,Traffic,14,Twitter,2,Video Marketing,1,Viral,2,Vlogging,4,Web Designing,10,Widgets,24,Wishes and Greetings,1,WordPress,11,Writing,28,YouTube,2,
ltr
item
AllBlogThings.com - How To, Blogging, SEO, Content Marketing, Lists, Quotes: Add A Multi Color Bookmarking Widget On Your Blog
Add A Multi Color Bookmarking Widget On Your Blog
Don't know how to add Multi Color Social Bookmarking Widget on your blog ?. Don't worry I have a widget for you with rainbow effect and free of cost.Try it.
http://2.bp.blogspot.com/-d9IaUv72TbU/U5CFfo9JlfI/AAAAAAAAEN8/3fE9mIxc4_Q/s1600/Multi+Color+Bookmarking+Widget.PNG
http://2.bp.blogspot.com/-d9IaUv72TbU/U5CFfo9JlfI/AAAAAAAAEN8/3fE9mIxc4_Q/s72-c/Multi+Color+Bookmarking+Widget.PNG
AllBlogThings.com - How To, Blogging, SEO, Content Marketing, Lists, Quotes
https://www.allblogthings.com/2014/06/Multi-Color-Bookmarking-Widget.html
https://www.allblogthings.com/
https://www.allblogthings.com/
https://www.allblogthings.com/2014/06/Multi-Color-Bookmarking-Widget.html
true
8869657471256965778
UTF-8
Viewing All Posts Bad, Try Again VIEW ALL Read More Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED! LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back To Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec Just now About 1 minute ago $$1$$ minutes ago 1 hour ago About $$1$$ hours ago Yesterday About $$1$$ days ago About $$1$$ weeks ago More than some weeks ago Followers Follow PREMIUM and Locked Please share to unlock this content Copy All Code Select All Code All coding here were copied to your clip-board If You can't copy the coding or text here, please press CTRL+C or CMD+C with Mac to copy now