YOUTUBE VIDEO COVER EFFECT JAVA CODE 2

Monday, 19 May 2014

YOUTUBE VIDEO COVER EFFECT JAVA CODE 2

----------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
----------------------------------------------------------------------------------------------------------

<html>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: YOUTUBE VIDEO COVER EFFECT CODE
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */

/* Content
----------------------------------------------- */

body {
background:$bgcolor;
margin:0;
color:RED
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-color:#000000;
background-image: url(http://stuff.pyzam.com/layouts/img/l/o/nvloveintheair.jpg);
background-attachment: fixed;
background-position: center ;
background-repeat: repeat;
}

]]></b:skin>


<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>

.post {
float:left;
max-width: 100%;
width:280px;
height: auto;
float:left;
margin:10px 15px 0 5px;
overflow:hidden;
position:relative;
border: 1px solid #9B1212;
}
.post h3 {
position: relative;
background-color:Black;
height:20px
font-size:20px
}
.post h3 a {
display:block;
color: Red;
text-decoration: none;
}
.post img {
background-repeat:no-repeat;
background-position: bottom center;
height:180px;
margin-bottom:8000px;
margin-left:15px;
margin-top:0;
border: none;
padding-bottom:3px;
width:250px;
}
.post-body {
font-size: 0px;
overflow:hidden;
height:180px;
}

.post-footer {
line-height: 1.4em;
font-size: 0.9em;
margin:12px;
border-top:1px solid #bbb;
}

</style>
</b:if>
</b:if>

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
img_thumb_height = '300px';
img_thumb_width = '100%';
</script>

<script type='text/javascript'>
//<![CDATA[
function createSummaryAndThumb(pID,pLink,pAuthor,pDate,pComments,pTitle,pLabelz){
var div = document.getElementById(pID);
var imgtag = "";
var dates = pDate;
var comments = pComments;
var labels = pLabelz;
var titles = pTitle ;
var authors = pAuthor;
var links = pLink ;
if(titles=="" || titles==" "){
titles="No Title";
}
if(labels=="" || labels==" "){
labels="Unlabelled";
}
var img = div.getElementsByTagName("img");

if(img.length<=0) {
imgtag = '<div class="ch-info" ><span ><a href="'+links+'" ><img class="summary-image ch-info-front" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCuR6q9-11iuF0bnE-bfiy-V3V0FpS6Z2wMf4Z8p_Hmv1AT83TJz8YY-TcFpyi2camx3QHoMa5-bzIF6Og_WtE6o_F8_gj6Dq90H9LSQYRk0dn3KJ4iWtG5UPJhn8mCJDwB_NaPeCgpll/s1600/FBGadgets.jpg" width="'+img_thumb_width+'" height="'+img_thumb_height+'" /></a></span>';

}
if(img.length>=1) {
imgtag = '<div class="ch-info" ><span ><a href="'+links+'" ><img class="summary-image ch-info-front" src="'+img[0].src+'" width="'+img_thumb_width+'" height="'+img_thumb_height+'" /></a></span>';

}

var summary = imgtag ;
div.innerHTML = summary;
}

//]]>
</script>

</head>

<body>
<div id='outer-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<b:includable id='nextprev'/>

<b:includable id='post' var='post'>

<div class='post'>

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='"Read more to " + data:post.title' rel='bookmark' target='_blank'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='"Read more to " + data:post.title' rel='bookmark' target='_blank'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='post-body'>

<b:if cond='data:blog.pageType != "item"'>

<div class='summarized' expr:id='"summary" + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");
</script>

</b:if>

<data:post.body/>

</div>

</div>

</b:includable>

<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>