How to make widgets only appear in mobile or dekstop for blogger

This treat is only for blogger. You can hide ads or any widgets in mobile or dekstop version.


Follow this steps: 

1. First log in to blogger and go to dashboard. After that click on “Layout”.

2. Then choose which widget you want to hide or show in mobile or desktop by clicking on Edit.

3.  Insert this code in the html and then save. Just paste the code "<div id=”content-desktop”>" at the beginning of the script and "</div>" at the end of the script.

1. To appears only in "Dekstop" use the code below.

<div id=”content-desktop”> This is the content that will display on DESKTOPS. </div>  

*Please remove "  This is the content that will display on DESKTOPS"

2 To appears only in "Mobile" use the code below.

<div id=”content-mobile”> This is the content that will display on MOBILE DEVICES. </div>  

*Please remove "  This is the content that will display on MOBILE DEVICES"

4. After that, go to Blogger Theme and then Edit HTML.

5. Hit CTR + F and search for  </b:skin>

6. Paste the code given below above the </b:skin> and save HTML.

#content-desktop {display: block;} #content-mobile {display: none;} @media screen and (max-width: 768px) { #content-desktop {display: none;} #content-mobile {display: block;} }

7. SAVE and you are DONE.