Video Lab Blogger Template

Video Lab Blogger Template

Preview
Download

Template Name: Video Lab Template

Platform: Blogger / Blogspot

Author : www.zmtemplates.com

Designer : ZM Templates

ZM

[Bloggger Templates]

Video Lab is a Blogger Template designed for video site. Template is a great layout for video websites and video blogging. (Support Video) including YouTube, Vimeo and Dailymotion. Powerful Search Engine Optimized, Template is compatible with all browsers. This template will help you to setup a professional video site quickly.

TEMPLATE FEATURES

  1. Responsive Design: It is highly responsive, which means it supports the majority of screen High quality and normal screen resolutions. We have tested it on iPad, iPhone, Android and other similar devices. It gives just perfect results.
  2. Auto YouTube and Dailymotion Thumbs: We have developed a script that fetches thumbnails of your videos automatically. Which means, you don’t have to upload images to show thumbs at home and other pages. This feature saves a lot of your time and provide a lot of comfort.
  3. Featured YouTube Videos via Labels: You can display featured videos on the homepage with the help of Labels. Note: it only works with YouTube videos, so if you have any Dailymotion video in the same label then it is less likely to work.
  4. Video Views Counter: We have added views counter which would appear just beneath the videos. It works on pageviews so, whenever someone would reload the page it would increase the number of views in the counter.
  5. SEO Friendly: Most of the video hosting sites are less likely to be Search engine friendly. Therefore, we have used some of the top notch plugins to increase and polish its on-page SEO.

How to Add Videos?

To show videos, you have to copy and paste the Video embed URL in your posts. However, it only supports automatic thumbs feature for YouTube and Dailymotion.

Embed Code for YouTube Videos: (Example)

<iframe allowfullscreen="" frameborder="0" height="320" src="http://www.youtube.com/embed/BCsfeGiZvgA" width="100%">

How to Add Description in Videos:

In your videos you might notice a text called “Description”? Well, we have added a technique through which you can show the meta description of you videos not only to search engines but also to the human visitors. To enable this feature go to Blogger ›› Settings ›› Search preferences ›› Description ›› Yes ›› Save.

enable-search-description

Now while writing new posts make sure to add “Search Description” to show it in your posts as well.

search-description

How to Customize Video Slider:

This video slider supports Vimeo and YouTube videos. To customize this slider, go to Blogger > Template > Edit HTML and search for the following piece of code:

<ul id='mbl_playlist'>

Now on finding the above code you will notice a couple of Vimeo Video URL, replace them with either Vimeo video URL or YouTube video URL and save your template.

How to Customize Feature Label Area:

The first thing you need to do is to go to Blogger.com ›› Your site ›› Layout ›› Add a Gadget ›› Add HTML/JavaScript and paste the following code in the HTML Text box.

<script style='text/javascript'>
var numposts = 4;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<script src='/feeds/posts/summary/-/Feature?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Now either replace “Feature” from the following coding to a keyword that you want to use as a Label so show up posts in this featured area. On second thoughts, you can tag your posts with “Feature” label and those posts would start appearing. Note: This feature only works with YouTube Videos.

ZMTemplates

Hey EveryOne! The Guy behind this web is called "Zain Masood". I am 22 years old now. Currently, I can speak 2 Languages, Urdu, English. By Profession I'm a Web Designer, Computer Expert,Blogger and SEO Optimizer.

You may also like...

  • Joana Vicente

    Amazinǥ! This blog lօoks Nice.
    It’s on a tօtally different Excellent choicе of colorѕ!

  • Geo

    Hi,

    Could you tell me if there is a way to change the px height of the videos. When I change the height in the post section it still shows up at 360px

    Great Template…

    Thanks,
    Geo

    • http://www.zmtemplates.com ZMTemplates

      Dear Geo
      Send me your template with requirement, then i will set setting in your template,

  • Hannan

    Great templates, thanks for sharing.

  • http://umarusmanali.blogspot.com/ Kaleem

    Hello dear,
    I’ve install this template but
    script that fetches thumbnails of videos automatically is not working.
    It show an image (Coming Soon) Image link is below.
    http://4.bp.blogspot.com/–E60CXamN58/UsfXZFzHaGI/AAAAAAAAA84/uCxt1c8P3K0/s1600/sh.png

    • http://www.zmtemplates.com ZMTemplates

      Dear Click this link aNd following instructions, How To Make New Post
      video-lab-blogger-template