"HOW" - "HOW TO" - "HOW DO"

This article is about centering gadgets from 3rd parties that you install onto your blog. Previously, I've described how to put HTML code from a 3rd party into your blog . When code like this is put into a gadget , one common question is "how do I center it?" There are (at least) three options for doing this, ie for putting a gadget into the middle (horizontally) of the area it is located in.   These are described below. Option 1: Centre all the gadgets in your blog To center-align every single gadget in your blog, just, add a CSS rule to your blog .  The rule to add is: .widget {   text-align: center; }  This will centre the contents and title of every gadget on your blog. Option 2: Only center-align the specific gadget To only centre-align one gadget, which is made from HTML/Javascript code, you can just put the gadget-code from the 3rd party (eg PayPal, Amazon, etc) inside a centering statement, like this: <div style="text-align: center;"> PUT THE ...

You can use the Post Editor to get the HTML code that you need to put a picture into your sidebar (or header or footer, or anywhere else a gadget can go). The Picture gadget is the normal tool for adding a picture to your blog's sidebar . But sometimes you want more control over the picture size or behaviour.  Eg, you may want to have two pictures very close to each other and guarantee that they're the same size. To do this, you need to get the HTML code for the picture, and then put it into your blog as an HTML-gadget.  Fortunately, Blogger's Post-editor make it very easy to do this without writing the code yourself. Using the Post Editor to generate the HTML for a picture 1  Start a new Post   (NB   you're not ever going to publish this:  it's just a work-area) 2  Don't enter any text:   just use the Picture icon on the toolbar to add a picture .   Blogger will prompt you to upload the picture, or to choose it from a Google-album-arc...

This article is about how to put an item (any type of gadget) above the Title section in a blog made with Google Blogger. If your blog has a layout or designer template , then (almost?) all of Blogger's templates start out with a nav-bar at the top of the screen, followed by a Header section showing your blogs title & description, or a custom header image if you've uploaded one. And even if you go into the place in the layout-designer where you can re-arrange the layout by drag-and-dropping items, you cannot drag any gadgets to above the header . But this is easy to change, provided you are willing to accept the disadvantages of editing your blog's layout template . How to allow changes above your blog's header Follow these steps to make it possible for you (or any blog administrator ) to add gadgets to the area about your blog's heading section: 1  Edit your blog's template in the usual way 2   Find this code in your template: <b:section class='he...

This article is about how to set up a gadget / widget in Blogger so that it is only visible on the first place that a reader sees when they visit your blog (often called the "home page").   It is one of a series of articles about controlling what goes on the homepage of your blogspot blog. Front Page Bob By Paginator (Own work)  [ CC-BY-3.0 ], via Wikimedia Commons There are a number of reasons why you might want to put a gadget only the screen that shows when a visitor first navigates to your blog's home page. You may want to show a welcome message, or a topic-index page, or to give a view of your recent tweets or some other RSS feed.     No matter what the reason, the process is very similar: How to make a gadget only appear on the first page Note:  in Blogger, the words "gadget", "widget", and even "page-element" all mean the same thing.  I generally use "gadget", because the Page Elements tab currently says "Add a Gadget...