FREE MRR & PLR Ebooks

Make Money Blogging Enter your name and email below to get this ebook and other internet marketing ebooks.
First name:
Email address:

Subscribe to this blog

Subscribe to full feed RSS
What the? RSS?!

SUBSCRIBE VIA EMAIL

We respect your privacy.

make money on the internet

Blogger.com – How To Add A Gadget To Blog

By Jean On February 28, 2010 Under Blogger Tips, Newbies Guide

We use the “add a gadget” feature to add contents on the sidebar, top or bottom portion of your blogger.com blog.

There are hundred of gadgets available but the the most popular ones are:

Followers – Displays a list of users who follow your blog

HTML/Javascript – Add third-party functionality or other code to your blog.

Text – Add some words to your blog – like a welcome message – with our rich text editor.

Adsense – Earn revenue by displaying relevant ads on your blog.

Feed – Add content from an RSS or Atom feed to your blog.

Blog List – Show off what you read with a blogroll of your favorite blogs.

…and many more.


To add a gadget, login to your blogger.com account and on your dashboard click on “Layout”.

blogger_dashboard_layout

You will be brought to this page….

blogger_add_gadget

As you will notice there are three portions in this theme where you can add a gadget.

For demonstration purposes, let us add a banner in the sidebar.

Click on “Add A Gadget” on the sidebar. A pop-up window will appear to make you choose what kind of gadget you will add.

blogger_add_gadget_popup

To add a banner on your site, you will need an HTML code. Click on “HTML/Javascript”.

blogger_add_gadget_popup2

Type in the title of the widget. In our example, our title is “RECOMMENDED PRODUCTS”. Then cut & paste or type the HTML code of the the banner you want to add.

HTML Code Example:

<center><a href=”http://www.yoursitename.com/” target=”_blank”><img src=”http://www.yoursitename.com/bannerimage.jpg”  /></a></center>

After typing your HTML code, click on “Save” to save your gadget.

Your done adding a gadget on the sidebar of your blogger blog. Check your blog and it looks like this:

blogger_add_gadget_blog_view

Related posts:

  1. Blogger.com – How To Add Blog Content
  2. How To Blog Using Blogger.com
21 comments - add yours
Make Money Online

March 2, 2010

Great article! The images were especially helpful. I think that Blogger offers a lot of potential for webmasters, and learning how to add gadgets is obviously an important piece of knowledge to have.
.-= Make Money Online´s last blog ..20 Tips to Increase Traffic =-.

Promotional Printing

March 3, 2010

Oh this is cool! If my blog starts improving, I want to post my followers in the sideline. That would be really cool and to be able to put links for your suggestion to your readers of sites I’ve enjoyed. But probably it will take months before I can use this tool. But atleast I know that there is such thing and it’s available to all blogger. Thanks!

John

March 3, 2010

This kind of software on how to improve your blog posting, is a great way for most blogger all over the world. It is the easiest way to post blogs and add gadgets as you wanted.

PDQ

March 4, 2010

That’s interesting that you can edit the html, allowing you to add almost anything I guess..

i have strugled past days to how insert gadgets, now i add gadget in my blog. thanks
.-= dofollow backlinks free´s last blog ..The Hindu : Sport / Cricket : Sachin should be given Bharat Ratna: Ganguly =-.

mike

March 5, 2010

Its great sharing and i will use this for my bog promotion as well. but i just wonder the time for which i will do it and the lead time i.e the time it will take to display some useful result .

BMW Cars

March 5, 2010

Wow.. unbelievable.. but truly great.. nice and interesting technique for blog promotion and gadget will even used to provide ease in operation as well..

PopularSci

March 5, 2010

Thanks for the explanation! It’s very helpful!

Blogger’s Ad Gadget is a major assistance in blog promotion. This gadgets are easy to use and very appealing to visitors. Thank for the information.:)
.-= Internet Marketing Professor´s last blog ..Social Media Tips: Facebook Business Tips For Maximum Social Media Exposure =-.

Des Moines movers

March 23, 2010

Excellent guide to adding a gadget. I think the screenshots really helped explain this. Thanks!

Dave

April 25, 2010

That’s interesting that you can edit the html, allowing you to add almost anything I guess..

Julie

April 25, 2010

i have strugled past days to how insert gadgets, now i add gadget in my blog. thanks
.-= dofollow backlinks free´s last blog ..The Hindu : Sport / Cricket : Sachin should be given Bharat Ratna: Ganguly =-.

Jeff

April 27, 2010

Wow.. unbelievable.. but truly great.. nice and interesting technique for blog promotion and gadget will even used to provide ease in operation as well..

Christopher

April 27, 2010

Great article! The images were especially helpful. I think that Blogger offers a lot of potential for webmasters, and learning how to add gadgets is obviously an important piece of knowledge to have.
.-= Make Money Online´s last blog ..20 Tips to Increase Traffic =-.

Rob

April 27, 2010

Thanks for the explanation! It’s very helpful!

Richard

April 28, 2010

Excellent guide to adding a gadget. I think the screenshots really helped explain this. Thanks!

Simon

April 28, 2010

Blogger’s Ad Gadget is a major assistance in blog promotion. This gadgets are easy to use and very appealing to visitors. Thank for the information.:)
.-= Internet Marketing Professor´s last blog ..Social Media Tips: Facebook Business Tips For Maximum Social Media Exposure =-.

Kicker

June 2, 2010

Hola, ?Uf, me gust?! Tan clara y positiva.

Kicker

Sam

October 14, 2010

I hadn’t even bothered with Blogger before this! Versatility reigns supreme, well in!
.-= Sam´s last blog ..Let the buffet begin! =-.

Vernita Manby

November 30, 2010

Hello.This article was extremely interesting, particularly since I was looking for thoughts on this issue last Monday.

Gulam Ali

December 16, 2010

Thanks for the effort you took to expand upon this post so thoroughly.
Why valid html code is important to your web site’s search engine optimization efforts and consequent high rankings! Such invalid html codes… A single missing bracket in your html code can be the cause your web page cannot be found in search engines… Providentially, there are free services that allow you to check and fix the validity of your html codes.

CommentLuv badge


Easy AdSense by Unreal