Mar 15 2015

Did you know that a significant number of internet users now surf the web through mobile devices? Have you ever wondered how many visitors view your website on their smart phones and tablets? If you are curious, you can check your mobile stats through your Google Analytics dash board.

To do this,

Sign-in to GA > Reporting Tab at top > Audience tab on the left sidebar > Mobile > Overview

What is responsive design?

Responsive websites respond to their environment by adapting the design to the device they are being viewed on. So basically they are easy to use and look great on all devices – smartphones, laptops, tablets and desktops.
Why is it important?
1. Responsive design provides a better user experience: It offers optimal viewing experience to the user by making reading, navigating, resizing, scrolling and panning much easier than non-responsive designs.
2. Responsive design helps with SEO:
Google emphasizes the importance of mobile responsive design.Firstly, you might have already observed that a “Mobile-friendly” tag  is added in the search results to sites that have responsive designs.


Secondly,  and most importantly, Google recently announced that starting April 21st, search engine rankings will take into consideration the mobile friendliness of a website. This change will significantly impact the visibility of your website in the google search results. So if you care about the SEO of your site, this is definitely something you want to consider.
Is your blog mobile-friendly?
So the first step is to find out if your blog is mobile friendly or not. To do this, google has created a handy tool and you can take the responsive design test here.
How to make your blog design responsive?
If you are on the blogger platform, there are two options:
1. Enable the mobile template for your blog:
To do this,

Go to Blogger dashboard > Template > Click on the wheel icon under Mobile > Choose the option: Yes. Show mobile template on mobile devices.  > Click save

This solution is automatically provided to all blogger users and is an easy way of making your blog mobile-friendly.
However, the disadvantage is that blogger replaces your template with its own default mobile templates, which erases all the customizations of your site when viewed on mobile devices. So the mobile template is basically not customized for your blog.
2. Add responsive design code to your template:
In order to make your template responsive, you can edit your CSS in a way that will adapt your design to the device its being viewed on. Now the way you edit the CSS is entirely dependent on the layout, design and your template code. There is no ONE code that will make your blog instantly responsive. 
If you are good at coding CSS, here are the steps that will guide you through writing code that will make your design responsive.a) Step 1: Add this code to the <head> section of your template:

b) Step 2: Search for ]]></b:skin> in your template and add the following code just before this:

Like I said before, what CSS code goes in each of these sections is entirely dependent on layout, design and your template code. This is different for each blog and if you are comfortable with CSS, you can do this!
Else, don’t worry, I am here to help. I am currently offering a Responsive design add-on in my Etsy design shop through which I will be working with you to make your blog design responsive.
If you have a lot of visitors viewing your blog on mobile devices, it is definitely important to consider getting a responsive design now! If you have any questions about this, I am happy to answer.
Is your blog design responsive? 

width: 320px;
height: 128px;

If you are interested in learning more about the course, enter your email address to join the waitlist and be notified when it launches! :)
  • Great Post! I hope I have a responsive blog!

    if you want to check out my blog:


  • Great stuff, we recently made wonderlandclothing.com responsive it makes such a difference!

  • I've always wondered what a responsive layout was, thank you! I just tested mine and luckily it comes up as mobile friendly 🙂

    x Conny, http://floralchaos.blogspot.com

  • woo just tested mine and it's fine. I use wordpress and you can actually customize how the blog looks on mobile and tablets as well which is quite handy I think.


  • Hi Kasey! 🙂 Yes considering google's new SEO rules, i think its super important now xx

  • 🙂 Thats awesome hun xo

  • Thats great conny 🙂 xo

  • Hi zinita! Yes that way, wordpress and squarespace offer much more customization 🙂 xo

  • Thanks so much Chaitra! I've been itching to make my blog more responsive, but all the customizations that I've done to my design just looks all out of whack on mobile ugh! Time to figure out some more html haha…

    Sheri | Behind The Frames

  • such a good post, there is also a new google update that penalises sites that arent mobile friendly, so its really important to do !

  • Yes 🙂 Time to make it responsive! wooohooo xo

  • Thanks a lot laura! Yes that is exactly what i was talking about xo

  • When I find some time I'm definently going to do this! Thanks! <3

  • Happy Poppy

    Thanks, Chaitra! I would like to make my blog look unique and be responsive, of course. Could you please help me with this? My blog is http://dressedandhappy.blogspot.co.uk/
    Please tell me how to contact you! Thanks!

  • @Happy Poppy Hi Julia 🙂 Yu could email me at pinkpot.twinkle@gmail.com 🙂 Thanks xx

  • Thats great to hear anna 🙂 xx

  • Giselle

    Hi! Is there a specific camera, in your opinion, that would be the best for taking photos for a blog? thanks x

  • Web Developer

    Experts are saying that this impact will going to be huge because Google is working very hard to provide a better mobile experience for users in the search results.
    Mobile Friendly Websites

  • Herbert

    College students will share this information because it very valuable. http://mooredesignstore.com