VideoBlog Blogger Template
Template Name: VideoBlog
Platform: Blogger / Blogspot
Release Date: 2011
Author: Free Blogger Template
EZ Instructions: How to install blogger templates
License: Creative Commons Attribution 4.0
TEMPLATE FEATURES
There are no posting rules for "VideoBlog" Blogger Template, up to you want to use this template for blogging, or images/videos gallery. Just post as usual, add images, add video, write articles, all you wish to post. This is not the first Video Blogger Template, but the easiest for Video Blogging with Blogger.
# SETUP MENU NAVIGATION
Go to "Edit HTML" page
Search the codes like below
# 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?&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".
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7N9H85xHRBl-6UF_Fu32g8LfthsMThI7b_GdykCrWVEpwgcFxUQ5d91M9MyhfVMWrXlhGhMIDg46ZbBtPQSo-UIeSdq7rxAwUOQ7Jum8UGGWJFGNOtzVuvm6cqImcASzIU5tqPi2XDEk/s400/metacafe1.JPG" />
Look like this,
"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;
numchars = 80; <- Number of characters for summary
Note: Click here for solution for this Template Error or Not Work Properly, slideshow not work, etc
EXTRA SEARCH TAGS (IGNORE!)
blogger templates cloud, blog templates cloud, templates cloud, free premium blogger templates, free quality blogger templates, freemium, download free blogger templates, best blogger templates, top blogger templates, template blog, blogger templates, templates for blogger, templates-blogger, templates for blog, blogspot templates, blog templates, templates for blog, templates para blogspot, blog templates for blogspot, web design, webdesign, website templates, xml, themes, designs, free templates, layouts, tube blogger templates, youtube clone blogger templates, free video blog templates, gag blogger templates, damnlol blogger templates, funny blog templates, responsive blogger templates, blogger template lists, online store blogger templates, shopping cart blogger templates, ecommerce blogger templates, ads ready blog templates, auto slider ready blogger templates, download free blogger templates.
0 comments: