Jumat, 27 Juni 2014

Cara Membuat Blog Responsive (English)

How To Make Responsive Blog - Hello everybody ! A few days ago I have posted about Windows XP Will Be Unsupported. In this opportunity, I will tell you about How To Make Responsive Blog. Ok, follow my steps :


How To Make Responsive Blog

Brief Definition :

Responsive Blog Design is a Web Design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling across a wide range of devices (from mobile phones to desktop computer monitors).

How To Make Responsive Blog :

The CSS

@media screen and (max-width:320px){   
#outer-wrapper{width:auto;}  
#main-wrapper{width:auto;float:none;} 
}



Note : You can change " 320px " to the other size which you want. 
My advice, use "2560px" for max width.

For elements like #outer-wrapper, #main-wrapper you can change the code accordance withyour blog. And you can add other elements like #header-wrapper, #main-wrapper and many more.
But, each blog has different elements. So, adjust the existing elements on your blog for make a responsive blog design.


You can give criticisme or comment for this article and this blog on comment box. Thanks for visited.
 
 
Copyright © 2013. SALAM PROMOSI - All Rights Reserved.
Template Design By Marchel Hadi Saputra Powered by Blogger