Top 10 WordPress Trends that will Impact your Website in 2018

WordPress is one of the best content management systems in the world. It is used by a large number of people all around the world. So, there is always a great buzz around it. Every year, new WordPress trends come into existence. They affect the way WordPress websites/blogs are created.

In this year, new WordPress trends are rolling out. This is making WordPress Website Development works a little bit complicated. If you are a WordPress developer or website maker, a sound knowledge of the latest WordPress development trends will enable you to make amazing WordPress websites as usual. Let's know the top WordPress trends 2018 that are likely to WP websites.

1.    New Improvements in WordPress Websites

On November 15, 2017, the latest version WordPress (4.9) was released. You can use it to fix and eliminate the errors/loopholes of the version 4.8. With this update, WordPress users can expect improvements in code editing, theme management, plug-in management and simpler settings. It will help WordPress developers and website administrators as it enables them to provide up-to-date, bug-free, and professional WordPress websites for the needy clients in an easy way.

2.    A Sharp Demand for Mobile-First Websites

Mobile-friendly websites have become an essential requirement for all people involved in the web-based business. It is because a large number of people are using different mobile devices for internet browsing compared to the desktop computers. So, if you are a WordPress website developer, focus your attention on creating websites and blogs with a mobile-first approach.

This will help SEO professionals to get their websites ranked well in Google's SERP, help users find the required info on the web through mobile devices, and assist entrepreneurs to grab the huge amount of sales flowing through small screens. You can get mobile-friendly WordPress websites easily by using WordPress development services India.

3.   Websites with Encryption & HTTPS Will Be in Demand

These days, there is a sense of insecurity on the digital landscape. Even the most protected websites are being hacked by cybercriminals. It creates a wave of panic and horror among frequent internet users who use to buy products and services online. Always keep in mind that well-educated and modern tech-savvy people the difference between websites starting with or without HTTPS.

So, you run an E-commerce website with WordPress, or a service-based portal, just encrypt it and attach HTTPS to it. It will let visitors know that your website is safe for use and that sensitive data is protected on your portal.

4.   Extra Emphasis on Micro-interactions

In 2018, you will face Interstitial nervousness on several occasions. Actually, it is a provisional state of stress experienced by users when they communicate with website operators and wait for their reply. This may contribute to customer's vulnerability if they don't get an appropriate reply in a timely fashion. Therefore, all WordPress website designers must create websites with several means of communication for the targeted audience. Attach social media plugins, contact details, opt-in forms, etc. It will help customers extract with you in an easy way and get the solution to their problem instantly.

5.   Increased Demand for SaaS with Auto-renewal feature

These days, hardcore business operators don't have sufficient time to get involved in website maintenance and management work. It is because different responsibilities of the web-based business keep them busy at all the times. So, there will be a great demand for WordPress websites built with Software as a Service (SaaS). It will facilitate the auto-renewal of WordPress websites, themes, and plugins. All this will assist WP website owners to operate their web-based business without worrying about the maintenance part.

6.   Virtual Reality & Augmented Reality for WordPress Websites

Web developers and designers have started to use virtual reality and augmented reality in web development projects. The good thing is that WordPress completely supports the content of virtual reality, video, and images @360 degree. It is anticipated that its use will soar dramatically in 2018.

7.   Video Headers for WordPress

There is no doubt that video content easily grabs the attention of visitors and encourages them to spend more time on websites. In 2018, the video will rule web design up to a great extent. Video headers and backgrounds are gaining immense popularity in web design field and this momentum is likely to escalate further. Fortunately, WordPress offers a number of themes for this purpose. Some excellent options are-

8.    A Great Demand for WordPress E-commerce Websites 

As running a fully-fledged and professional E-commerce website comes at a big price, a good number of individuals use the WordPress CMS to operate small & medium scale E-commerce business. With WordPress, both technical and non-technical individuals can easily operate E-commerce websites without getting worried about the technical issues.

In 2018, more people will use the WordPress platform to operate their E-commerce business. Fortunately, WordPress offers numerous E-commerce plugins & themes. You can use them to create professional, eye-catching, and feature rich E-commerce websites and sell your products to the maximum in an easy way. Offshore WordPress Development India, provided by WordPress development companies, can help you to get a fully-fledged WP E-commerce website without any hassle.

9.    Increased usability of  The Drag & Drop Content 

While developing websites/blogs, web developers have to toil a lot to place content at appropriate places and look into its usability for the targeted audience. In 2018, the use of drag and drop content will increase up to a great extent. It allows web developers to have a complete control over various design elements, customize website/blogs easily, and give amazing websites to clients they dream of.

10.    Increased Use of Parallax design for Single Page Websites

These days, there are many people who prefer one-page websites to attract a large number of customers and increase the number of leads created on a daily basis. For such websites, Parallax scrolling is very useful as it allows visitors to get the required stuff on the single page just by sliding the pages. In 2018, its use is likely to increase up to a great extent.
Final Words

Every year, New WordPress trends appear and old ones vanish. These are the top 10 latest WordPress trends in 2018 that are going to affect the website design and development work throughout the year. Just know these latest WordPress trends very well and create appealing WP websites without any fuss.

Author Bio :
Kerin Miller is a Web Expert, She has a lot of experience in development custom WordPress and Magento Themes. She has delivered an numerous range of quality products related to this. She has a strong passion for writing useful and insights about WordPress tips and tricks.

Ultimate 5 Caching Plugins for WordPress Users

The users like to browse fast loading websites and is also considered best for the search engine ranking. There multiple ways to boost your WordPress website, one of which includes selecting best web hosting plugin.

Here we discuss important plugins WordPress cache plugins that can boost your WordPress powered site and blogs.

But before you pick any WordPress cache plugin, make sure to take important consideration regarding your hosting and server configuration. For instance,  W3 total cache plugin works best with VPS or dedicated servers, whereas Super cache or hyper cache is considered best for shared hosting. Of course, there is no thumb of a rule here, but I have tried to explain some of the main advantages of these WordPress cache plugins. You may pick any of this plugin making sure that it matches with your server environment.

Here we go!

1. WP Fastest Cache 

WP Fastest Cache is one of the powerful caching plugin enriched with a variety of excellent features. Similar to other caching plugins, it creates static versions of the dynamic files. Moreover, the plugin does not clutter the WordPress admin section with multiple options.

The plugin uses the simple tabbed system by providing access to the caching options. The plugin settings can be done by clicking on the ‘WP Fastest Cache‘ menu of your website dashboard. It can be accessed in several different languages, and there is also a premium version which supports many additional features.

2. WP Super Cache

WP Super Cache is one of the most recommended WordPress caching plugins. It is very simple to install, use and can give you a good performance boost. It helps in generating HTML files from your dynamic blog and provides gzip compression. This gives its users the leverage to use your sub domain as a CDN in WP Super Cache for using HTML files like Image, Javascript and CSS.

This plugin is considered best for new users.

3.  W3 Total Cache

 It is one of the advanced cache plugins which works out of the box and offers advance caching mechanism. It is used by most of the popular Websites like Mashable, Smashing Magazine, etc. Its configuration may require little technical skills. The latest version of this cache plugin offers integration with CloudFlare. CDN can be easily configured with this plugin.

Some more notable feature of this top WordPress cache plugin are:
(a) Page cache
(b) Database Caching
(c) Minify CSS, JS
(d) CDN
(e) CloudFlare
(f) Works best with VPS and Dedicated hosting but works with Shared hosting too
(g) Caching of search results page

4. Hyper Cache

Hyper Cache is a quick and easy to configure cache system for WordPress users. It can be used on low resources hosting as well on high-end servers.

Some of its excellent features are:
(a) HTTPS ready
(b) CDN support
(c) bypassing caching for mobile devices or use a separate cache.
(d) Supports 404 error page
(e) Works well with plugins that add custom post types, such as bbPress.
5. Zen Cache  


Zen Cache is formerly called as Quick Cache. It is considered as an ideal choice to increase the loading speed of your website. Zen Cache takes real time snapshots of every page, post, link and caches them intuitively. It has advanced techniques to determine when it should send a cached version.

It automatically sets expiration times for cache files and allows a double-cache. The best of Zen Cache plugin is that it caches 404 error requests to reduce the impact on the server. And it is also WP-CLI compatible.

Wrapping up
There are many more WordPress cache plugins which can be added to this list. But here I have kept the list short and easy to pick. I would love to know which cache plugin are you using to fasten your WordPress blog?

Author Bio : Sophia is a trained WordPress developer working with WordPrax Ltd.- A leading HTML to WordPress conversion services company. If you're planning to convert HTML website to WordPress for a brilliant online presence, she can help you. Some stunning articles related to website markup conversions can be found under her name.

Social Profiles :

Amazing Features of WordPress CMS

WordPress has now become one of the most widely used CMS on the web. Today people are attracting towards the WordPress with an aim to manage professional websites with lots of ease. WordPress is powered with thousands of beautiful themes, which allow you to develop amazing websites with ease of content management. Developers can also modify the appearance of the website with the client requirements. Among all available content management systems, WordPress require minimum technical knowledge, which allow a normal user to manage his professional looking website without the need of computer programmer.But if you require complex customize website, then you require the services of professional website developer. Unquestionably WordPress CMS allows lots of amazing features, in this article I will discusses some topmost features of WordPress themes.



Responsive website is the amazing feature of the WordPress CMS. With the increasing attractiveness of mobile devices, people users now prefer to access different websites via smartphones or other mobile devices.This increased demand exhilarated developers to use WordPress CMS, which allow users to see website content efficiently on different mobile devices.Responsive websites developed on WordPress CMS looks seamless on different mobile devices, either it’s a desktop screen, tablet, laptop or smartphone. With the help of WordPress CMS, you are not require to develop different versions of websites for multiple devices, now you can use a single website which provides enrich user experience to desktop and mobile users. 

Openness to Search Engines

Openness to Search EngSearch engine acceptability is an important aspect for every website,WordPress offer themes which have inbuilt features that helps in site optimization on search engines. This help web markets to optimize the website for Google and other search platforms. WordPress themes enhance the readability of the website and also helps in elevates the speed of a website. Regular publishing of fresh content helps a lot in improving the visibility of website, with the help of WordPress CMS, user can easily update the content of the site and enhance the ranking of websites in search engines.

Easily Customize Features

Using a ready-made WordPress theme certainly save time and effort, but if you require customization of the theme to change the feel and look of the website, WordPress CMS allow hundreds of customization features. They allow change of font style, background color and much more. By inserting customize PSD files with WordPress themes, user can easily modify the design of the website.

Integration of Social Media

Social media sites have become the key factor in digital marketing arena. Websites marketers are proficiently using social networking sites for marketing their websites and distributes the content of their sites in an attractive way. WordPress CMS allow social media integration for all famous platforms like Facebook, Twitter, Instagram, Google and much more. Incorporation of social media website with WordPress CMS distribute your content to maximum number of people through their social media accounts. These are the few prospective features offered by WordPress CMS that can help to build professional looking websites, from services sites to news portal or e-commerce websites.

Author Bio

Sebastianis a digital marketing manager at Logo Crust– A Graphic design firm, hisblogs focused on digital marketing trends and website design.Healso provide consultancy on digital marketing strategy and implementation,with an emphasis on generating new prospects.

Top 3 Feature-rich and Quality Photo Gallery WordPress Plugins

As a matter of fact, there is no shortage of WordPress plugins. There are hundreds and thousands of plugins available to choose from. And Photo gallery Wordpress plugins are no exception.

All the photo gallery WP plugins offer features that improve your way of showing images on your site. However, with the so many options come the difficult to choose the best. Therefore, we have compiled a list of top 3 best and feature-rich photo gallery WP plugins to help you choose only the best for your website.

1. Foo Gallery
Foo Gallery is on the top of the list simply because it allows you to show your images in a variety of formats. Once you install and activate this plugin, you will see an “add gallery” option added to the WP dashboard on top of the post editor. It features various gallery templates including standard thumbnail and masonry layout. The plugin also allows you to customize image link options, thumbnail size and other settings

Additional features:
•    Built-in gallery templates
•    Built on an extension framework
•    Custom CSS feature
•    Drag and drop rearrangement of galleries and images
•    Gallery custom post type
•    Albums built-in

2. NextGen Gallery
NextGen Gallery plugin comes with its own user-friendly user interface along with its own separate folders to save your images and database tables. Since it has so many features and options to offer, the user interface may look pretty complicated for the beginners. However, when you get a hang of it, you will find adding and deleting images and galleries a child's play. NextGen Gallery also puts up a button in the visual editor to make it easy for the webmaster to add galleries and images.

