Archive Pages Design$type=blogging

How To Make Mobile Section For Gadgets In Layout In Blogger

how to show gadget in blogger mobile site, how to make separate section for mobile gadgets in blogger, how to edit layout in blogger, make header and footer section for mobile site in blogger,101helper blogger tricks

How-To-Make-Mobile-section-For-Gadgets-in-Layout-In-Blogger
As predicted by Google that from now people will read blogs and sites more from phones rather than from desktop that's why everyone should make their mobile site and maintain it to get maximum traffic not from only desktop but also from mobile. It is also good to get mobile traffic because it can increase your earnings from both Adsense and Appnext. Specially mobile traffic is best for Appnext.

Making mobile site is not easy in a platform like blogger because everyone is not able to do it as its not easy to code and also most methods don't work in blogger. So I frequently write about making mobile site for blogger blogs to make it easier for other bloggers to make their own mobile site.

So in this post I am going to teach you how to make sections for mobile gadgets in blogger layout. So follow below steps to make sections for your mobile gadgets.

Step 1: Go to blogger > login to your account and navigate to Theme.

Step 2: Click on Edit Html to begin editing your blog theme to make sections for mobile gadgets.

how-to-edit-blogger-theme

Step 3: Search for below code by using CTRL+F:
<b:section class='header' id='header'

You will find this code:
<b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Horizontal scroll menu (Header)' type='Header'>....</b:widget>
</b:section>

how-to-make-mobile-section-in-blogger

Step 4: Now just after above code paste below code and save your template.
<b:section id='mobile-section-1'>
</b:section>

Step 5: Go to layout to see your mobile gadget section.

You will find your gadget section below header section in layout but if you want you can make another one in the footer by the above method, all you need to do is to paste below code above </html> in your template.
<b:section id='mobile-footer-section'>
</b:section>

how-to-make-footer-section-for-mobile-gadgets-in-blogger

Important Note: Although you can make unlimited sections for your blog's mobile site but you will need to enable each gadget you add in these sections for mobile only. So after adding a gadget in mobile section of your blog go to your template and add mobile='yes' after locked='false' in your gadget code as shown in below image. For details about how to enable a gadget for mobile device only read How To Show A Widget In Mobile View In Blogger

how-to-show-a-gadget-only-in-mobile-blogger

Don't for get to give us feedback about this post, if you have any questions ask me in comments. Share this post with other bloggers. Thanks for visiting 101Helper.

Search Keywords: how to show gadget in blogger mobile site, how to make separate section for mobile gadgets in blogger, how to edit layout in blogger, make header and footer section for mobile site in blogger

COMMENTS

BLOGGER: 2
Loading...
Beginner to blogging Bing webmaster tools tutorials blogger adsense Blogger menus Blogger Seo(Search Engine Optimization Blogger templates Blogger templates / themes Blogger Tips And Tricks Blogger Widgets And Gadgets Domains / Blogger earn money blogging Facebook widgets in blogger Google rich snippets blogger Google Webmaster Tools tutorials Mobile Blogging Related posts widget blogger social buttons blogger Yandex webmaster tools tutorials
false
ltr
item
101Helper - Blogger tips,tricks,widgets,menus,seo,earn money: How To Make Mobile Section For Gadgets In Layout In Blogger
How To Make Mobile Section For Gadgets In Layout In Blogger
how to show gadget in blogger mobile site, how to make separate section for mobile gadgets in blogger, how to edit layout in blogger, make header and footer section for mobile site in blogger,101helper blogger tricks
https://2.bp.blogspot.com/-qUOM6QHlpw0/WNU6u0yog3I/AAAAAAAAGiE/bx63-ML14HA0wbbIqhltZ_pUb6s2Qd38gCLcB/s400/How-To-Make-Mobile-section-For-Gadgets-in-Layout-In-Blogger.png
https://2.bp.blogspot.com/-qUOM6QHlpw0/WNU6u0yog3I/AAAAAAAAGiE/bx63-ML14HA0wbbIqhltZ_pUb6s2Qd38gCLcB/s72-c/How-To-Make-Mobile-section-For-Gadgets-in-Layout-In-Blogger.png
101Helper - Blogger tips,tricks,widgets,menus,seo,earn money
https://101helper.blogspot.com/2017/03/how-to-make-mobile-section-for-gadgets-in-blogger.html
https://101helper.blogspot.com/
https://101helper.blogspot.com/
https://101helper.blogspot.com/2017/03/how-to-make-mobile-section-for-gadgets-in-blogger.html
true
3767912102518445221
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago