How To Make Mobile Section For Gadgets In Layout In Blogger

How To Make Mobile Section For Gadgets In Layout In Blogger - Hallo sahabat Information About Blogger, Pada Artikel yang anda baca kali ini dengan judul How To Make Mobile Section For Gadgets In Layout In Blogger, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogger Tips And Tricks, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : How To Make Mobile Section For Gadgets In Layout In Blogger
link : How To Make Mobile Section For Gadgets In Layout In Blogger

Baca juga


How To Make Mobile Section For Gadgets In Layout In Blogger

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


That is the discussion about How To Make Mobile Section For Gadgets In Layout In Blogger

Thank you for visiting the article How To Make Mobile Section For Gadgets In Layout In Blogger hopefully always provide useful information, see you in another article.

the article you are reading is about How To Make Mobile Section For Gadgets In Layout In Blogger with the link as follows https://www.booknagar.com/2017/03/how-to-make-mobile-section-for-gadgets.html

0 Response to "How To Make Mobile Section For Gadgets In Layout In Blogger"

Post a Comment


Tag: how to create a free blog, how to create a website, how to create a blog website, how to create a blog for free, how to make a blog, wordpress, how to create a wordpress blog, how to create a blog page, how to start a blog, blogger, how to create a blog in wordpress, how to create a blog account, how to create a blog on wordpress, how to create a blog and make money, how to create a blog in google, how to create a successful blog