Additional features:
•    Also works with shortcodes or options panel
•    Offers multiple gallery types
•    Allows you to choose from a wide variety of options for slideshows
•    Allows easy customization

3. WP Canvas – Gallery
WP Canvas is yet another popular photo gallery plugin available for Wordpress users that simply expands the default use of WP galleries. With this plugin, you can expand to integrate more size, caption and other options. This plugin allows you to show a gallery in different formats including a carousel, a slider or a masonry format.

Additional features:
•    Comes with WP Canvas Gallery columns
•    WP canvas slider and carousel
•    Add a button to make adding galleries easier and convenient

These are by far the best photo gallery plugins available for Wordpress users. Hope you like it!

Author Bio:
Emma Watson is a WordPress Developer by Profession and Writer by Hobby. She Works for Wordsuccor Ltd., Providing Wordpress Plugin Development Service to global clients. You can connect with her on Google+, Facebook, and Twitter.

Steps To Be Taken For WordPress Security Issues

In this current generation, content management tools like WordPress has transformed our working style into an extremely easy and simple manner that occupies approximately the whole world. But the question comes here is: is using WordPress always an easy and secured option to work with?

Of-course sometimes its not secure while working with WordPress CMS tool. In this fast growing technology era, hackers have made their real business to interfere with user's private data or information on various other illegal websites. So, here in this blog we all need to know what advance steps are to be taken by us in order to avoid data hacking issues by such dangerous hackers to secure the WordPress CMS tool.

Avoid Mentioning of WordPress

Always mentioning WordPress in your website can lead to serious security issues. Hackers have high tendency to exploit all sorts of known vulnerabilities that are already added in your website by identifying the WordPress versions that you are working with which might include themes, plug-ins and other various such issues. This vulnerability can be prevented by removing all plug-in mentions from your WordPress website or other advance themes or plug-ins that have been installed. You can change your default links to protect yourself from WordPress vulnerability issues such as Brute-Force attacks.

Hiding WPPlug-in

Deactivating each and every mentions of WordPress that you are working with, can be quite difficult at times which might lead to time- consuming issues. So, to easily avoid WordPress attack, try to hide the WPplug-in feature that automatically avoid malicious attacks from dangerous hackers by updating users with new vulnerability glitches that might destroy the  WordPress functioning.

Data back-up
Data back-up option should be your first priority to avoid any kind of hacking issues. Apart from back-up option, one should follow a proper scan-up procedure to back-up all the important files. By following a routine back-up process of WordPress site, users can surely get rid of such malicious users to avoid losing all their essential data or a hacker's malicious activity. These below mentioned steps can be followed by users to avoid dangerous malicious activities on your WordPress site:
  • BackUp WPFree
  • VaultPress
  • BackUp Buddy
Regular Updates
Regular updating process will keep WordPress website away from dangerous hackers that might harm your WordPress account. By having obsolete software update softwares, your WordPress database and all related information are highly prone to malicious attacks. If your WordPress website is hacked, its very much essential for users to install all new and fresh WordPress versions as this is the best option to recover and rebuild your WordPress website via FTP process.

Administrator Name Updation
By activating your WordPress default administrator name, its easy for hackers to easily get into your WordPress information, data and files that you have saved very easily. So, make sure that your WordPress account login details are properly changed and create a login by signing up into your account on fresh basis. One can follow this step by just creating a new administrative user account and deleting their old default administrator account.

Password Strength
Creating an account with weak password is more prone to hackers to hack your WordPress account by using special algorithm to gain access to the control panel as this is an easy way to get into your WordPress account details. To avoid this issue, users are suggested to create a strong password across the board. Do ensure that you have created a new account by following a password strength rule that applies to your password creation process while creating or updating your WordPress account. If you think that your account has been hacked, then it is recommended to immediately change your password for future prevention steps.

Back-door Hacking
When your WordPress account has been hacked, then it's quite possible that you might have left some way for hackers to get access to your account. Added code often seems to be an innocent one but at the same time, it will always give access to hackers the code which is often known as PHP code that are known to be eligible for hackers to crack the code and steal away all the information of WordPress account. These codes are often hidden in themes, plug-ins and various uploads that are required by WordPress to function properly. To get rid of such issues, users can always use special malicious scanner applications that are easily available on the Internet for free or for trial version. Once checking process is done, run your browser in incognito mode and later check if there is any threat found.

