Add Custom CSS to your Blogger

-

Change the design of your blog

If you are a Blogger, You can change your blog’s layout, color scheme, and more.

Change your blog using gadgets

You can use gadgets to do things like display your blog's archive, show blog labels in a list on every page, or put your profile on every page.

Add a gadget to your blog
  • Sign in to Blogger.
  • Choose the blog to update.
  • In the left menu, click Layout.
  • In the area where you want to add something, click Add a Gadget.
  • In the window that opens, choose the gadget to add and click Add Add.
  • In the lower left, click Save.
  • Optional: To change the settings on a gadget, click Edit.

Change your blog’s design using HTML or CSS

Use HTML to change your blog’s design
  • Sign in to Blogger.
  • Choose the blog to update.
  • In the left menu, click Theme.
  • Under “Live on Blog,” click Edit HTML.
  • Make the changes you want.
  • Click Save theme.
Note:
  1. You can customize how different sections of all of the pages, such as the footer or a sidebar, look by using page element tags.
  2. You can use widget template tags to customize the info shown on each individual page: for example, in the sidebar, page header, and page footer gadgets.
Use CSS to change your blog’s design
  • Sign in to Blogger.
  • Choose the blog to update.
  • In the left menu, click Theme.
  • Under “Live on blog," click Customize.
  • In the left menu, click Advanced and then Add CSS.
  • Add your code.
  • On the top right, click Apply to blog.
Note: 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.

Comments

Post a Comment

Popular posts from this blog

Add Custom Ads.Txt File in Blogger?

-
The advertisement is the primary key for a publisher to generate money. The ads can be of many types and there are many ad providers that help publishers to make money from their blogs. But, it is very necessary to check the authenticity of the ads that are shown on a particular website. The verification of ads shown on a website can be achieved by ads.txt file. An ads.txt file secures both publisher and advertiser from frauds or viruses. This is essential to add the ads.txt file on your website or blog, so here we are discussing how you can easily add the ads.txt file in your BlogSpot blog. Before adding ads.txt file on your blogger blog, let us know what exactly is ads.txt and how is it going to benefit us. What is Ads.txt File? The “Ads.txt” is simply a text file that can be placed on your blog's server and carries information about the advertising networks used by the blog's owner and the owner authorised these ads networks to show ads on the website. The main idea b...
Read more

Add Page Elements Tags for Layouts

-
Page elements tags for layouts The <body> section of a layout theme is made up of sections and widgets. Sections are areas of your page, such as a sidebar, footer. A widget is a page element such as a page, a blogroll, or anything else you can add from the “Page Elements” tab. You can include any HTML you like around the sections in your theme. Sections Each section in your theme has opening and  closing tags that look something like this: <b:section id='header' class='header' maxwidgets="1" showaddelement="no"> </b:section> <b:section> tag attributes id – (Required) A unique name, with letters and numbers only. class – (Optional) Common class names are “navbar,” “header,” “main,” “sidebar,” and “footer.” If you change themes later, these names help Blogger determine how to transfer your content. maxwidgets –- (Optional) The maximum number of widgets to allow in this section. If you don't spe...
Read more

Add Widget Tags for Layouts for Blogger

-
Widget Tags for Layouts When you're using the Layouts theme to create the body section of your blog, you can use widgets to add page elements like pictures and a blogroll. Types of tags This section describes the HTML you can use inside of the closing tags. Includes (b:include) When to use includes Includes are most useful if you have a section of code that you want to re-use in several different places, or only include in certain circumstances. To do this, write the content inside a b:includable, then use b:include wherever you want it to appear. Format <b:includable id='main' var='thiswidget'> [insert whatever content you want here] </b:includable> Attributes id (required): A unique identifier made up of letters and numbers. Each widget must have one includable with id='main'. var (optional) An identifier made up of letters and numbers, for referencing data within this section. If you make more includables with d...
Read more