Monday, May 24, 2010

Improving The Profile Gadget, And Similar Accessories

Many bloggers want something better than the standard Blogger provided gadgets, like "Profile" / "About Us", on their blogs. For some, even a custom HTML / Rich Text gadget still doesn't provide enough choices.
  • Rich text is too confusing.
  • The HTML Gadget toolbar lacks features.
  • There's no way to upload a picture.

If you want something more interesting than straight HTML / JavaScript / Rich Text for your Profile gadget, use Post Editor to compose the content.
  1. Make a new post.
  2. Compose the post, in Compose mode. Preview and make sure that you like what you have.
  3. When you have what you like for your new gadget, switch to "Edit HTML" mode.
  4. Copy the HTML content.
  5. Make a new HTML / JavaScript gadget.
  6. Paste the HTML from your new post, into the HTML gadget.
  7. Save your new gadget.
  8. Position your new gadget.
Once installed, if you feel the need to tweak the new gadget, you will have to know HTML / JavaScript / Rich Text (and note the oddities of the Html / Rich Text personality). Use the post editor for as much composition as possible, before creating the new gadget.

You can, as noted separately, conditionally display your HTML / JavaScript gadget, to make it appear as part of a given specific page or URL in the blog.

Since your improved gadget is being composed in Pages / Post Editor, you can, alternately, simply publish a Page or Post containing the gadget - instead of copying the code to an HTML / JavaScript gadget. This blog uses a custom Followers display, published as a static page.

>> Top

8 comments:

-oKOo- said...

Very useful and you made it very easy to follow your instructions.

Nice Work

Thanks

kmocean-blog said...

Very helpful and easy to follow. Your whole site is a very useful reference guide and extremely handy to have access to, especially for beginners like myself.

Top Work

Thank You Very Much

Kris

Darlene S. said...

This was almost too easy to do!!! Worked perfectly as directed. Thanks so much for sharing!

Tammy Boychuk said...

I agree. Too simple. Thank you!

Tetractys Merkaba said...

How do you effect 'Step 5'?
Some people have found your instructions easy to follow, but, alas I am not one of these.

ob session said...
This comment has been removed by the author.
Trew Lee said...

Thank you! Very useful instructions

Bill Corbett said...

This was a fantastic tip! Thank you!!!