Notification texts go here Contact Us Buy Now!

Meta Tags Settings

You can change this section or leave it as before, some of these settings will not have much effect on the appearance of your Blog but may have little effect on SEO. This guide is provided only as a support for those of you who want to customize our theme.

Search Description

You can add a special description to the search results according to what you wrote, if you disable this section the Google robot will randomly choose a description that appears according to the keywords that user looking for.

Deskripsi penelusuran
Illustration of search results

Additional information:
The search description is different from the blog description (in Blogger settings) and is completely unrelated, the search description will be different on each page depending on the sentence you write.

To add a search description, please go to the Blogger dashboard:

  • On the Blogger dashboard, click Settings
  • Scroll at the bottom until you find the Meta Tag setting group
    Deskripsi penelusuran
  • If it's not active, please activate it first by pressing the switch button on the right side.
  • Fill in the search description for your blog with a maximum of 150 characters
  • Also include a search description in each of your posts.
    Deskripsi penelusuran

In post page the search description will appear just below the article title, this applies to all themes. However you can still delete it, please follow the method below:

Remove description at the bottom of post title
  • On the Blogger dashboard, clickThemes
  • Click icon on the Customize button
  • Click Edit HTML, you will be directed to the editing page.
  • Find the code below, you can delete or disable it by adding a comment tag <!-- -->
    <!-- Post Description -->
    <div class='pD'><data:blog.metaDescription/></div>
    <!-- Post Description -->
    <!-- <div class='pD'><data:blog.metaDescription/></div> -->

Meta Image

This setting serves to display thumbnails for blogs or posts shared on social media such as WhatsApp, Facebook or Twitter

Meta image

On the posting page, thumbnails will automatically appear by taking the first image in article, Thumbnails only don't appear when the blog's homepage link (example: https://www.your_domain.com) is shared on social media, to solve this, please find the code below:

<meta content='Add_your_image_url_here' property='og:image'/>
<meta content='Add_your_image_url_here' name='twitter:image:src'/>

The above code is placed separately, change the part marked with your image url.

To get the image url, you can upload it to the post editor first. When finished uploading, right click on the image > Copy image address


Address Bar Color (Mobile Only)

This feature is only visible on mobile devices based on Android or iOS in certain browsers, to replace this section you don't need to edit your HTML template, please go to Blogger theme designer or follow the guide below:

  • On the Blogger dashboard, click Themes,
  • click Customize
  • click Advanced tab on the left sidebar, look at the image below:
    Address Bar Color
  • In the Theme Color settings > Address bar color, please select the color you want.

Alternative Keyword

You can add other keywords on your blog home page to target your blog audience. Look for the code below and change the sections marked with the keywords you want:

<meta expr:content='data:blog.title.escaped + &quot;, &quot; + data:blog.pageName.escaped + &quot;, Keyword_1, Keyword_2, Keyword_3 &quot;' name='keywords'/>

Instruction:
Separate with commas to add new keywords


Customize Blog Title

However you can still change the default title in this theme for certain pages, the title referred here is the title format that will appear in search results and browser tabs.

In general, blog titles are written with code like this:

<title>Blog_title_here</title>

While the overall code for the blog title on our theme is as follows:

<b:if cond='data:view.isMultipleItems'>
  <b:if cond='data:view.isHomepage'>
    <!--[ Homepage title ]-->
    <title><data:blog.title.escaped/></title>
    <b:elseif cond='data:view.search.query'/>
    <!--[ Search title ]-->
    <title><data:messages.search/>: <data:view.search.query/></title>
    <b:elseif cond='data:view.search.label'/>
    <!--[ Label title ]-->
    <title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>
    <b:elseif cond='data:view.isArchive'/>
    <!--[ Archive title ]-->
    <title>Blog archive in: <data:blog.pageName.escaped/></title>
    <b:else/>
    <title>Blog: <data:blog.title.escaped/></title>
  </b:if>
  <b:elseif cond='data:view.isError'/>
  <!--[ Error title ]-->
  <title>Error 404: Not Found</title>
  <b:else/>
  <!--[ SingleItem title ]-->
  <title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>
</b:if>

Title on Homepage

The code for the home page title is written like this:

<!--[ Homepage title ]-->
<title><data:blog.title.escaped/></title>

You can modify the title above, such as adding an alternative sentence, for example: Blog Name: Additional_sentence here. Please change the line of code above to be as below:

<!--[ Homepage title ]-->
<title><data:blog.title.escaped/> : alternatif_title_here</title>

Title on Index Pages

Displaying titles on index pages (other than home pages, posts and static pages) in Blogger is marked with /search in the url, there are several conditions written to display different titles on index pages including:

Search: search query
<!--[ Search title ]-->
<title><data:messages.search/>: <data:view.search.query/></title>

Displaying title of the search page on your blog, automatically any keywords written by the user will appear in this title. Change the code <data:messages.search/> above with the words you want such as Search results or others.

Label_name - Blog_title
<!--[ Label title ]-->
<title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>
Blog: Blog_title
<title>Blog: <data:blog.title.escaped/></title>

This title will only appear on the /search page, for example: https://www.your_domain.com/search. You can change the word Blog: in the code above.

Title on Post Page

<!--[ SingleItem title ]-->
<title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>

The code above will display a title like this: Post_title - Blog_title. You can remove the blog title by removing the code - <data:blog.title.escaped/> above.

Error 404 Page Title

<!--[ Error title ]-->
<title>Error 404: Not Found</title>

By default the title displayed is Error 404: Page Not Found, you can replace it with another sentence you want, for example: Sorry! Page Not Found.

About the Author

Hey there! My name is Deo Kumar aka Dev, a professional Web Designer, Graphic Designer, UI / UX Designer as well as Content Creator from Bihar, India. I love to Code and create interesting things while playing with it.

Buy me a Coffee

1 comment

  1. Sir page number system kaise active kore
Please don't share any sensitive or personal details here.
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.