Skip to main content

Responsive CSS for Blogger 2016


Hello! Friends welcome back. Today, I have come with article "How to make Responsive Theme" that helps in making any theme into responsive theme without changing the theme either.

First of all, I would like to tell you that Responsive theme is the theme that makes a Web or Blog Site compatible with PC and handheld devices. It also helps in getting all the content of web to the mobile easily without much working on establishing another design for mobile devices on the same webpage.

Creating Responsive Theme is so easy with CSS. You can make a responsive theme easily with following the following points.
Responsive CSS for Blogger 2015

Make Responsive Theme with CSS:


1. Copy the whole CSS property to your "style" section within <style> and </style> in the html.

/* VIEWPORT : (c) YouthHustle */
@-wekit-viewport {
width:device-width;
max-zoom:1;
min-zoom:1
}

@-moz-viewport{
width:device-width;
max-zoom:1;m
in-zoom:1
}

@-ms-viewport {
width:device-width;
max-zoom:1;
min-zoom:1
}

@-o-viewport{
width:device-width;
max-zoom:1;
min-zoom:1
}
@viewport{
width:device-width;
max-zoom:1;
min-zoom:1
}
/* End of VIEWPORT : (c) YouthHustle */

Example:

<style>#other site css {visibility: hidden;margin: 5px;}
/* VIEWPORT : (c) One Click Download India */
@-wekit-viewport {width:device-width;max-zoom:1;min-zoom:1}
@-moz-viewport{width:device-width;max-zoom:1;min-zoom:1}
@-ms-viewport {width:device-width;max-zoom:1;min-zoom:1}
@-o-viewport{width:device-width;max-zoom:1;min-zoom:1}
@viewport{width:device-width;max-zoom:1;min-zoom:1}

/* End of VIEWPORT : (c) One Click Download India */</style>

2. Save your theme template.
3. Enjoy a Responsive Theme.

A responsive theme was never easy with CSS before now. You can also add an head element to tell the browser that it is compatible. Just copy the below meta content to the head section and save the theme.
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
After adding all the given CSS and meta content you will get a free and Responsive theme. Keep the credentials for showing your love and affection to us.

Popular posts from this blog

Meta NOINDEX is better than Blocking Robots

Hello Friends, welcome back to the blog; today I come with topics why Meta NOINDEX is better than blocking search engines by robots. As you all know about these two properties of Search Engine Optimization but let me explain it first for new webmasters.

Meta is property that webmaster keep in head tags of a HTML webpage that helps Search Engines to know basic facts about the site.

Example of Meta Property, the given meta property is called description:
<meta content='Something about the page' name='description'/>

Robot or called as Robots.txt is another property of SEO that helps the crawlers of different search engines helps in knowing whether are the areas to crawl and what are areas not to be crawled by them.

Example of Robots.txt (Our Robot text):
Visit: http://www.youthhustle.com/robots.txt

So, the question arises why should I not to be use Robots txt for blocking robots or why Meta NOINDEX is better. The answer is very simple and clear but first known How …

Download Sanrachna Typing Tool

Sanrachna Typing Tool is an powerful unicode hindi typing tool that helps in converting English letters in Hindi. Sanrachnacan be used to write in Hindi Unicode without learning Hindi Keyboard layout. Sanrachna is compatible with all versions of Windows like Windows Vista, Windows 7, Windows 8 and Windows 8.1 too.
For Sanrachna you must need .NET Frame Work 2 installed on your PC. Sanrachna have made easy for working on many websites. Sanrachna Typing Tool is wonderful and can be onned by "pressing *Caps Lock*" for typing in hindi. If user want to type in English user need to be press *Caps Lock* again. Download Sanrachna Hindi Typing Tool for Windows VistaDownload Sanrachna Hindi Typing Tool for Windows 7 and Windows 8

Download Google Now Launcher APK 1.4.002

Google Now Launcher is orginally made by Google LLC. that gives an amazing experience to your Android device. It have included Google Now that can be used by just a left swipe over the android glass.

It can be installed on any Android which is higher than 4.1 (Jelly Bean). It have a Google Search tool right on the front screen that immediately opens Google Search that makes searching anything on Google much easier. You can even call Google just by saying "Ok Google" (You need to setup your Google Now voice command).

It have an simple up to down design of the menu. You can get all the application right there.
Download the Software (Google Now Launcher 1.4.002): File Name: Google_Now_Launcher_1.4.large-104002%28youthhustle.com%29.apk
Software Name: Google Now Launcher
Version: 1.4.002
Developer: Google LLC
Official Link: http://google.com/
Download Google Now Launcher 1.4.002