Posts

Showing posts from November, 2018

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...

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...

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...

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...

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. ...

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...

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...

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...

Create & Publish a new post in Blogger (write, edit, delete)

If you are a Blogger, You can write, edit, delete posts and drafts at any time. Write a new post : Sign in to Blogger. Click New Post. Create the post. Optional: To see how your post will look, click Preview. To save your post without publishing it, click Save. To publish your post, click Publish. Publish a post : Schedule a post Sign in to Blogger. Under the name of the blog, click Posts. Click the title of the post. On the right, click Post settings and then Schedule. Choose a time and date to publish your post. Click Done. To set your time zone: In the main dashboard, in the left menu, click Settings and then Language and formatting. Under "Formatting," choose the time zone you want. In the top right corner, click Save settings. Use email to post to your blog   Turn on posting by email Sign in to Blogger. In the top left, click the Down arrow Down Arrow. Click the blog. In the left menu, click Settings and then Email....

Add Custom Robots.txt to the Blogger

Image
Robots.txt is a text file which contains few lines of simple code. It is saved on the website or blog's server which instruct the web crawlers on how to index and crawl your blog in the search results. That means you can restrict any web page on your blog from web crawlers so that it can't get indexed in search engines like your blog labels page, your demo page or any other pages that are not as important to get indexed. Always remember that search crawlers scan the robots.txt file before crawling any web page. Each blog hosted on blogger  has its default robots.txt file which is something look like this: User-agent: Mediapartners-Google Disallow: User-agent: * Disallow: /search Allow: / Sitemap: http://example.blogspot.com/feeds/posts/default?orderby=UPDATED Explanation   This code is divided into three sections. Let's first study each of them after that we will learn how to add custom robots.txt file in blogspot blogs. User-agent: Mediapartn...