0 Free Responsive HTML5 CSS3 Website Templates

HTML5 has been around for a while now and we can see all developers have started to share free resources in HTML5, CSS3. The templates we are introducing today are totally free with amazing features like flat design, responsive layout, jquery sliders etc. Free doesn’t make it any bad as you can see most of these html templates look like premium templates. We have took a little extra time to grab new HTML templates in this exciting list of freebies. Download, share these templates with your friends and you have complete freedom to modify the theme to your project needs without any attributions. High quality theme with retina ready solutions may be of interest these days for majority of the audience and you can find many template being remade for this option along with responsive layout.

SquadFree – Bootstrap Free HTML Template

A one page template for professional startup websites involved in any online business can use this free template.
Released:Aug 17,2014
Demo | Download

Sublime – Stunning HTML5/CSS3 Website Template

Sublime is a clean and stunning website template, perfect for start-ups, creative agencies and portfolio websites. The template is responsive in design with two page layouts to choose from.
Demo | Download

Timber – Free One Page Bootstrap Template

Timber, A newly released theme built using bootstrap responsive framework and a long onepage design layout. Features suited in store for business website which are looking for portfolio, gallery, map and contact page and almost everything required for modern day template build is here in Timber template. Check the demo for more clear understanding.
Created: June 18, 2014
Demo|Download

E-Shopper – Best Free Ecommerce HTML Template

A eCommerce bootstrap template with amazing set of features with a unique slider, full functional sidebars for your online shopping store is here for free. The product listing can be displayed aggressively with this html template with interior product pages provided with add to cart options and image previews.
Demo|Download

AdminLTE Dasboard and Control Panel Template

A responsive admin dashboard template done in html5, css3 valid standards is a free to the public. This admin template is based on bootstrap framework and is scalable to larger and smaller display devices. With over 1000+ icons to choose and huge set of ui elements this dashboard template will be the base of all your admin themes.
Demo|Download

Magnetic – Free Photography Website Template

A totally stunning free html5 photography website template for showcasing your photographs or design portfolio. This latest html portfolio template will raise the bar high for portfolio websites as well. The interior post content also look very good and the whole template is responsive in design for scaling properly on mobile, tablets etc. The full width contact page and the single left sidebar will be amazing for easy navigation and adding social icons.
Created  : 08 May 2014
Demo|Download

Mabur Portfolio Theme

A flat and minimalist html template released recently by w3 layouts is free to download. Perfect web elements required to satisfy your portfolio design requirements is well used in this template.
Demo|Download

Modern Bootstrap HTML Template

A free html onepage website built on bootstrap framework for corporate web agencies will do justice for any big or small brands. This responsive bootstrap html template is flat and all the css elements are high quality with four column box for product awareness, feature showcase along with sliders, portfolio elements. The theme has a four color layout built into homepage display with portfolio and call to action elements.
Release Date: April 2014
Demo|Download

Sport Business Html Template

A minimal landing page for business html template designed by pixelbuddha can be used for personal and commercial projects. This free download contains all essential files html, css, jquery so that you can start your new business website fast. This is a perfect responsive landing page element is fullwidth slider showcasing call to action button to get proper conversions.
Download

Crafty – Corporate HTML Template

A business html5 css3 template which is well suited for any corporate firm or services company. The theme is responsive with necessary elements to build a call to action section and a proper landing page for better conversions.
Released: April 2014
Demo|Download

Infusion – One Page Business Portfolio Template

Infusion is a smooth business portfolio template designed in standard HTML5, css3 for the end user who requires responsive template design with full functionality. Add amazing call to action elements in any part of the website with different choice of featured layouts.
Created: April 2014
Demo|Download

Yebo – Flat HTML CSS Corporate Template

The theme is made with bicycle pictures but not necessary a bicycle template. You can alter images as you want and simply add full one page long portfolio gallery, fullwidth image slider, responsive layout design etc. This theme is released released and must have for business website which need upgrade. Logo do remind me of child of light game.
Created: May 2014
Demo|Download

Twenty  HTML5 Parallax Template

