How to add Blogger widgets only for mobile template?

A situation may arise when we want to add widgets in Blogger template that should appear only on mobile templates and not on web browser templates. In that case, follow the steps below.

Scenario: We shall take the following example to explain how to add Blogger widgets only for mobile template. I added an "AddThis" mobile sharing toolbar that should appear on top. When it appears, it blocks the title of the Blog. So I wanted to push down the header region a bit lower so that the "AddThis" widget does not block the blog title from view. So, I thought of adding a simple HTML widget and write "Loading...", and place it above the "header" widget. That will push the header a bit lower and every one can be accommodated happily.

Usually, we can't add a widget in the header section. But you can do the following edit to enable and add a widget in the header region. In this exercise, we shall -

Read more �