BLOGSPOT/ BLOGGER TRICK TO SHOW ‘ALL SIDE BAR WIDGETS’ IN BOTH DESKTOP AND MOBILE PHONE VIEWS!

Here, you are going to read a BLOGSPOT/ BLOGGER TRICK TO SHOW ‘ALL SIDE BAR WIDGETS’ IN BOTH DESKTOP AND MOBILE PHONE VIEWS!

Before reading this article, ensure that you have read THIS previous article also.  THINGS TO CONSIDER BEFORE STARTING A BLOG FOR THE FIRST TIME.

Next, read THIS ARTICLE on this subject: FREE BLOG Vs SELF HOSTED BLOG – WHICH ONE TO CHOOSE TO START THE BLOGGING?

We have already seen that blogger’s blogspot is the best free platform to start your free blogging. It has no expenses at all except your internet charges. The best aspect in blogger’s blogspot is that you can monetize your blog using adsense.

Read THIS post also: HOW TO START A FREE BLOGSPOT BLOG IN BLOGGER?

Most of the users had a problem with blogger platform so far. They have a choice of many templates to choose from. However, they were not able to show the sidebar and its widgets in mobile phone view.

But, you may wish to show the sidebar widgets using the same free themes given by blogger. Hence this tutorial.

THE OLD TECHNIQUE THAT MAY OR MAY NOT WORK:

To overcome this, a html editing option, ie, adding mobile=”yes” in the html for every widget can be tried. html should be added by clicking EDIT HTML option under the theme and then clicking on JUMP TO THE WIDGET option and then adding mobile=”yes” like shown below:

<b:widget id=’BlogArchive1′ mobile=”yes” title=’Blog Archive’ type=’BlogArchive’>

Then click SAVE.

It may show error if the template is not custom one. Even if it is successfully added, the sidebar is not shown in mobile view for many.

To overcome this, I have searched and found an EASY and UNIQUE trick that is 100% successful and the easiest one to do even by beginners.

Just by making some template changes, you can do this trick.

100% SURE TRICK IS BELOW!

STEP-1: SELECT A SUPPORTING THEME

Just go to the blogger dashboard and click on the option of THEMES. Select SOHO theme set. Click on the first choice with a CAT’s image as shown in the picture below:

BEST BLOGGER THEME TO SHOW SIDEBAR WIDGETS

Then, click on the option APPLY TO BLOG.

That’s all.

This theme has sidebar option that can be shown in mobile view also.

However, the sidebar is in a hidden position that will be shown only when the Icon/ menu button(three  horizontal lines) option is clicked at the left top of the page.

This too can be eliminated and the widgets of sidebar can be shown in both desktop and mobile views using a trick.

STEP-2: SHOWING ALL SIDEBAR WIDGETS IN DESKTOP

This can be done just by changing the WIDTH of post and sidebar in the theme CUSTOMIZATION.

Again click on the theme. It will show SOHO as your theme in the display. Click on the CUSTOMIZE option given below that theme.

You will go to the CUSTOMIZE options.

Click on ADVANCED. And then click on WIDTH.

Change the width as shown below.

RIGHT WIDTH OF BLOGGER TEMPLATE TO SHOW SIDEBAR

 

Now, the sidebar is visible in the desktop view.

STEP-3: SHOWING ALL SIDEBAR WIDGETS IN MOBILE VIEW

In the mobile view, you can’t use the above trick by changing the width of the posts and sidebar. So, I found another trick to show widgets in the mobile view.

Go to LAYOUT option in the dashboard.

Change the position of the required widgets in the sidebar to the FOOTER part of the layout in the desired sequence. Click SAVE.

That’s all. Finished.

Now, check in the mobile phone view. You will find all the widgets in the footer portion.

After doing this second trick, all the widgets will be shown in the FOOTER in both the desktop view and mobile phone view.

You can retain the unimportant widgets (Gadgets) in the sidebar itself that can be clicked on the three lines at the top left of the page and viewed.

You can reposition important widgets including adsense widget (Gadget), Contact form, Blog Links, etc., in the footer view.

A few widgets can even be positioned below the post also.

Just play around. You will get plenty of ideas to do.

Finally, you will get your full theme with all the widgets and post beautifully.

