How To place Ads Banner Below Header of blogger Mobile View

Get Free SEO Tips

Follow me

Mathias Amodu

Founder at Zealmat Limited
Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large
Follow me
Today in this tutorial am going to teach you how to place ads under your blog and header.
Follow this step below. 
Step 1
Visit your blogger dashboard and click on that blog you want to perform this tutorial on.

Step 2
Now move your mouse arrow down to template  and click on it.

image

Step 3
Click on the gear icon below mobile and then choose yes and click on custom and then save it.

Step 4
Now click on the edit button on the edit page click on clrt+f  and search for for this

                  Id=’main

Step 5
When you have found the code above now you need to change the showaddelement to yes and include maxiwidget=’3′

Yours should look like this

<b:section class = ‘main’ id=’main’maxiwidget=’3′ showaddelement=’yes’>

Step 6
Now click on the the save template button.

Step 7
Now you  you will need to go back to the layout of  the blog and add a gadget above the blog post.

Step 8
Now add a new gadget and select html/java script and paste your adsence code there and save it.

Remember that every gadget has an I’d so click on edit and then check the URL of that gadget you will find an Id copy that Id and save it.

Step 9
Now click on edit html again and press ctrl + f  then paste that I Id and search for it

Add this to the Id  ===  mobile=’yes’

<b:widget id=’HTML20 locked=’false’ mobile=yes’ tittle=” type =HTML’>

Now save it and search for  this again

                      ]]></b:skin>

Step 10
Paste this code below  before the line above

#HTML20{
display : none;
}


@media all and (Max-width:
768px) {


#HTML20
display : block;
}


}

And then save it. remember that you are to use your own id not this one.

If you want me to help you in doing this i  can still help you out just drop a comment below.

About Mathias Amodu 912 Articles
Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large

15 Comments

  1. PLEASE FELLOW BLOGGERS I NEED HELP HERE==>

    I HAVE BEING TRYING TO ADD ADVERT BANNER'S INTO MY BLOGGER TEMPLATE BUT ALL IS TO NO AVAIL. PLEASE WHAT DO I DO………………… SEE WHAT I GET WHEN EVER HAVE FINISHED EDITING MY HTML

    Error parsing XML, line 2423, column 46: Element type "b:widget" must be followed by either attribute specifications, ">" or "/>".

    PLEASE HELP ME OUT

    I BLOG @http://ezewest.blogspot.com.ng/

    THANKS
    YOURS FAITHFULLY

    Ezewest Ezennunu Ezenwa

    • Ezenwa Christian thank you for laying your complain and we are sorry for that, the main reason for that was as a result of wrong placement hope you follow the procedures above on the correct placemen?

Leave a Reply

Your email address will not be published.


*


[mc4wp_form id="3153"]