Create a Blog: Blogger
Create and manage your own blog with Blogger
Change the design of your blog
Use themes to change how your blog looks
Blogger
Create a Blog: Blogger
Create and manage your own blog with Blogger
Change the design of your blog
Use themes to change how your blog looks
Create a blog
Create and manage your own blog with Blogger.
Create a blog
On the left, click the Down arrow Down arrow.
Click New blog.
Enter a name for your blog.
Click Next.
Choose a blog address or URL.
Click Save.
Note: Make sure you comply with the Blogger Content Policy and Terms of Service.
Manage your blog
You can manage who can edit and read your blog. Learn how to control access to your blog.
You can choose how you want your blog to look. Learn how to change the design of your blog.
Browsers you can use
Chrome
Firefox
Safari
MS Edge
Note: New browser versions are frequently released. Make sure to keep your browser updated to the latest version for best results.
Fix issues with custom domain setup
If you have a problem with Blogger, see info on troubleshooting issues.
Change the design of your blog
You can change your blog’s layout and color scheme.
Change your blog with gadgets
Use gadgets to do things like display your archive, show labels in a list, or show your profile on every page.
Add a gadget to your blog:
Choose the blog to update.
In the left menu, click Layout.
In the area you want to modify, click Add a Gadget.
In the window that opens, choose the gadget and click Add Add.
At the bottom left, click Save.
To change the settings on a gadget, click Edit.
Change your blog with HTML or CSS
Use HTML
Important: Google claims no ownership or control over any content submitted, posted, or displayed by an author on or through Google services. Blog authors who add code or third-party widgets do so at their own risk.
Choose the blog to update.
In the left menu, click Theme.
Under “My theme,” click More More and then Edit HTML.
Make your changes and click Save.
Tip: To add page elements like pictures and a blogroll, use widget tags. Learn more about widget tags for layouts.
Use CSS
Choose the blog to update.
In the left menu, click Theme.
Under “My theme,” click Customize.
In the left menu, click Advanced.
Click the Down arrow Down arrow and then Add CSS.
Add your code, and at the bottom right, click Save Save.
Use themes to change how your blog looks
When you use one of Blogger’s themes, people can view and interact with your blog in different ways.
Choose a theme
Sign in to Blogger.
At the top left, click the Down arrow Down arrow.
Click a blog to update.
In the left menu, click Theme.
Select your theme, and at the bottom, click Apply.
To save a copy of your theme, in the top right, click More More and then Backup and then Download.
Use a Dynamic views theme
When you use a Dynamic views theme:
Blogger records each post displayed as a page view.
Your readers can change their default view.
To use Dynamic views, share content on other sites.
Customize your theme
Change settings like background & column widths
At the top left, click the Down arrow Down arrow.
Click a blog to update.
In the left menu, click Theme.
Under “My theme,” click Customize.
To customize your background image or other settings, use the left menu.
In the bottom right, click Save Save.
Change font color & size
You can change the font, font color, and font size for your entire blog.
Sign in to Blogger.
At the top left, click the Down arrow Down arrow.
Click a blog to update.
In the left menu, click Theme.
Under “My theme,” click Customize.
In the left menu, click Advanced.
Choose a format for your text.
You can choose different fonts, colors, and sizes for different texts in your post.
In the bottom right, click Save Save.
Customize CSS tags for layouts
To use the template designer with the CSS of your blog’s template, there are a few guidelines to follow.
Set up the variables
In the <head> section of your code, you'll need to have a pair of <b:skin> </b:skin> tags.
The CSS style declarations will go in between those tags, along with the variable names that make your design work with the Fonts and Colors page.
Example
The CSS code enclosed in /* and */ comment tags won't be shown on your blog.
There will be a list of variables here, one for each font or color that you want to be editable from the “Fonts and Colors” tab. Each variable is required to have the information shown in the example above and described here:
name – May contain letters or numbers. Each name in your template must be unique.
description – Add a description to appear in “Fonts and Colors" section.
type – "Font" or "color."
default – The default value. For colors, this should be a hexadecimal color code, for example #FF0066. For fonts, it will be a list of the form font-style font-weight font-size font-family.
Use the variables
After the variables are set up, when you want to use the value of a variable, enter $variable_name in the b:skin css.
Variable types
In the example above, there is a variable called bgcolor, which is set to white (#fff). In the next code, it says: background: $bgcolor. This turns the background white, and you can change it in the “Fonts and Colors” section.
Note: You don’t need to create variables for other types of CSS attributes. These can be included in the CSS just as they normally would be (as with the margin: and padding: attributes in the example above).