VideoBlog Blogger Template Installations Guide

Template Name: VideoBlog Blogger Template
By : www.freebloggertemplate.info
Download link: Click here

# SETUP MENU NAVIGATION
Go to "Edit HTML" page
Search the codes like below
<ul id='dmenu'>
<li class='cat-item'><a href='/'>home</a></li>
<li class='cat-item'><a href='#'>EDIT</a>
<ul class='children'>
<li class='cat-item'><a href='#'>EDIT</a></li>
<li class='cat-item'><a href='#'>EDIT</a></li>
<li class='cat-item'><a href='#'>EDIT</a></li>
</ul>
</li>
<li class='cat-item'><a href='/search/label/Blog?&amp;max-results=8'>Blog</a></li>
<li class='cat-item'><a href='/p/test-static-page.html'>Test Static Page</a></li>
</ul>
Pagination "show post number" default is "8". Always add "?&max-results=8" after your category url.

# HOW TO POST
There are no posting rules, up to you want to use this template for blogging, images/videos gallery. Just post as usual, add images, add video, write articles, all you wish to post. To post a video, just copy and paste the embed code to your post editor. This template automatically create thumbnail for Youtube videos, support new and old embed code. Use "video width = 640px" to match with "post width".

*How to floating video if I want to use small video width?
General new Youtube embed code,
<iframe width="400" height="200" src="http://www.youtube.com/embed/xBzoBgfm55w" frameborder="0" allowfullscreen></iframe>
Floating code for left,
<iframe style="float:left;margin:0 10px 10px 0;" width="400" height="200" src="http://www.youtube.com/embed/xBzoBgfm55w" frameborder="0" allowfullscreen></iframe>
Floating code for right,
<iframe style="float:right;margin:0 0 10px 10px;" width="400" height="200" src="http://www.youtube.com/embed/xBzoBgfm55w" frameborder="0" allowfullscreen></iframe>

*Post Videos from another site (besides Youtube)
This template can't create automatic thumbnail for video besides Youtube. So, you need to upload image thumbnail for the video.
Always use use the image html code below to show thumbnail for video besides Youtube,
<img class="thumbvideo" src="YOUR-IMAGE-URL" />
class="thumbvideo" <- this is important

Example,
Video embed code from Metacafe,
<embed flashVars="playerVars=autoPlay=no" src="http://www.metacafe.com/fplayer/7361775/gigantic_rotating_cloud_vortex_meoter_or_ufo.swf" width="640" height="338" wmode="transparent" allowFullScreen="true" allowScriptAccess="always" name="Metacafe_7361775" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed><div style="font-size:12px;">
<a href="http://www.metacafe.com/watch/7361775/gigantic_rotating_cloud_vortex_meoter_or_ufo/">Gigantic Rotating Cloud Vortex! Meoter or UFO</a> - <a href="http://www.metacafe.com/">The top video clips of the week are here</a></div>
then you need to upload the image thumbnail for that video, copy the image url then paste to the image code like below.
<img class="thumbvideo" src="http://3.bp.blogspot.com/-alB1F218bcs/TpGA2xdw0CI/AAAAAAAAB2U/2gAfI_z2X4s/s400/metacafe1.JPG" />
Look like this,

#RECENT VIDEO BY CATEGORY UNDER POST
"Add a Gadget" -> "HTML/JavaScript"

Copy and paste the code below,
<script type='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 = 80;</script>
<script type="text/javascript" src="/feeds/posts/default/-/YOURCATEGORYHERE?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Change "YOURCATEGORYHERE" with your own category/label.

#RELATED POSTS/VIDEO BY CATEGORY ON SIDEBAR AUTOMATIC SHOWN
*How to control the number of related posts to show?
Go to "Edit HTML" then search this code
var relmaxposts = 10;
var numchars = 80;
relmaxposts = 10; <- Number of posts to show
numchars = 80; <- Number of characters for summary

#POPULAR POSTS/VIDEO USE BLOGGER DEFAULT WIDGET