Friday, April 15, 2011

Video Blogger Template Installations Guide

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

# HOW TO POST A VIDEO
Video Blogger Template only support video URL from Youtube.
A. Post a video only
Go to Youtube -> find a video -> Copy the url -> paste the url to Blogger post box.





B. Post a video with summary
Use "[starttext]" before and "[endtext]" after summary.



# SETUP TOP MENU NAVIGATION
Go to "Edit HTML" page
Search the codes like below
<div id='page_nav'><!-- page nav html-->
<ul>
<li class='hometab'><a href='/'>Home</a></li>
<li class='page_item'><a href='#' title='About'>About</a>
<ul class='children'>
<li class='page_item'><a href='#' title='Sub Page 1'>Sub Page 1</a></li>
<li class='page_item'><a href='#' title='Sub Page 2'>Sub Page 2</a></li>
</ul>
</li>
<li class='page_item'><a href='#' title='FAQs'>FAQs</a></li>
<li class='page_item'><a href='#' title='Terms'>Terms</a></li>
<li class='page_item'><a href='#' title='Archive Pages'>Archive Pages</a>
<ul class='children'>
<li class='page_item'><a href='#' title='Sub Page in 1'>Sub Page in 1</a></li>
<li class='page_item'><a href='#' title='Sub Page in 2'>Sub Page in 2</a></li>
<li class='page_item'><a href='#' title='Site Map'>Site Map</a></li>
</ul>
</li>
</ul>
</div> <!-- page nav #end -->

Change "#" with your link anchor/url
Change "red text" with your text anchor

# SETUP CATEGORIES MENU NAVIGATION
Go to "Edit HTML" page
Search the codes like below
<div id='main_nav'> <!-- main_nav html -->
<ul>
<li class='cat-item'><a href='/search/label/Entertainment'>Entertainment</a></li>
<li class='cat-item'><a href='/search/label/Funny'>Funny</a></li>
<li class='cat-item'><a href='/search/label/Health'>Health</a></li>
<li class='cat-item'><a href='/search/label/Music'>Music</a></li>
<li class='cat-item'><a href='/search/label/Others'>Others</a></li>
<li class='cat-item'><a href='/search/label/Sports'>Sports</a></li>
<li class='cat-item'><a href='/search/label/Blog'>Blog</a></li>

Change "red text" with your own category

# SETUP SLIDE VIDEO
Go to "Edit HTML" page
Search the codes like below
<li>
<div class='video_section'>
<object height='385' width='640'><param name='movie' value='http://www.youtube.com/v/2Y2BEhvS-ck'/><param name='allowFullScreen' value='true'/><param name='allowscriptaccess' value='always'/><embed allowfullscreen='true' allowscriptaccess='always' height='385' src='http://www.youtube.com/v/2Y2BEhvS-ck' type='application/x-shockwave-flash' width='640' wmode='transparent'/></object></div>
<h4> <a href='#' rel='bookmark' title='Inkheart Movie'>Inkheart Movie</a> </h4>
</li>

<li>
<div class='video_section'>
<object height='385' width='640'><param name='movie' value='http://www.youtube.com/v/FNQowwwwYa0'/><param name='allowFullScreen' value='true'/><param name='allowscriptaccess' value='always'/><embed allowfullscreen='true' allowscriptaccess='always' height='385' src='http://www.youtube.com/v/FNQowwwwYa0' type='application/x-shockwave-flash' width='640' wmode='transparent'/></object></div>
<h4> <a href='#' rel='bookmark' title='Iron Man 2 Trailer 2 (OFFICIAL)'>Iron Man 2 Trailer 2 (OFFICIAL)</a> </h4>
</li>