A unique one page template for latest HTML5 with responsive layout including blog elements, call to action buttons with parallax background effects, social media footer etc.
Released: March 2014
Demo|Download

Urbanic – Bootstrap Template

A bootstrap html5, css3 template with pages like contact, about,blog etc to start your website right off without much trouble. This mobile, tablet ready template is built with bootstrap framework for maximum effect.
Released: March 2014
Demo|Download

Design Showcase HTML Portfolio Template

A portfolio for showcasing freebies, projects of your design agency is here for free download. The template is responsive and mobile ready.
Created: March 2014
Demo| Download

Mamba One Page Template

Mamba is a template for modern browsers compatibility  as it comes with bootstrap framework and flat design elements. The responsive layout will be useful across multiple device platforms.
Released: Feb 2014
Demo| Download

Free HTML Photography Mobile Website Template

A responsive photography template with amazing portfolio element sorted for showcasing images in great gallery as required. The parallax effects will be one you will love in this free template for portfolio – photography websites.
Released : March 2014
Demo| Download

0 Fully Different Style Popular Posts Widget

I have already posted two CSS customizations for Popular Posts before, they are -
Popular Posts Widget with Hover Effect for Blogger
Popular Posts v2 Widget customization
This time I am going to post something different. You will have to edit the CSS as well the HTML for this new type of Popular Post widget.
The live demo of this widget can be seen by going to the below link and look at the right sidebar.

Live Demo

After seeing the demo it may be quite easier to know how it actually works. So the steps to add this widget to your blogger blog is given below.

Step 1 : Adding Popular Post Widget

Go to Blog Title → Layout → Add a Gadget → Popular Posts. After adding the widget Save the Template.

Step 2 : Adding the CSS

Firstly go to Blog Title → Template → Edit HTML. Expand <b:skin>⋯</b:skin> if it is not expanded. Press Ctrl + F.  Type ]]></b:skin> in search box and press enter key. [As per the new HTML editor]
Add the below given code just above ]]></b:skin>

.popular-posts li,.popular-posts .item-content{float:left;display:inline;list-style:none;}
.popular-posts .item-snippet,.popular-posts .item-title,.feed-links{display:none;}p.description,aside li{font-size:12px;}.popular-posts ul li,.item-content,.item-thumbnail{margin:0!important;padding:0!important;}.sixcol,.left-main,.right-sidebar{width:50%;}
#PopularPosts1 img {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;border-radius: 110px 110px 110px 110px;padding: 4px;}

After adding the above code Save the template.

Step 3 : Editing the HTML

Now search for  <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>⋯</b:widget> You may/may not expand this code. All you have to do is replace the whole code with the code given below.

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

Thats it, you are done now. You and your visitors can now see this different style of Popular Posts widget on your blogger blog.

0 Automated Recent Posts Slider for Blogger

The number of bloggers worldwide has increased tremendously. Many of us would have more than 1 blog. If yes this widget may help you a lot to share the traffic in both the blogs. Even if you don't have more than one blog you may add this widget to your very own blog. This will help your blog have less bounce rate and more pageviews.

Automated Recent Posts Slider is a widget for blogger which will show the recent posts of your desired blog with nice and awesome interface. This widget updates automatically and you do not have to edit the widget and add images, titles and description again and again. You just have to add the URL of the blog and your setup will be complete.

Adding the Widgets code in Blog Layout

In order to add this widget's code go to Blog Title → Layout → Add Widget → HTML/JavaScript and paste the given code in the box opened.

<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
    url: "http://YOURURL.blogspot.com" // Add your blog URL
});
</script>

After adding the code change the URL in Bold Blue with your own desired URL and save the widget. Finally save the template which will make the widget live.

You are done now. Now you and your visitors can see this awesome Automated Recent Posts Slider in your blogger blog.

0 How To Know Anything Or Finding Driver Not Installed On The Computer

1. Click the Windows Start Menu
2. Choose my computer, Right Click Select manage, Later will come the popup computer management
3. Select the device manager, see section on the right, if there is one part that there is a yellow question mark .. it means the driver is not installed.

For more details please see the screenshot that I have made below:

 

 

Example Computer That Not Complete Install drivers

 

 

Examples of Complete Computers That Already Installed drivers

 

  

0 How to convert all video embed in blogs become responsive

How to convert all of its video player embed in blogs become responsive??? The script which I will share this time is derived from github (https://github.com/toddmotto/fluidvids) made ​​by toddmotto. function of this script is to change all existing video embed blog into a responsive, without changing the existing video earlier in the article previously published.





Want to See Demo

How to apply this script on the blog:

 Add Below script above the </ body>:

<script type='text/javascript'>
      /*<![CDATA[*/
/*!
 *  FluidVids.js v1.2.0
 *  Responsive and fluid YouTube/Vimeo video embeds.
 *  Project: https://github.com/toddmotto/fluidvids
 *  by Todd Motto: http://toddmotto.com
 *
 *  Copyright 2013 Todd Motto. MIT licensed.
 */
window.fluidvids = (function (window, document, undefined) {

  'use strict';

  /*
   * Constructor function
   */
  var Fluidvids = function (elem) {
    this.elem = elem;
  };

  /*
   * Prototypal setup
   */
  Fluidvids.prototype = {

    init : function () {

      var videoRatio = (this.elem.height / this.elem.width) * 100;
      this.elem.style.position = 'absolute';
      this.elem.style.top = '0';
      this.elem.style.left = '0';
      this.elem.width = '100%';
      this.elem.height = '100%';

      var wrap = document.createElement('div');
      wrap.className = 'fluidvids';
      wrap.style.width = '100%';
      wrap.style.position = 'relative';
      wrap.style.paddingTop = videoRatio + '%';
      
      var thisParent = this.elem.parentNode;
      thisParent.insertBefore(wrap, this.elem);
      wrap.appendChild(this.elem);

    }

  };

  /*
   * Initiate the plugin
   */
  var iframes = document.getElementsByTagName( 'iframe' );

  for (var i = 0; i < iframes.length; i++) {
    var players = /www.youtube.com|player.vimeo.com/;
    if (iframes[i].src.search(players) > 0) {
      new Fluidvids(iframes[i]).init();
    }
  }

})(window, document);

/*]]>*/</script>

If you want to add another player (by default the script above just change the youtube and vimeo player into a responsive, for players from other websites must be added manually). Supposing want to add a player of the putlocker for example, enough to change the script in part:

players = /www.youtube.com|player.vimeo.com/;

 to be:

players = /www.youtube.com|www.putlocker.com|player.vimeo.com/;

Similarly, brief info of my hopefully useful
 

0 Best "Android Apps" Related Responsive Blogger Template

Now a day Android Apps is popular topics to blogger so many blogger are fail to find out expected blogger template on Android Apps.Today i share with you new awesome responsive blogger template on android apps.

Feature of this Template:

01.Nice & responsive design.

02.Auto design label & popular post widget .

03. SEO Friendly.

04.Design related to android apps or phone.

05.Dynamic slider. etc

in the below i share the picture of this template and download link so download and upload your blogger in template option & enjoy your android blogging.

Download

For get Free Android Apps & Tips

0 How to Find out Hidden Email ID (Facebook) of your Friends

Find out Hidden Email ID of your Friends

Email id is needed when we want to create Facebook Id  but we hide this email for various reason.So when we want to see my friends email id most of the time we are unable to see that. for that reason or recover this problem today i share a tricks that easily find out your friends Facebook hidden email ID.

Process to Find out Hidden Email ID of Facebook Friends:

01. At first you need a yahoo account.

02. Now link your Facebook id with yahoo account.

03. Never log out your Facebook account & open a new tab- enter your yahoo account giving email & password.

04. After that go to the contacts tab & now click on import contacts and click on Facebook icon.

05. Here a new pop up windows appear "Do you want to share your contacts with yahoo?" now click on ok button.

06. Your work is almost done just click on "view imported contacts"

07. Now see your Facebook friends Hidden email id.

Thanks every one...