Sophia is a trained WordPress developer working with WordPrax Ltd. - HTML to WordPress company with global reach. If you're planning to convert HTML to WordPress for a brilliant online presence, she can help you. Some stunning articles related to website markup conversions can be found under her name.

Ways You Must Follow To Expedite Your WordPress Site Speed

Despite putting in a considerable amount of efforts and time in building a WordPress website, you might still fail to attract visitors towards the site if it loads slowly. After all, even your aesthetically pleasing design won't help you if it can't even load.

In this post, I’ll share some of the best ways that will help speed up your WordPress site:

1. Pick Up a Good Web Hosting Provider

You will find plenty of web hosts available online, however, the majority of hosts meet limited WordPress requirements. Remember that choosing a wrong web host for hosting your site can slow it down. However, selecting a hosting plan from the crowd can be challenging. Thankfully, WordPress makes it a little easier for you to pick a good host and recommends using Bluehost as your hosting provider.

Apart from Bluehost, there are several other great hosting providers worth considering, such as:
  • SitePoint
  • Hostgator
  • InMotion

2. Choosing The Right Type of Hosting Plan

As a startup, choosing a shared WordPress hosting plan may appear as a good bargain to you. But, keep in mind that though you can get shared web hosting for low rates, but it might hurt your site loading time. However, you can make your website blazing fast by choosing managed hosting plans offered by WP Engine.

3. Choose a Lightweight Theme That Guarantees Performance

Most of the people (if not all) prefer installing a pre-built WordPress theme for setting up their website. You can easily find hundreds to thousands of free and premium themes over the web, however, not all of them ensures good performance. Especially, the free to download themes usually scores low in terms of speed, as they contain bloated code. But this doesn't mean that each and every free WP theme is bad. But the point is, you must carefully select a ready-made theme that is lightweight and contains only essential features.

4. Leverage Browser Caching

One great strategy that will help in improving your WordPress site speed is browser caching. Well, as you know fetching resources from the server over and over again can be expensive and increases overhead. However, browser caching helps in storing files on the local system when a user visits your web page, and make the user reuse cached pages. This helps in improving page speed. W3 Total Cache is one of the best plugins that can help in performing browser caching effectively.

Moreover, you can tools such as Pingdom or Webpage Test to know how well your chosen themes perform.

5. Implement a CDN (a.k.a Content Deliver Network)

When choosing a standard web host, all your website files will be kept on a single server in a single location. Your website will load quickly and users will be able to access the files if their location is near to the datacenter – where your files are stored. But, your site will run slowly when visitors distant from datacenter will try to access the files. However, you can avoid such a situation from happening by implementing a CDN.

A content delivery network, basically, helps distribute your website files to different data centers across the world. And thus, increases the chances of making the server closer to each website visitor. This will ensure that your all your visitors are able to download files from your site as fast as possible.  My personal favorite is Max CDN, however, you can also use content delivery networks like CacheFly, CloudFare and many others.

A Few Other Nitty-Gritty Yet Important Considerations To Boost Website Speed

  • Make sure to keep your WordPress website updated, as it will help in fixing bugs found in previous versions and will also provide new performance enhancements. This will eventually help in improving the performance of your website. 
  • Avoid installing too many plugins, as it cause your website to crash. Also, remove any unwanted plugins from the site and keep the plugins up-to-date.
  • Reduce the size of image files, as they can make your website slow down. Luckily, there is an excellent plugin that can help in optimizing your images, called as WP Smush
. Additionally, minify your JavaScript and CSS files.

Wrapping Up!

You'll find plenty of recommended ways and techniques to optimize the speed of your WordPress site, ranging from themes, plugins, to making changes to the code and so on. In order to save your time from having to find such ways, I've covered some of the most important and best ways that help in improving your website speed.

Author Biography:
Samuel Dawson is working in Designs2html Ltd where he has lots of responsibilities on his shoulder. He is responsible to convert psd to wordpress website. Above he has shared some valuable points on how you can speed up your website.

How to Turn a Static Website Into a WordPress Theme?