You can contact me for beautifying your entire blog with some css changes. I will do it for you for a NOMINAL FEE within one hour. If you need, I will set up new beautiful blog in BLOGSPOT OR WORDPRESS for you from the scrap if you have a google/ blogger account. You can contact me for this task and I will be happy to help you to set up a beautiful blogger blog with all parameters.

Hope this tutorial has helped you and share this to your friends in social media using the SHARE buttons below.

HOW TO START A FREE BLOGSPOT BLOG IN BLOGGER

In this tutorial, Let us learn HOW TO START A FREE BLOGSPOT BLOG IN BLOGGER.

BEFORE READING THIS POST READ THESE TWO POSTS ALSO:

(1)  THINGS TO CONSIDER BEFORE STARTING A BLOG FOR THE FIRST TIME

(2) FREE BLOG Vs SELF HOSTED BLOG – WHICH ONE TO CHOOSE TO START THE BLOGGING?

(1) You need a Gmail account to start a blog in blogger.  The Gmail account credentials will enable you to use all the services of Google such as Drive, Gmail, You tube, Blogger, etc.

(2) Go to www.gmail.com and open a Gmail account if you do not have one. Always try the best fitting name that is the same or very similar to your original name as the Gmail username.  If the same name is not available, add any easily rememberable number as suffix.

(3) The same Gmail account will be used in all your Google accounts. Keep this Gmail account permanently for any of your Google related services.

(4) Before signing in to the blogger, you should ensure that your internet settings have been set to allow cookies (NORMAL-HIGH Setting of the Security section of Internet settings will allow the cookies besides giving normal security) and The Java script should also be enabled by going to TOOLS –> OPTIONS in the browser and then restarting the browser. You can also do this in the ‘Internet Options’ in Windows.

(5) Now, go to the website www.blogger.com.

(6) At the right side Top Corner, click SIGN IN. It will take you inside the blogger website.

(7) Click the drop down arrow at the Top left side. 

(8) Then click NEW BLOG.

BLOGGER-NEW BLOG

(9) Enter the Blog Name that clearly states the niche (Topic) of the blog.  Think well before creating a name for your blog.

(10) Then, give an address to the blog. If this address is the same as the blog name, if available, it will be good.  Or, atleast it should closely resemble the blog name.  First type the same blog name as address.  If it is not available, it will not be accepted. You need to enter a new address that closely resembles the blog name.

For example, if the blog name is “Recipes of America”, try the same address like “recipesofamerica.blogspot.com”. If this is not available, you may give “recipesamerica.blogspot.com” (or) “americanrecipes.blogspot.com”.

(11) Atleast one closely resembling name will be available finally. choose that for your blog.

(12) Then choose a template for your blog from the given choices. You can first preview the template one by one.  If anyone is chosen by you, APPLY that template to the blog.

(13) Then click CREATE BLOG.

(14) That’s all.  Your blog has been created without customizations. You can also view how your blog looks by clicking VIEW BLOG.

(15) CUSTOMIZE THE THEME OF BLOGGER BLOG:

In the blogger dashboard, click the THEME in the left side. Then, click CUSTOMIZE.  The theme will be taken to a settings page where you can change the background colours, adjust widths, Select the layout type (how the main content and sidebar(s), etc should appear), etc.

Customize Blogger theme

In the Advanced section you can change the text colour title colour, link colour, etc.  There you can also add the custom css.  If you practice by changing the inputs some times, it will become a good practice.

(16) DESIGNING THE LAYOUT OF BLOGGER BLOG:

In the blogger dashboard, click the LAYOUT in the left side. You can add the gadgets (widgets) by clicking ADD A GADGET in every position. You can select one from the list of gadgets available.

blogger dashboard

You can remove a gadget from the added position by clicking EDIT for every gadget in the layout.  You will become familiar if you do adding and removing a few times during the course of setting up your blog.

Now, your blog is fully ready.  You can prepare the posts by clicking NEW POST at the top of the dash board.

(17) HOW TO CHANGE THE BLOGGER BLOG NAME AND OTHER SETTINGS?

You can change the name of your blog by going to SETTINGS —> BASIC —> TITLE —> EDIT –> Then give a new name —> CLICK SAVE.

Similarly you can make changes in all the settings under the SETTINGS section as preferred by you including the users settings. Settings are easy and can be learnt perfectly by making changes and observing the results.  Nothing to worry about it.

(18) You can also give your own custom domain name to your blogger blog. It will be explained separately in another post.