How To Add Custom Robots.txt File in Blogger?

Custom Robots.txt: Robots.txt is a file which contains few lines of simple code. In Blogger, it’s called as Custom Robots.txt. By it’s name you can understand that you can easily customize those codes according to your choice. In my previous article, I wrote how to add custom robot header tags in blogger. Which is very important for improving search engine optimization. Custom Robots.txt file will help you in the same extent to improve Search engine presence with more advanced customization. Let’s dive in! Read More

custom robot header tags

Custom Robots Header Tags Settings For Blogger

Custom Robot Header Tags in Blogger (Blogspot Blog): “Header Tags” in Blogger is in-built SEO tool for improving search engine visibility for blogs/website in search engines like Google, Yahoo, Bing, Baidu, Yandex etc.

A proper defined “Custom Robot Header Tags” can boost up your search engine ranking with better crawl rate by communicating with search robots. These search robots helps to promote your article in search result by crawling (scanning) millions of web pages. So, more you provide value in your content better chances are search bots will show up your article in the front page. So, adding proper “Header Tags” is very important to improve search ranking. Let’s dive in to read in detail about Header Tags.

How to Set up Custom Robots Header Tags on Blogger?

I guess you’re a Blogspot blogger and trying different ideas how you can improve search engine ranking to increase daily organic visitor in your blog.

If so, I recommend follow this guide and enable “Custom Robot Header Tags” in your blogger blog. After an week you will see noticeable result especially if your blog is new.

Before setting up “custom robots header tags on Blogger” let’s understand the terminology and basic things about Custom Robot Header Tags, which i think is very important for newbies and some times for veterans too.

Must Read:

Custom Robots Header Tags and its Uses

In Blogger, you will find these above header tags. Each header tags has it’s own importance. Let’s understand the terminologies:

  1. ALL – If you select this tag, google bot can freely crawl, index and show up your article in the search result.
  2. NOINDEX – If you select “NOINDEX” tag google bot wont crawl, index and show up your article in the search result.
  3. NOFOLLOW – Nofollow tag is for outbound links. No follow tag prevents google from crawling into the external pages you’re linked to.
  4. NONE – If you select this tag, then google bot will neither index your pages nor crawl the links.
  5. NOARCHIVE – When you search anything on google and notice carefully you will see on the right side just after the link ends there’s a down arrow. If you click that label you’ll see an option “cache”. If you click that label you can see google copy of that web page. It means that google captures a copy of your site in case your site goes down. Now, if you don’t want to show up “cache” version just select this tag.
  6. NOSNIPPET – If you don’t want to show up your text snippet in the search result. You can select this tag.
  7. NOODP – Open Directory Project or Dmoz is a popular directory of websites by MOZ. Sometimes Google uses information of websites from there. If you don’t want to list your website on MOZ directory you can turn it off.
  8. NOTRANSLATE – If you don’t want your blog to translate into different languages in different geo. Than you can turn this setting on.
  9. NOIMAGEINDEX– If you don’t want your images to show up google search/google image result than turn this setting on.
  10. UNAVAILABLE_AFTER– If you select this tag then your webpages will be deindexed after this time.

I guess now you’re very much aware of all the “Custom Robot Header Tags” terminologies. Now, we’re only few step ahead of completing the final step. Let’s complete that step.

How to Setup Custom Robots Header Tags?

To add custom robot header tags in blogger follow the above steps.

STEP 1: Sign in to your blogger account and select your appropriate blog.

STEP 2: Go to Settings > Search Preferences > Custom Robot Header Tags. By default it’s disabled. Click “Edit” a message will show up “Enable custom robot header tags?” select “yes“.custom robot header tags

STEP 3: Now, you’ll find a bunch of check boxes. Don’t get scared. For a while it may look complicated. You can either select the above check boxes by reading the past described terminologies or you can simply copy by following my screenshot.custom robot header tagsSTEP 4: Click “Save” and you’re done.

◆ Last Word: Hope you are benefited by this article and learned something new. Let me know how this tutorial helped you to add custom robot header tags on search preference setting for improving your search engine visibility. For any issues relating checking boxes other than depicted in the screenshot drop a comment below we are ready to help you. Also, if benefited please share with your friends in social media.

Stylish Color Text Box for Blogger Post

10 Stylish Color Text Box for Blogger Post | Best Colored Text Box

Stylish Color Text Box for Blogger Post– Every bloggers tries to attract their visitors by making their blog look elegant. Apart from writing a good keyword rich perfect SEO friendly blog post, article design matters to a lot to appeal a visitor. A well design blog with beautifully curated contents makes visitors feel comfortable while reading a long descriptive article in a blog. One of the key tactics to beautify your blog post is by adding stylish html color text box with images or highlighted text with colored background.

In my previous tutorial, I wrote article relating How to Add Html Text box in Blogger Post and Color Code Box in Blogger Post. In this tutorial I came up with 10 Stylish Color Text Box for Blogger Post to beautify your blog post, where you can write appealing blog post with highlight text and colorful background. Also, you can add image inside the colorful text box to beautify your article. So, let’s dive in!!!

Why should you use Color Text Box in Blogger Post?

The main reason for adding colored text box in blogger post is to make readers feel comfortable while reading a long descriptive blog post. Nobody likes to read long descriptive black and white blog post. If an article is long descriptive then visitor gets bored, eventually they starts scrolling from top to bottom and they leave that page resulting bounce rate increases and visitors length decreases which is harmful for SEO.

Stylish Color Text Box for Blogger

Blog Post with colorful text box increases readers focus more into the article resulting reader spends more time on blog which decreases bounce rate & boosts SEO.

Sample Colored Text Boxes for Blogger Post

Stylish Color Text Box for Blogger PostColor Text Box Codes

Style-1

<div style=”background-color: #fff1c6; margin-left: 20px; margin-right: 20px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;”>
Style-1</div>

Style-2

<div style=”background-color: #fef7e0; margin-left: 20px; margin-right: 20px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;”>
Style-2</div>

Style-3

<div style=”background-color: #357ae830; margin-left: 20px; margin-right: 20px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;”>
Style-3</div>

Style-4

<div style=”background-color: #e5e5e570; margin-left: 20px; margin-right: 20px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;”>
Style-4</div>

Style-5

<div style=”background-color: #c6eadb70; margin-left: 20px; margin-right: 20px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;”>
Style-5</div>

Style-6

<div style=”background-color: #26fba270; margin-left: 20px; margin-right: 20px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;”>
Style-6</div>

Style-7

<div style=”background-color: #7866fb17; margin-left: 20px; margin-right: 20px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;”>
Style-8</div>

Style-8

<div style=”background-color: #4726fb17; margin-left: 20px; margin-right: 20px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;”>
Style-8</div>

Style-9

<div style=”background-color: #fbe12661; margin-left: 20px; margin-right: 20px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;”>
Style-9</div>

Style-10

<div style=”background-color: #77766c26; margin-left: 20px; margin-right: 20px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;”>
Style-10</div>

How to add these Stylish Color Text Box in Blogger Post?

To add stylish color code box in blogger post follow by previous blog where i wrote how to add color text box in blogger post. Click here to add stylish color code box.

◆ Last Word: Hope you are benefited by this article and learned something new. Let me know how this tutorial helped you to display color text box in your blog post. For any issues relating implementation of the code drop a comment below we are ready to help you. Also, if benefited please share with your friends in social media.