Still a number of business owners are running a static HTML website. But when it comes to making changes in the static site, it becomes mandatory for the website owner to have HTML programming knowledge. So, if you lack coding skills you must migrate your static site to a dynamic platform. WordPress is a highly popular dynamic platform and its popularity is not going to abate too soon. You don't have to throw all your HTML and CSS files away when moving to WP platform. Rather you can convert your HTML files to WordPress.

When converting HTML files to Wordpress theme, generally WP default theme named TwentyThirteen is being used. To carry out the conversion you'll need a copy of HTML as well as CSS files for your current site, which will be later converted to WP theme format. There are various choices you get in terms of the program, which is used to make edits in your file. Well, you can choose text-editors such as Notepad and Notepad++ or rather use Dreamweaver instead. For this purpose, you can take up HTML to Wordpress Service.

Here's a step-by-step procedure following which you'll be able to Convert HTML to Wordpress Theme.

Step 1: Creation of Files and Folders

Begin with creating a new folder on your system’s desktop. Next, give a name to the folder. Choosing an easy to remember name won't let you forget where the folder is saved, such as the name of your WPTheme. Once you've named your folder create two files namely style.css and index.php, and add both these files to the newly built folder.

In order to make your WordPress platform recognize the files you've just created, make sure to create a comment block for the style.css file including the information like theme name, URI, a brief description, version, author and author URI.

Later, verify whether the TwentyThirteen theme is set to be your active WP theme or not. Subsequently, in the WP admin panel go to Appearance and then the Editor. Open your style.css file and copy the content from it, and paste it into the newly built style.css file.

Step 2: Create new PHP files

To Convert HTML to Wordpress Theme in the second step you'll need to open WP theme editor, wherein your existing theme will be segregated into different parts – the header, footer, sidebar and main index. You can make use of the same components for building some other WP themed site. For doing so, you'll need to divide the components into different PHP files. Next, all you need to do is to copy of the code of each HTML section and place them in their respective PHP files.

Get logged in your WP admin panel. Open the theme editor followed by the file in which you want to copy the code. For instance, open header.php file of your static website; copy the code and then paste it into the newly crafted header.php file. Follow the same procedure for rest of the files.

Step 3: Use Newly Created PHP files to fetch data

To bring in data from newly crafted PHP files, open the index.php file in your WP theme folder saved on your desktop. Add PHP code to your file top and just after the tag, as show below:

Now you have constructed your own WP theme. But wait! Your theme is developed, but you may find it to be blank. You'll have to add content to it.

Step 4: Add your content

Now you may have to add content in your theme. How will you display the content in your tailor-made WP theme? For this purpose, you require WordPress’ loop function – The Loop.

Installing the loop function, requires copying the following code into your index.php template.

Step 5: Initiate your Theme

To set-up your theme, visit a FTP client and sign in to your website directory.

Go to wp-content>>themes folder.

Upload your new theme folder to this folder. Open your WordPress admin panel, go to Appearance>>themes tab. Your theme will now be visible just click on Activate.

That's it, you are done!

About Author:

Sarah Parker is a developer comes technical writer at Designs2HTML Ltd. She loves to share relevant and useful tutorials on WordPress markup conversions on Twitter to treat technical professionals with required stuffs.

How To Make Videos Responsive with CSS

How To Make Videos Responsive with CSS

A responsive website means It will respond to your browser sizes or I can browser stretches. The basic idea of it is to give optimal viewing experience to visitors, nowadays you will rarely see a unresponsive website. If you remember a Jquery snippet I posted about detecting browser real time size It is also responsive. So basically in order to make websites responsive on load you need a meta tag that helps you to stretch/resize the elements of your website but It's not required for this tutorial.

So for this tutorial, only videos with iframe, embed or objects works. You can get the iframe code of any videos from popular websites like YouTube, DailyMotion, Vimeo, MetaCafe etc.

Let's make our style, here's the css we need(if you are a beginner make sure you put the codes within <style>) :

 .Responsive-Video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
.Responsive-Video iframe, .Responsive-Video object, .Responsive-Video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

So after adding the css to your web page, add your video embed code within the div class given below(I know this is NOOB! )  :

<div class="Responsive-Video">


Example :

<div class="Responsive-Video">
    <iframe width="760" height="720" src="" frameborder="0" allowfullscreen></iframe>

Screenshot : 

YouTube Responsive Video

If you're using Blogger or Wordpress you can just add the css code within the body and whenever you post a video in your post you can add the embed code within the div class.