<li>
<div class='video_section'>
<object height='385' width='480'><param name='movie' value='http://www.youtube.com/v/F9bV_v9b8go'/><param name='allowFullScreen' value='true'/><param name='allowscriptaccess' value='always'/><embed allowfullscreen='true' allowscriptaccess='always' height='385' src='http://www.youtube.com/v/F9bV_v9b8go' type='application/x-shockwave-flash' width='480' wmode='transparent'/></object>
</div>
<h4> <a href='#' rel='bookmark' title='Kicked In The Nuts World Record Holder'>Kicked In The Nuts World Record Holder</a> </h4>
</li>

<li>
<div class='video_section'>
<object height='385' width='640'><param name='movie' value='http://www.youtube.com/v/Pki6jbSbXIY'/><param name='allowFullScreen' value='true'/><param name='allowscriptaccess' value='always'/><embed allowfullscreen='true' allowscriptaccess='always' height='385' src='http://www.youtube.com/v/Pki6jbSbXIY' type='application/x-shockwave-flash' width='640' wmode='transparent'/></object>
</div>
<h4> <a href='#' rel='bookmark' title='Lord of the Rings: Fellowship of the ring trailer'>Lord of the Rings: Fellowship of the ring trailer</a> </h4>
</li>

<li>
<div class='video_section'>
<object height='385' width='640'><param name='movie' value='http://www.youtube.com/v/sjSG6z_13-Q'/><param name='allowFullScreen' value='true'/><param name='allowscriptaccess' value='always'/><embed allowfullscreen='true' allowscriptaccess='always' height='385' src='http://www.youtube.com/v/sjSG6z_13-Q' type='application/x-shockwave-flash' width='640' wmode='transparent'/></object></div>
<h4> <a href='#' rel='bookmark' title='Miley Cyrus – Cant Be Tamed'>Miley Cyrus - Cant Be Tamed</a> </h4>
</li>

Red text = Code of video

# = url
Green text = Title of video


# RECENT VIDEO WIDGET
Go to "page elements" -> "add a gadget" sidebar -> "HTML/Javascript"
Copy this codes
<script type='text/javascript'>
//<![CDATA[
function showrecentpostswiththumbs(json) {
document.write('<ul class="recent_posts_with_thumbs">');
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){
var commenttext=entry.link[k].title;
var commenturl=entry.link[k].href;
}
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;break;
}
}
if("content"in entry){
var postcontent=entry.content.$t;
}
var vidid = postcontent.substring(postcontent.indexOf("http://www.youtube.com/watch?v=")+31,postcontent.indexOf("<"));


try {thumburl='http://i2.ytimg.com/vi/'+vidid+'/default.jpg';}catch (error){
thumburl='http://1.bp.blogspot.com/_u4gySN2ZgqE/SmWGbEU9sgI/AAAAAAAAAhc/1C_WxeHhfoA/s800/noimagethumb.png';
}
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";
document.write('<li class="clearfix">');


if(showpostthumbnails==true)
document.write('<a href="'+ posturl + '"><img class="recent_thumb" src="'+thumburl+'"/></a>');
document.write('<div class="recent_video_title"><a href="'+posturl+'" target ="_top">'+posttitle+'</a></div><br>');
var textinside = postcontent.substring(postcontent.indexOf("[starttext]")+11,postcontent.indexOf("[endtext]"));
var re = /<\S[^>]*>/g;
postcontent = textinside.replace(re, "");


if (showpostsummary == true) {

if (postcontent.length < numchars) {
document.write('<div class="recent_video_desc">');
document.write(postcontent);
document.write('</div>');}
else {
document.write('<div class="recent_video_desc">');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...');
document.write('</div>');}
}

var towrite='';var flag=0;
document.write('<br><div class="recent_video_footer">');

if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+' '+cdday+' , '+cdyear;flag=1;}

if(showcommentnum==true)
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='1 Comments') commenttext='1 Comment';
if(commenttext=='0 Comments') commenttext='No Comments';
commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}





document.write(towrite);

