Add Widgets To Mobile View In Blogger

How To Make Widgets Show In Blogger Mobile View

Your blog mobile view may look boring, wise to spice it up a little more by making some of those awesome widget in your desktop view also visible in mobile.

There is a way you can make any Widget of your choice show in mobile view, especially  Google Adsense, is one of the many reasons blogger seek for this method. This way you get increase revenue and show your ads in mobile view without going through some boring and risky code adding and long editing.

Follow the Process below to show any widget to mobile.

Steps To Show Widget in blogger mobile view

Before you begin this steps, make sure your mobile template is set to custom.

To make any widget show in mobile, you get to add a mobile='yes' code to a widget code in your template, it not as hard as it sounds.

Enter your blog template and hit the Jump to Widget button, this will display all the widgets in your blog vertically, select the gadget you want to add to mobile, it will take you to it position. Use the example below for proper understanding.

Using  'Adsense' Html code below as an example

From   <b:widget id='HTML2' locked='false' title='' type='Adsense' visible='true'>

To       <b:widget id='HTML2' locked='false' mobile='yes' title='' type='Adsense' visible='true'>

As indicated above, we added mobile='yes'  in the the widget code. this will make that widget appear in mobile view.
If you wish to make it show only in mobile and not visible in desktop view, simply change the 'yes' to 'only', that's mobile='only'

Read More

How To Fix Comment Box Not Showing in Mobile | Blogger

Fix Missing Comment Box In Mobile For Blogger

Sometimes, the comment box goes hidden in the mobile view for no reason, lots of blogger platform users have that problem, it doesn't mean it's unsolvable.

There are three I know that causes to the problem which

• You have the custom mobile view checked
• You are using a third-party template
• You edit your templates a lot and get things messed up

Well not to worry, I will help you fix this issue in a while, all you have to do is to follow the simple instructions below.

To fix this comment box issue, you are required to go into your blog template, if you have never gone in there, cause it's a blog brain box, you are required to save a copy of your template somewhere, so you can easily restore in case it get messed up

Steps to fix missing comment box

Step 1: Sign in blogger.com > Select blog

Step 2: Open Template > Edit Template (make sure its backed up)

Step 3: Click anywhere inside the template and hit Ctrl+F keys(window), Cmd+F(Mac)

Copy this ]]></b:skin> and paste in the search box on the top right corner and hit enter key to take you right to the code's position(with yellow shade)

Step 4 Paste the CSS code below just above the ]]></b:skin>

code

.mobile .blogger-iframe-colorize {
display: block !important;
}
.blogger-iframe-colorize {
display: block !important;
}

Step 5: Then save your template.

Visit your blog with a mobile device, you will find your comment box already waiting up for you.

And that's how to fix comment box not showing in mobile for blogger. 

Friendly Tip

Try and avoid more of this issues by always saving up a copy of your template before going into your blogger brain box(Template), I call it the brain-box so the word can scare me and make me save a copy before I venture into it.

Steps to save a blogger template

Before you hit the Edit Html button, at the top right corner of that page, you will see backup/restore button, click on it, will show a download template button, you know what to do.

Read More

How To Activate AdSense Page-Level Ads In Blogger (Show Mobile Ads)

Installing AdSense Page-level ad.

Google admob Ads have made it possible for blog owners to display google adsense ads on their mobile template in with the availability of Page-level ads, which was recently lunched for Blogspot Blogger and Webmasters.

Display Format Of Page-Level Ad

There are basically two formats available which are the Anchors and the Vignettes.

Anchors

This are ads displayed at the button of the screen, it can be easily removed if unwanted by your reader.

Vignettes

This ads displays full screen, this one seem to be very effective/advisable for mobile advertising.

Reasons you should use Adsense Page-leve ads

There are many positive reasons why you should be using this for your mobile platform right now, with AdSense Page-level ads you can increase the income earned from Google AdSense, you have two new ad format to play with, This does not effect  the three(3) Ad limit and provide smooth user experience.

How to install AdSense Page-level ad.

Have you made up your mind to use it on your mobile template? good, lets get to the steps.Your can get this done easily by using your adsense account

• Login to your adsense account
• Click this Link to redirect you to the AdSense Page-level ad page.

The photo above shows the the two ad styles we discussed above, now push them 'on' as indicated.

If you decided not to use any of the ad styles, leave it 'off' then continue.

• Scroll down then click on the 'get code' button.

• Copy the displayed code.

• Go to your Blogger and locate template
• click on the 'Edit HTML' and do a search on </head> tag

How to do a search on Blogger template is easy, while template is displayed press the Ctrl+F or Cmd+F button to pop out a search box, insert the TAG in the box.

• Place the Page-level ad code just above the </head> tag and save

Note:There may be an error displayed while trying to save the template, to fix that, replace the attribute async with async="async", now you should be able to save the template.

If completed, run a test by visiting your mobile site using your mobile phone

PS: You will have to log on to your site as visitor to be able to check the ad out.

Comment if any difficulty.

Read More