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

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

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

7 Steps to configure BDR replication in postgresql

Postgres Streaming Replication Configuration

vacuumlo - removing large objects orphans from a database PostgreSQL