How to arrange elements in your blog template

Blogger's Layout feature is an easy-to-use template editing feature that allows you to edit and customize your Blogger template without any knowledge of HTML or CSS. You can easily edit and customize the colors, fonts, header and sidebar of your blog with a few clicks of the mouse. To customize your blog's layout, go to the Layout Page Elements tab in Blogger.

If you're using a classic template and would like to use the Layout feature, you can read instructions on how to switch.

Moving elements in your template

How to arrange elements in your template

You can arrange the elements in your template the way you want them displayed. Simply click on the element you'd like to move and drag and drop it where you want it to be. You can move your page elements to the bottom of the page, anywhere in your sidebar, or below or above your blog posts. (Note: you can move all elements except your navbar, blog posts and header in some templates.)

Editing elements in your template
Here's an overview of what you can configure when you click Edit for each of these elements:

•Navbar: Select the color you'd like your Navbar to be.
•Header: Add or edit the header of your blog, which includes your blog title and blog description.
•Blog posts: Choose the number of posts to display on your main page. You can choose either the number of days with posts to display or the total number of posts on the main page. You also have the option to show email post links that let your visitors easily email posts from your blog to their friends.
•Profile: Edit/add your profile title, 'About Me' description, and location.
•Blog archive: Edit/add your blog archive title, select your display style (hierarchy, flat list or dropdown menu), choose to display post titles, display oldest posts first, choose your archive frequency (monthly, weekly or daily) and date format.

How to add a page element
You can add several page elements to your blog page or sidebar by clicking Add a Page Element. This will open a pop-up window. Click Add to Blog in the proper element section to add it:


•List: Add a list with the ability to add a title, select the number of items to display, sort your list alphabetically and add links to your list elements.
•Link List: Add a link list to your blog with the ability to add a link list title, select the number of items to display and sort your link list alphabetically.
•Labels: Add a list of all the labels you've used on your posts. Click each link to see a page showing all the posts with that label. You can change the title of the list, and sort it alphabetically or by frequency of use.
•Picture: Add a picture from your computer or the web. You can also add a title and caption to your picture and shrink the picture to fit into your blog perfectly.
•Text: Add text to your blog (such as a welcome message or footnote) with our rich text editor.
•HTML/JavaScript: Add third-party functionality or other HTML/JavaScript code to your blog.
•Feed: Add content from a site feed. Enter the feed URL, then click Continue. You'll then be able to add a title, select the number of items to show (up to five) and display the item dates and/or authors by selecting the appropriate check boxes.
•Logo: Add one of our stylish Blogger logos to your blog.

Read More

How to use the Blogger Layouts features?

Are you tired of dealing with HTML and CSS every time you want to change the look of your blog? Well, it turns out that there's an easier way. With the Layouts feature, you can drag-and-drop to move parts of your page around, and choose new fonts and colors with easy mouse clicks. Newly created blogs will work this way automatically, but for blogs without this feature, you'll need to upgrade your template. Here's how.

1.Find the name of your blog on your dashboard, and click the Template link next to it. If this link says Layout instead, then it's already upgraded and you can skip the rest of these steps.








2.On the Template page you should see the standard window of HTML code. Now look in the navigation links for the tab that says Customize Your Design and click it.







3.You'll get a message explaining that Blogger will make a backup of your current template and replace it with an upgraded one. The backup will be made available indefinitely, so you can revert back to it later if you need to. Click the Upgrade Your Template button to continue.





4.Choose one of our default template designs. You'll be able to modify it all you want, once you pick one of these as the starting point. Click Save Template when you've made your choice.









Now you're all set. You'll end up on the new Page Elements tab, where you can start arranging things however you like. If you want to know more about using these new features before you dive in, you can read about them here: Layout Guide and Fonts & Colors. Have fun!

Read More

How to switch your template to another provided by Blogger?

Switching templates in Blogger is easy... too easy:

Go to Layout! Pick New Template: :

Finally, click the orange "Save Template" button.

Notes:

Before switching to a new template, it's a good idea to back up your current one (if you've made changes to it). Go to the Layout Edit HTML tab, and copy and paste the template code to a text file on your computer.

Read More

know what footer for blogs with methods

A blogger wants to "add a "footer" to a Blogger blog". Wished he had elaborated more as there are various ways to add a "footer to a blog. Let us take the easiest one first:


Add a footer via the Footer section of the LAYOUT
Easiest way to explain is to start with a screen shot of the Blogger LAYOUT:



There are altogether 5 sections, this being a blog with 2 sidebars (3 columns). If yours uses a 2 column (1 sidebar) template, you will have only 4 columns, that is, blog Header, main column sidebar and footer. To answer the question, we only concentrate on the last one - footer section. The red arrow is pointing to a "Add a Page Element" link. To add a footer, just click on "Add a Page Element" and select the type of Page Element you want for your blog.


Add a "footer" via "Add a Page Element" in Main Column Section
What is explained here is a "footer" but not really a footer. It will only be something that appear at the bottom of the main column (where the post or posts are displayed).

Refer to the topmost red arrow, the one pointing to a "Add a Page Element" link in the Main Column section. If you use a standard Blogger template, you probably wouldn't have this. If you want to add one, refer to How to add a "Add a Page Element" Link for Main Column (post was originally published to show one way of adding a graphic Header, but can be used for any kind of Page Elements).

To add a "footer" in the Main Column, click that "Add a Page Element" link in the Main Column, select the type of Page Element you want in the "footer", save. After saving, you will find a new Page Element at the top of the Main Column section. Just drag the new Page Element to the bottom of the Main Column section, then save the changes.

Read More