document.write('</div></li>');
if(displayseparator==true)
if (i!=(numposts-1))
document.write('<hr size=0.5>');

}document.write('</ul>');



}
//]]>
</script>
<script style="text/javascript">
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = false;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = false;
var numchars = 50;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>
<div class="clear"/></div>

var numposts = 5; <- you can shange "5" with number of videos you wish to show


75 comments:

  1. it`s the best thing that`s i ever seen

    ReplyDelete
  2. Thank you very much for this template. Works like magic.

    ReplyDelete
  3. Hello, well, I am so sorry to tell it doesnt work with my blog, dont know why, I followed the instructions exactly as you described, but same problems
    here is my blog's link
    http://way2islam-myegy.blogspot.com/
    hope you help me out
    Thanks in advance

    ReplyDelete
  4. @Semo: Please see the second image from "# HOW TO POST A VIDEO"( click the image to zoom). Just url of video, erase all text behind the url.

    ReplyDelete
  5. Hi I wonder if I have to put a gadged of related videos, if you like I do? by favorable reply.
    ps: sorry for mistakes!
    watery your answer!

    ReplyDelete
  6. hi idid same as you mentioned in post a viseo section but my viseo did not appear plz help

    ReplyDelete
  7. Hi! Amazing template. Thanks a lot!

    I think that the "SLIDE VIDEO" (homepage) should be great if it would be updated with the latest videos uploaded. Because if not, you must change manually frequently because i think that if you dont do that, people will think that the website is abandoned (not updated).

    What do you think about this?

    ReplyDelete
  8. This comment has been removed by the author.

    ReplyDelete
  9. thank u so much

    EARN MONEY JUST BY VIEWING ADVERTISEMENT
    www.bestptcsiteslist.com

    ReplyDelete
  10. thank you so much for your template. Very, very nice. But, it is possible to remove the slide of video? Very effective, but not easy to upgrade.
    bye, Melania
    (my blog: http://shoelessdreams.blogspot.com/)

    ReplyDelete
  11. hi guys i need help
    when i post a video on my blog it appear but with a white image like this 3 videos on my blog http://www.enjoylifffe.blogspot.com/ i want it to look with a shot of the video like youtube can any body help pleaaaaaaaassssseeee

    ReplyDelete
  12. How do you make a drop down menu from the "entertainment" tabs

    ReplyDelete
  13. Hello ! I built a site: http://serial-mania.blogspot.com and I posted about 28 videos.It worked very well.But then I made a page for that site: http://serial-maniahappytreefriends.blogspot.com.Well, on this site I can't post any videos.When I post something the video doesn't appear.I copied exactly the same HTML code as on http://serial-mania.blogspot.com, but it's still not working.What should I do ?

    ReplyDelete
  14. Hi Cristi !
    May be you forget to add ENDOFVID after HTML
    Ex: http://www.youtube.com/watch?v=IFG1zExHWVQ
    become : http://www.youtube.com/watch?v=IFG1zExHWVQendofvid

    Try again and enjoy !!!!

    ReplyDelete
  15. This template is good but is there a way to show a preview image on the other posts below ?

    ReplyDelete
  16. I need a urgent help !
    I can change everything in this blog: www.vras77.blogspot.com but I can´t post videos there !
    I use the same code, without "endofvideo" and it can´t function !
    Can somebody help me?
    thank you !

    ReplyDelete
  17. i need to import some post and the video doesn't appear...i think is because the html post is only a youtube link at this template...can you help me change some code in template to show my imported video posts? :D

    ReplyDelete
  18. Whenever i post a video why does it show a blank screen...?? It doesn't show the video in the post nor in the home page. It's just a blank screen.

    ReplyDelete
  19. All who can't see the video or if it shows blank screen on your blogs - do not worry - I have the fix - When you are posting, Make sure you paste the youtube video link in EDIT HTML and not COMPOSE tab..That should now work

    Cheers

    ReplyDelete
  20. can I post another video site, like dailymotion and other video site?

    ReplyDelete
  21. @bestaddictinggames: I really did not notice it. Thanks for the answer.
    @ayem: no, youtube only.

    ReplyDelete
  22. This comment has been removed by the author.

    ReplyDelete
  23. i want to post 6 videos in one post. any method to do that plz tell me. thanks in advance

    ReplyDelete
  24. hai this template is totally kool... i juz need a favor... i dnt want to show the tags r labels over the video on home page... take a look at my blog's 2nd page... u come to knw... pls help... i desperately need it...

    http://tamilshortfilmy.blogspot.com

    ReplyDelete
  25. http://natgeotvturkey.blogspot.com/

    ReplyDelete
  26. http://izmirmtsk.blogspot.com/

    ReplyDelete
  27. Hi,

    I was wondering if you could update this video template so that it doesnt use the old code for youtube videos and use iframe instead so that when people try to pause the video it wont jump out of your blog and into YouTube.com, thats very discouraging since people often click on the center of the video to pause it

    ReplyDelete
  28. Bonjour,
    Comment changer les images vidéos fixe en image image.(jpg)
    Merci

    ReplyDelete
  29. Its an awsome templete you rock man
    www.clickemag.com

    ReplyDelete
  30. How Can you link all the videos to "Entertainment" or "Sports" etc for your Tabs

    ReplyDelete
  31. post uou tube video in my blog but not show in my blog.plz help me

    http://a2zdownloadshop.blogspot.com/

    ReplyDelete
  32. My name is Socheat.I would like to know code for connect video part in the whole video.Can you help me please?

    ReplyDelete
  33. This is a great template, but the recent video widget does't work. If you can give me some feedback on the coding I would appreciate it. My site http://diggerarchaeologychannel.blogspot.com/.

    ReplyDelete
  34. this blog is so good plz visit this
    www.girlscorner.9k.com

    ReplyDelete
  35. how to display any outer image for any post on home page.

    ReplyDelete
  36. thnx for the templates
    http://disasterofmesothelioma.blogspot.com

    ReplyDelete
  37. hi,.. thanks for your template, and i have a problem?
    how to make video thumbail, if i posted another video.
    example metacafe, vimeo and anymore. thanks.

    ReplyDelete
  38. awesome template, love it and had make something with it, so made

    www.moviefreak.co.uk

    still few bits sort but all working and great, have a look to see what yours could look like.

    ReplyDelete
  39. Hello Any one help me !
    my blog is http://adventurevideo.blogspot.com/
    i post new video but no tumbnail, any one help me in pls..

    ReplyDelete
  40. I found category on the 'recent videos' is always set to 'undefined'. Can anybody advise on how to change this?

    http://videos-inspirational.blogspot.com/

    ReplyDelete
    Replies
    1. hello
      i have made my blog but i have added videos in my blog it is thumbnail but problem is that when i Post a video with summary video disappear how can i solve this problem plz help me
      my blog:http://talentpakistani.blogspot.com/

      Delete
  41. hello
    i have made my blog but i have added videos in my blog it is thumbnail but problem is that when i Post a video with summary video disappear how can i solve this problem plz help me
    my blog:http://talentpakistani.blogspot.com/

    ReplyDelete
  42. hello, please help me
    How to Stop embedded Youtube videos linking back to their site?
    http://farwestsong.blogspot.com/

    ReplyDelete
  43. Guys, when we share the videos thumbnails there is no thumbnails.. what we can do about it ???

    ReplyDelete
  44. seo forum

    It's in reality a great and useful piece of information. I am happy that you just shared this useful information with us. Please stay us informed like this. Thanks for sharing.

    ReplyDelete
  45. I like it. Thanks for sharing. I applied for my blog
    www.likevietnam.com.vn

    ReplyDelete
  46. Hello anybody please help me i want to embed VIDEOFY videos how can i do this :)

    ReplyDelete
  47. Has anyone figured out how to change the background?

    ReplyDelete
  48. i have problem in my video blog how can i post video with summary whenever i add summary video thumnail stop but summary has shown when i remove summary video thumnail start what do i do plz help me my blog address is
    http://talentpakistani.blogspot.com/

    ReplyDelete
  49. Delicately crafted and meticulously woven links bond together to form a stunning bracelet that will ensure the wearer is the envy of all their friends.

    ReplyDelete
  50. sliding is not working ...i pur every thing same your directiom 5 time but all time same problem may you tell me the problem

    ReplyDelete
  51. i like this template.

    Thank you.

    ReplyDelete
  52. I like it very nice template i am already use it Full Download Software

    ReplyDelete
  53. can any one help me in my blog home page works 4column but pages not working 4column it will only show the 2 columns what will do?

    my website www.angitv.com

    ReplyDelete
  54. please help me i want to add realated post dat u have manage on video template please guide me i wanna add this on my another blob except this video blog

    ReplyDelete
  55. Hi, Thanks for sharing a wonderful video blogger template, I have activated it for my Telugu Rhymes website. Pls guide how to disable related youtube videos from appearing in embed code and end of video. If using ?rel=0 at the end of the url its now showing but its not showing the thumbnail in the home page of the video blog. Pls suggest

    ReplyDelete
  56. If you look at yourself through someone else’s eyes, you may find plenty to longines replica sale and little to hate. You may also be able to better pinpoint negative behaviors that can be changed, assuming you want to change. High self-esteem has been called the "immune system" of the soul, something that can help a person to face life’s problems and sidestep problems. What builds self-esteem in the first place? Self-esteem is very hard to fake. People who try way too hard . to be hublot replica usually give themselves away. Self-esteem is an internal peace that exudes to the surface of a man or woman’s skin. Self-esteem evolves along with the human affected individual, beginning from a child’s developmental process into adulthood. The child finds to be happy and breitling replica sale with his or her abilities because of positive encouragement learned early on. Beyond this stage, self-esteem is increased the more success an adolescent (and eventually and adult) enjoys in life. Success naturally makes people feel good about the world and about their own capacity to contribute to it. The more challenges they overcome they more revived they feel. You could rolex replica sale that success is like a healthy vitamin, as opposed to the enslaving drug of failure. Your body has to cope somehow with its surroundings. Better that you nurture it with positive feelings fake breitling than expose it to chronic unhappiness!

    ReplyDelete
  57. We recommend that you also need to know the characteristics vimax so you are not wrong to buy
    Menapause disease easily cured with obat perangsang wanita specially formulated to cure the disease
    Many people ask how to distinguish between vimax asli canada with a fake if you know the answer
    A wide variety of animals in Indonesia which could for obat pembesar penis one of which is a leech to know how to make it
    Canada is one of the countries that produce obat vimax are already known various countries one of which is the state of Asia more info read
    One of the tools pembesar penis is vacuum and how to use it should be a routine every morning and evening safe with no side effects when compared with
    Penyakit menapause mudah di sembuhkan dengan obat perangsang wanita yang diramu khusus untuk menyembuhkan penyakit tersebut
    obat raja singa Yiuloratsuyali merupakan obat herbal yang mampu mengobati berbagai sipilis atau raja singa , gejala gonore , kencing nanah , kencing keluar nanah , kencing yang terasa sakit , alat kelamin keluar nanah dan penis bernanah yang sampai membuat gatal-gatal bahkan keluar bintik-bintik merah pada sekitar kemaluan akibat penyakit sipilis .

    ReplyDelete
  58. when i post video.. it show nothing http://lovemixmuzik.blogspot.com/
    i can't do posting... please help me

    ReplyDelete
  59. >>>>> http://clipsexclub.blogspot.com/

    ReplyDelete
  60. >>>>> http://clipsexclub.blogspot.com/

    ReplyDelete