Date: - Time:

For Questions and Quick contact
Call us - FB: Oscar Lee

3.09.2016

How I make My Blogger Widget show Only on Mobile View

 how-to-make-$25-on-payoneer
blogging tips
 For sure,There are some of your Blogger widgets which you want to show only on your blog's mobile view,Maybe they are more Important to your Readers accessing your Blog using their Mobile Devices.
If you think using the mobile='only' attribute on the widget Html code would do the Trick,you would get an error message when trying to save arrangement on your blog layout.
So in this Post,ill show you how to make some widgets show only on your blog's mobile view.

 HOW TO DO THE TRICK

  • Sign In to your Blogger Dashboard
  • click on 'template'
  • Proceed to the HTML Editor page by clicking 'Edit HTML' on the Template Page.
  • once on the page, Hit CTRL+F to see a search box.
  • Search for ]]></b:skin>
  • Paste the code Below right above ]]></b:skin>

#HTML1{
display : none;
}

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

#HTML1{
display : block;
}

}


NOTE: You may Need to set your blog Mobile Template to 'Custom' before this trick can work...Also,be sure to Replace the Blue Highlighted HTML1 with the Html ID/Number of the widget you want to hide.


Try It and Let's know if this worked for you

No comments:

Post a Comment

We love to hear from you!

RECENT COMMENTS

Featured post

JAMB 2017 Results are online now - check yours here

JAMB - the Joint Admission matriculation board , has started the release of the 2017 UTME RESULTS online for the examinations that start...