Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

How To Show/Hide Gadgets and google adsence In Blogger’s Mobile View

When it comes to customizing a blog’s design, Blogger users also tend to prefer having at least some control over how their site is going to look like when viewed from a mobile device and not just from a desktop or laptop screen.
In today’s featured tutorial, I will show you how you can dictate to Blogger which widgets you want to  display whenever someone views your site from a mobile device. By default, Blogger has the following widgets for your mobile site:


Find the adsence widget id
paste the mobile='yes'



  • Header
  • Blog
  • Adsense
  • PageList
  • Profile
  • Attribution
To show or hide these widgets, you must first change your mobile view to Custom.
  • From your dashboard > Design Template.
  • Click on the sprocket symbol below your site’s Mobile preview.
  • With your mobile template set to Yes, click on the Choose mobile template dropdown menu and select Custom.
  • Hit the Save button.
  • While still on Template, click on Edit HTML then Proceed.
Now basically all you have to do at this point is search for widget’s tag (using Ctrl+F) and simply add the mobile= property inside it together with a yes or no attribute.
For example, your Profile widget’s tag would look something like this:
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
To hide it in mobile view, simply add mobile=’no’:
<b:widget id='Profile1' locked='false' mobile=’no’ title='About Me' type='Profile'/>     
  • Save your template and then try viewing your site on a mobile device to see how it looks like.
I says that you can do this for any widget aside from the aforementioned defaults. Moreover, if you want a particular widget to appear ONLY on mobile view then you can use the attribute only (ex. mobile=’only’). Have fun trying this one on your blog!

Comments

Popular posts from this blog

Oracle DBMS SCHEDULER Examples

How to find the server is whether standby (slave) or primary(master) in Postgresql replication ?

7 Steps to configure BDR replication in postgresql

How to Get Table Size, Database Size, Indexes Size, schema Size, Tablespace Size, column Size in PostgreSQL Database

How to Enable/Disable autovacuum on PostgreSQL