Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

How to Show Google Ads on Mobile Version of Blogger/Blogspot Template?

Currently, Google Adsense is the best CPC Ad network. It also allows the blogpsot bloggers to publish ads on their blogs. Every blogger's aim is to increase the blog traffic and earnings. So a blogger is learning new things everyday to get more income from Google Adsense. Generally, a blog is getting huge traffic from PC users. Nowadays, people use mobile phones to surf the web. 

30 percent of a blog's traffic comes from mobile devices.  Most of the bloggers who use "Blogger" as their blogging platform are unable to make money from mobile traffic. If the mobile version of your blog does not show Ads, then solely you are getting page views only but earning none. Then what is the use of being an Adsense publisher who simply cannot make income from his blog's mobile traffic? Having unique articles is not only enough to generate money but a blog having responsive design with ads can only do the job. 

Blogger platform provides two different kinds of templates. One is the web version template and another is the mobile version template. There is not much of options to access the mobile version template in blogger. In this post, I'm going to tell you simple tricks to display ads on mobile version of blogger/blogspot template. 



My Blog's Mobile Version Templates is Showing Adsesne ads :)

In the mobile version template of blogger, only two ads will appear. One is on the top of blog title which is a rectangular ad unit and another one on the bottom of blog or just above the profile which is a square ad unit.

Just for an example, here you could see some screenshots which is showing the look of my blog in mobile version template with and without ads.



Ads on Top on Mobile Version Template



Ads on Bottom on Mobile Version Template

Step 1: Enable Ads on BLog

  • First of all, you need to enable ads on blog. To do this, go to Blogger > Login > Dashboard > Earnings.
  • Click on Yes radio button on Show ads on blog option.
  • On the Display option, choose the location to display ads on your blog.
  • Click on Save settings.


Wait for few seconds, then your blog will show ads. This is the default option to display ads on your blog. But most of the bloggers insert ad code from Adsesne account by using the html/Javascript gadget. If you prefer second option, the default option will get disabled. To overcome this, you need to use the Adsense gadget (Layout > Add a gadget > Adsense) to show at least one ad. 

Adsense allows it's publisher to show 3 adsense ad units per page. So, display one ad by using default Adsesne gadget and insert the ad codes to execute other 2 ads. Hope you understand what I'm saying.

Step 2: Customizing Mobile Version Template

  • Go to Template.
  • On the Mobile section, click on setting gear option beneath it to customise mobile template.

  • Tick on Yes. Show mobile template on mobile devices radio button.
  • Choose mobile template as Default.
  • Click on Save.
  • That's all.

To Sum Up

Displaying ads on mobile version of blogger blog template is definitely worth to earn additional income through the traffic comes from Mobile phones, I pad, other Tablets, etc and so on. 

I hope this tutorial is going to be very useful for everyone especially for bloggers. Share your reviews here via comments.

Does Google Still Loves Blogspot Blogs?

Are you a writer? Do you love to write articles about technology, business, medicine or some other thing? If you want to tell your stories to the world for free, then blogging is the only way to ping your stories to the people. Your articles will reach everywhere silently with only by your hard work. So, in order to deliver your ideas to the readers, you need to choose the best platform to grab the visitors. 

Most of the newbie blogger choose sub-domains platform to start their work. Actually the standard domain name url is ends with .com/.net/.org/.edu and so on. But the sub-domains url address is ends with blogspot.com/wordpress.com/ hubpages.com, etc. These sub-domains are completely free and also everyone can open many blogs. Among those sub-domain, blogspot.com is so popular and there are numerous blogspot blogs are existing on the Internet. Generally, blogspot blogs are hosted by Google at a subdomain of blogspot.com .




Why Choose Blogspot.com?

Here are some of the reasons I can suggest you to choose blogger's blogspot.

  • Blogspot is owned by the giant Google.
  • It's a completely free service. 
  • The user interface of blogspot is very simple and so it's easy to post an article, changing templates and other settings.
  • You can add Google Adsense to your blog to earn money.
  • It's a good SEO practice to get traffic to your custom domain website by setting up an active blogspot blog.
  • Posting unique articles with more than 700 words will get a good page rank.
  • Blogspot is very powerful than Hubpages, Wordpress and Tumblr in terms of driving huge traffic. So, you can comfortably deliver your article to large amount of people. 
  • Blogger blogspot is spam protected.
  • It cannot be hacked easily if you use 2 step verification for your Gmail id.
  • You can easily move your blogspot blog to a top level custom domain. 

