Hmtl code placements tips for blogger

6
397

Hmtl code placements tips:- As a young Blogger that just started blogging , one of the things you need to know is to learn and understands your theme/hmtl code plus where some codes needs to be placed on your hmtl , understanding the header tag, close tag, some signs on your hmtl to avoid an error why placing or puting in a wrong place.
When a code is given to you to place their.
On hmtl, there are series of codes, which some times, some people
might be confuse or find it difficult to place a code, when it is generated,
From AdSense, powered by blogger, copyright footer,search console.
Now this four hmtl code are frequently use by Bloggers and WordPress,like they make use of it 24/7,in order to make there own website to be more unique and quality blogsite.

Hmtl code placements tips:- How to place and where to place guild

Google ad application code

ThisGoogle application code, is easy to locate, Google AdSense makes it easy for their applicant, by putting it almost in the beginning of hmtl codes,so that it can easily be seen.

Now when you apply for ads sense,a series of code will be generated from your AdSense account, now Google will tell you to go and place it on your hmtl header tag,now on your hmtl code,the first codes looks this way before you see the header tag

?xml version=”1.0″ encoding=”UTF-8″ ?>
<!DOCTYPE html>
<html b:css=’false’ b:defaultwidgetversion=’2′ b:layoutsVersion=’3′ b:responsive=’true’ b:templateVersion=’1.0.0′ expr:class=’data:blog.languageDirection’ expr:dir=’data:blog.languageDirection’ xmlns=’http://www.w3.org/1999/xhtml’ xmlns:b=’http://www.google.com/2005/gml/b’ xmlns:data=’http://www.google.com/2005/gml/data’ xmlns:expr=’http://www.google.com/2005/gml/expr’>
<head>

On this codes, this header tag that looks this way 👉 <head> is the first header on hmtl codes,now if AdSense gives you a code to place on your hmtl, this code will be placed under the <head> tag.
Now for instance, this is Google’s AdSense application code

script async=’async’ data-ad-client=’ca-pub-69674271037′ src=’https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js’/>

Now it should look way after placing it, shown on the screenshot.

?xml version=”1.0″ encoding=”UTF-8″ ?>
<!DOCTYPE html>
<html b:css=’false’ b:defaultwidgetversion=’2′ b:layoutsVersion=’3′ b:responsive=’true’ b:templateVersion=’1.0.0′ expr:class=’data:blog.languageDirection’ expr:dir=’data:blog.languageDirection’ xmlns=’http://www.w3.org/1999/xhtml’ xmlns:b=’http://www.google.com/2005/gml/b’ xmlns:data=’http://www.google.com/2005/gml/data’ xmlns:expr=’http://www.google.com/2005/gml/expr’>
<head>
script async=’async’ data-ad-client=’ca-pub-696704271037′ src=’https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js’/>
<Meta>

Now this AdSense code should be between <head> and <Meta> tag on your hmtl code,if you place it exactly,it will be verified and your website review will commence immediately, but if they didn’t see it there, your website won’t be located,
so it’s very important to be careful while placing these codes on your hmtl.


Copyright footer code

Applying this to a website shows that you are the official owner of the website, that’s the reason it always says “All Right Reserved”,why some people change it to any thing of there choice or niche.

This code is always the same, only that you will remove where I put my website URL, my blog niche and input your own website URL starting from (“https://”)

Now it should look like this.

<p
style=’text-align:center;’>Copyright (c) 2020 <a href=’
https://www.sonshinefx.com/’>Sonshinefx blogging and business tips</a> All Right Reserved</p>

How to place the code on your hmtl

Now for those that are using smart phone,it should be at the end of your hmtl code,but those that are using laptop can find it before the end of it.
This code should be place before The <body>
<Hmtl>

now It should look this way
<p
style=’text-align:center;’>Copyright (c) 2020 <a href=’https://www.asiegbudany.com/’>aniel’s blogging and business tips</a> All Right Reserved</p>
<Hmtl>
<Body>
Now after you have placed it, you click on save on your hmtl, now it will be done successfully.

  • Powered by Blogger code

Now you need generate this code from pastebin, after you generated it, the codes should look This way

style>

#Attribution1 {

display:none ;

}

</style>

RAW Paste Data

style>
#Attribution1 {
display:none ;
}
</style>

Now you have to copy the second code Click here  https://pastebin.com/MSAiYknr generate code on pastebin.

Hmtl code placements tips:- How to place code

Once you copied the codes, go you to your hmtl,
If you are using smart phone, it should between
Number 2630 and 2638 but if you are using your laptop it should be between 3204 And 3208 on your laptop
: No you have to place it between the <head> and <body> shown on the screenshot and save it that’s all.

Hmtl code placements tips:- Search console code

This is a new way of indexing your website,by placing it on your hmtl under meta tag . Now if you want to index your website on Google, after putting your URL,a code will be given to you to place on meta tag on hmtl for verification, now the code looks this way
content=’width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1′ name=’viewport’/>

After placing it, it should look this way also shown on screenshot

<Meta

content=’width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1′ name=’viewport’/>

Now you have placed it, it should be verified and you can continue with summiting your sitemap.

Hmtl code placements tips:- Note

This information I’m providing is actually where to place code on your hmtl as a blogger,to avoid  an error,to get full information on to add or remove this four thing on your website,the link is already given, so you click on the link to read it up and apply to you blogsite thank you.

6 COMMENTS

  1. The article you have shared here is great. I read your post with carefully, the points you mentioned can be very helpful. It is nice seeing your wonderful post. Get for more information

LEAVE A REPLY

Please enter your comment!
Please enter your name here