Posts

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...
Post a Comment
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...
Post a Comment
Read more

How to change the Design of your blog

-
Change the design of your blog 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: You can customize how different sections of all of the pages, such as the footer or a sidebar, look by using page e...
Post a Comment
Read more

How to Customize CSS tags for layouts

-
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 <head> ... <b:skin>  <style type='text/css'>  /*   * Variable definitions:   *  <Variable name='bgcolor' description='Page Background Color'       type='color' default='#fff'/>   */  body {    background: $bgcolor;    margin: 0;    padding: 40px 20px;  }  </style> </b:skin> </head> The CSS code enclosed in /* and */ comment tags won't be shown on your b...
Post a Comment
Read more

Add Thems to Change your Blog in Blogger

-
Use themes to change how your blog looks People can see and interact with your blog in different ways by using one of Blogger’s themes. Choose a theme to use Sign in to Blogger. In the top left, click the Down arrow Down arrow. Click a blog to update. In the left menu, click Theme. Click the theme you want to use. In the bottom right, click Apply to Blog. Optional: To save a copy of your theme, in the top right, click Backup/Restore and then Download theme.  Use a Dynamic Views theme When you’re using a Dynamic Views theme: Blogger will record each post displayed as a pageview. Your readers will have the option to change their default view. To use Dynamic Views, make sure sharing is turned on for your blog. Customize your theme Change the background, column widths, and more Sign in to Blogger. In the top left, click the Down arrow Down arrow. Click a blog to update. In the left menu, click Theme. Under “Live on Blog," click Customize. ...
Post a Comment
Read more

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: You can customize how different sections of all of the pages, such as the footer or...
Post a Comment
Read more

Add Custom Robots Header Tags in Blogger

-
Image
Don’t you know there are search robots? They are responsible for recognising the updates on our sites and notifying the search engines about the same. With the help of proper predefined tags, you can communicate with the crawlers to increase and decrease the search visibility. That’s what exactly you are going to read in this post. Set up Custom Robots Header Tags on Blogger I hope you are a Blogger user looking forward to increasing your search engine exposure so that the organic traffic will reach a zenith. If so, I recommend following this guide and enabling the custom robots header tags for maximum search engine visibility (especially for new blogs). Before getting to know the process of setting up custom robots header tags on Blogger, you should know what they are. 1. all – If you set this tag, crawlers are not bound by any constraints. They can freely crawl, index and expose your content. 2. noindex – Not all the blogs are for public notice. Even if you don’t sha...
Post a Comment
Read more