How To Make Your Blogger Blog Responsive With Easy Guide?

Want to design a new website or blog for your business? People now love to use internet on their smart phones and iPhone as compared to using their Desktop PC's. So you should create Mobile Responsive Templates for your website or blog. Mobile Responsive blog is probably the next step of your success. Give a little time to your blogger template daily to make it professional. Today, in this short article we'll show you how to make your blog Mobile responsive.

How To Make Your Blog Responsive?

Convert your Blogger template into a flexible layout in just two simple steps:

1. Go to Blogger Dashboard > Select Your Blog > Templates
2. Edit HTML > Now Search For Now Search For @media screen. > Make the resolution as 700px.

Example of the CSS. 

@media screen and (max-width:700px) {body {background-color:black;color:white;}}

3. Now, save your blogger template and it's all done.

Congratulations! Your mobile responsive blogger blog is ready now.

Also See - Test How Your Website Looks On Mobile Phones?

I hope that you like this article, If you need any help then ask us via comments below. Happy Blogging :)

Author - Gagan Masoun is the owner of Blogs Daddy Blog. Gagan lives in India, has been blogging since 2010 and writing Blogs Daddy Blog since 2011.You can follow him on twitter @BlogsDaddy. You can also follow him on Google+.