Showing posts with label background. Show all posts
Showing posts with label background. Show all posts

Sunday, September 26, 2010

Fonts and Colors

In the Layout | Fonts and Colors tab, you can easily edit and customize the fonts and colors of your blog without any knowledge of HTML or CSS. (Note: Certain templates allow you to edit more elements of your blog than others.)

How do I edit the colors in my blog?

First choose the element you would like to change the color of:
Color Elements Then choose the color you would like that element to be. You can either click on the color you want or enter the color hex code:
Colors
Colors When you change your blog colors, you can view your changes in the blog preview beneath the color panel. Make sure you save your changes after you have finished selecting the colors for your blog. If you're feeling adventurous you can click "Shuffle blog colors" to randomly shuffle all of the colors already in your blog. If you don't like your changes, you can revert back to your default colors by clicking "Revert to template default."

Wednesday, August 18, 2010

Can I edit the HTML of my blog's layout?

Yes, just go to the >Layout tab and click the Edit HTML sub-tab. Keep in mind that Blogger's Layouts feature makes it easy for anyone to customize the look of their blog with little or no technical knowledge.
The first thing on the Edit HTML page is an option to download a copy of your template to a text file on your hard drive. We highly recommend doing this if you've made any interesting customizations to your design at all. Then, if you make a mistake editing your template, or if you just don't like the way it comes out, you can revert easily by uploading the same file again.
Next comes the actual code for your template. You'll notice it looks somewhat like regular HTML and CSS, but also includes lots of custom tags that make it compatible with our drag-and-drop layout editor, and with the font and color picker. If you want to make extensive changes to your code, you'll want to read up on these tags first:
  • Page Element Tags
  • Fonts and Colors Tags
You'll also see an option to 'Expand Widget Templates.' By default, each page element is shown in the code as a one-line placeholder, whose options can be set in the graphical interface on the Page Elements tab. Turning this option on will show the complete data and template for each element. The code is simpler the first way, but you have more control the second way, so use whichever option you prefer. Learn more by reading this help article:
  • Widget Template Tags
Below the code, you'll see three buttons for Clear Edits, Preview, and Save Template, which do what you'd expect them to.
There are also two links referring to your 'classic template.' If you converted your blog from the older style of Blogger templates to the new Layouts version, then your classic template is the last template you used in the old system, with all your customizations. If your blog was created on the new system and has always used Layouts, then your classic template is a default, classic version of the original design you chose when you created the blog, without any customizations. The View link will show you the code, in case you just want to check up on something, or copy a piece of it for your new design. The Revert link will erase all the customizations you made in the Layouts feature and set your blog to use the old-style Blogger template again. Note that you won't be able to use the graphical Layouts interface in this mode (though you can convert back to Layouts again later).



http://www.google.com/support/blogger

Blogger Template Designer

Blogger Template Designer is a new way for you to easily customize the look of your blog. You can select a variety of templates, images, colors, and column layouts to make your blog an expression of you.
As you play around with the Template Designer, you’ll see a preview of how the blog will appear based on the choices you’ve made, which you can expand to by pressing the toggle to Expand Preview between the Blogger Template Designer dashboard and the preview. When you’re satisfied with the look of your blog, you can make them go live by pressing Apply to Blog in the top right hand corner of the Template Designer.
To get started with Blogger Template Designer, select a template for your blog from one of the professionally designed templates that are available. Each template appears as a large thumbnail that when clicked will show different variations on the template below that you can select by clicking on them. Note that clicking a new template will erase any customizations you’ve made on a previous template. Once you’ve chosen a template, you can continue customizing the look of your blog.


No matter what template you are previewing in Template Designer, you can always see what is currently live on your blog by looking at the Live on Blog thumbnail in the Template Designer control panel. You can also click on it to reset the template in the Template Designer to the live version of your blog.

Background

Even though you’ve chosen a template, you can still change the way that it looks. Using Blogger Template Designer, you can choose the background color or image for your blog and then play with the color scheme. To start customizing your background, click on the thumbnail under Background Image.