20 July 2012

Another way to customize "Followers" widget

For a very long time I was wondering how to change colors in Blogger "Followers" widget. I finally found working decision, and I suppose you may want to know it. As you could notice, when you uncheck "Use template default style" you can select custom colors, but after saving they always return to defaults:

I've read some old tutors on this topic, but found that they are obsolete. Some of them recommend to use Google FriendConnect to generate new widget code, but this service was retired. Here are the steps I made:
1. Create "Followers" widget (if you don't have it yet)
2. Go to your blog and open page source code
3. Ctrl+F to find words "Followers"

4. Copy all from <div id='Followers1-wrapper'> to <div class='clear'><div> (don't copy this last line)
5. Then in your Blogger Dashboard go to Design and add gadget HTML/Javascript and paste the code.
6. Edit following lines as you need:
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#444444";
skin['ENDCAP_LINK_COLOR'] = "#285899";
skin['ALTERNATE_BG_COLOR'] = "transparent";

skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#285899";
skin['CONTENT_TEXT_COLOR'] = "#444444";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#285899";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#666666";
skin['CONTENT_HEADLINE_COLOR'] = "#f5f5f5";
Here you can change the same colors as usual way, just type new HEX color codes.
*Your code may differ a bit from mine 'cause you are surely use different blog template.
7. Save the gadget and don't forget to delete old "Followers" widget.
Hope tis little tutorial was helpful for you!

5 comments:

  1. where is this?
    5. Then in your Blogger Dashboard go to Design and add gadget HTML/Javascript and paste the code.

    ReplyDelete
  2. Here you go
    http://3.bp.blogspot.com/-UjnRmRANAmo/UAqcmOxCZII/AAAAAAAAASo/Xk9XWoHSEks/s1600/html_gadget.jpg
    It's in russian, but I think you'll see.

    ReplyDelete
  3. Thanks for providing such a great article, it was excellent and very informative.You are a brilliant writer.
    website design

    ReplyDelete

Up ⇧