Google Loves Blogs Having Responsive Design

During the initial start of my blog, I cannot see many templates which suits my wish. Some of the template designs available within blogger's blogspot are Simple, Dynamic Views, Awesome Inc. Also bloggers's blogspot is not having plenty of templates. The default templates in blogger is not at all pleasant to our eyes. But you can customize those templates if you know the basic knowledge of html and css. Alternatively it also enables the user to upload third party templates. There are vast variety of blogger templates available around the Internet. Both freemium and premium templates are there to grab them.  

What is the Google's point of view on blog's design?

"Sites that serve all devices on the same set of URLs, with each URL serving the same HTML to all devices and using just CSS to change how the page is rendered on the device. This is Google’s recommended configuration."

So, please ensure that your blog is fully optimized with better navigation for PC and other mobile browsers. Many existing blogs are not indexed in top pages of Google search. This is only because of the poor navigation of blog. Most important think is that your blog should be optimized for search engine spiders.

How To Make Google Love Your blog?

As I said that Google loves the blog having responsive design but is it just enough ? The answer should be NO. First of all, design is must and secondly your content. A blog with plenty of content is the only foundation to attract the readers. It is just similar to a home with strong basement. If the basement is weak, then the entire building will get collapsed at any time. Not only for me but every blogger's mantra is " Content is King and the distribution is Queen". The content should be purely unique which can only makes your blog different from other blogs or websites. If you have the ability to convert a visitor to a follower of your blog, then you are on the line of success. 


Naturally top level domain websites are respected by people everywhere. So, if you want the same response for your sub-domain blog and also to be loved by people, your blog should look attractive with useful and unique content. If you can produce unique articles, people will tends to love your blog and so Google will do the same without fail.

To Sum Up

If you are a serious blogger, first you must love your blog. Fill your blog with your own ideas and then Google will automatically find your blog and deliver it to the readers. Hard work can only brings success because hard work never fails and it won't go in vain.

Add an image to your blogger header

Backstage



» View HTML «
Thanks to Webtalks

How to install a Blogger XML template

Make sure you have backed up your template before installing a new one.

(You can also install a HTML template).

1.


You have to choose a XML Template



2.


Save the XML file on your hard disk.



3.


Go to your Blogger Control Panel - Edit HTML



4.


Browse the XML file you have saved and upload it.



5.
Finished!

A Previous Post Link

An easy way to add a previous post page link in the top of your blog (classic template):

« Home | Previous Post Title »



Just paste the code below before the <Blogger> tag.

<ItemPage>
<p style="text-align:center">
&laquo; <a href="<$BlogURL$>">Home</a>
<span><BloggerPreviousItems> | <a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a> &raquo;</span><span style="display:none"></BloggerPreviousItems></span>
</p>
</ItemPage>

Remove the Blogger Banner

To hide the Blogger Navbar :

1- Log in to blogger

2- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

3- paste the CSS definition in the top of the template code:

...
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe {
   display: none !important;
}
/* Variable definitions
  ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="mainTextColor" description="Text Color" type="color"
             default="#333" value="#333333">
   ...

Remove the code to show it again.

Step by step in video:

Button





Or past the code:

<a href="http://blogger-templates.blogspot.com"><img alt="Blogger Templates" style="border:none" src="http://www.cfc.free.fr/bt.png"/></a>

How to install a Blogger HTML template

Make sure you have backed up your template before installing a new one.

(You can also install a XML template).

1.

You have to choose a Html Template



2.


Copy the code (Ctrl A: Select All, Ctrl C: Copy)



3.


Go to your Blogger Control Panel - Edit HTML


4.


Revert to Classic Template (You can return whenever you want).



5.


Paste the code into the Template area (Ctrl A: Select All, Ctrl V: Paste)



6.


All done!
Subscribe to: Posts (Atom)

Popular Posts