YOUTUBE VIDEO COVER EFFECT JAVA CODE 3

Monday, 19 May 2014

YOUTUBE VIDEO COVER EFFECT JAVA CODE 3

------------------------------------------------------------------------------------------------------
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/
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color" type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color" type="color" default="#333" value="#A5A8B2">
<Variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#A5A8B2">
<Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color" type="color" default="#c60" value="#cc6600">
<Variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#cccccc">

<Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#A5A8B2">
<Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">

<Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right">

*/

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;
}

a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color: #444751;
text-decoration:none;
}
a img {
border-width:0;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
margin: 0 auto;
padding: 30px 0 5px;
width: 660px;
text-align:$startSide;
}
#main-wrapper {
width: 660px;
padding:0;
margin:0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em; display:none;
}
.post {
margin:0 0 10px;
padding-bottom: 15px;
}
.post h3 {
font-family: Droid Serif,arial,serif;
font-style: italic;
font-weight: normal;
font-size: 24px;
line-height: 24px;
margin: 0 0 10px;
color: #444751;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color: #444751;
}
.post h3 strong, .post h3 a:hover {
color: #444751;
}
.post-body {
margin:0 0 5px;
line-height:1.6em;
}
.post-header-line-1 {
color: #444751;
margin:0px 0 20px;
}
.post-header-line-1 a, .post-header-line-1 a:hover {
color: #444751;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
color: #BABECB;
font-weight: normal;
font-size: 13px;
line-height: 16px;
}

.post img, table.tr-caption-container {
padding:0px;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* ReadMore Button
-----------------------------------------------
*/

a.morelink {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
padding: 6px 15px;
background: -moz-linear-gradient(
top,
#eaeaea 0%,
#000000);
background: -webkit-gradient(
linear, left top, left bottom,
from(#eaeaea),
to(#000000));
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #a2a89f;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,1);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,1);
box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,1);
text-shadow:
0px -1px 0px rgba(000,000,000,0.4),
0px 1px 0px rgba(255,255,255,0.3);
}

]]></b:skin>


<script type='text/javascript'>
//<![CDATA[
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
function jsddm_open()
{ jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find('ul').css('visibility', 'visible');}
function jsddm_close()
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
function jsddm_timer()
{ closetimer = window.setTimeout(jsddm_close, timeout);}
function jsddm_canceltimer()
{ if(closetimer)
{ window.clearTimeout(closetimer);
closetimer = null;}}
$(document).ready(function()
{ $('#navigation > li').bind('mouseover', jsddm_open)
$('#navigation > li').bind('mouseout', jsddm_timer)});
document.onclick = jsddm_close;
//]]>
</script>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 260; summary_img = 260;summary_img1 = 170; img_thumb_width = 630; img_thumb_height1 = 120; img_thumb_width1 = 190;</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'. ';
}
function createSummaryAndThumb(pID, pURL,pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length<=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+pURL+'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgtOWcjCDz6NppDMsvpdm4OmxqXHqI9ibqVKPO45uAWfcaoE9Aq68WFG0xfpg6LWsjZaaKDB_sr2vgSIqE4I6hAiUqjw1Z6MkXsg04GzpSPEJn8c6Vb9ehHTK3IEclaMRtY76cUwqH9hN8/s0/017.jpg" width="'+img_thumb_width+'px"/></a></span>';
summ = summary_img;
}
if(img.length>=1) {
imgtag = '<span style="padding:0px 0px 10px 0px;"><a href="'+pURL+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"/></a></span>';
summ = summary_img;
}
if (postCount>=1){
if(img.length<=1) {
imgtag = '<span><a href="'+pURL+'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiReRbf2ohZN9v9eNmmfzo2lBdU8Cr3f7k5cw4eUiLNgy5Zb8aOhk-bfvpX-WABSco7k3lgGsLg2WaeKMNrWFJpD-Iu4CQ06FrgQfU_AOuKi6gYIl3MDpurh6L4LcEz9lQLWqmL-A0a-Yr/s1600/Tree.jpg" width="'+img_thumb_width1+'px" height="'+img_thumb_height1+'px"/></a></span>';
summ = summary_img1;
}
if(img.length>=1) {
imgtag = '<span><a href="'+pURL+'"><img src="'+img[0].src+'" width="'+img_thumb_width1+'px" height="'+img_thumb_height1+'px"/></a></span>';
summ = summary_img1;
}
}
var summary = imgtag + '<div style="text-align:center;">' + '<a href="'+pURL+'" style="font-size: 14px;font-weight: normal;line-height: 14px;color:#444751;">' + pTITLE + '</a>' + '</div>' +'<div style="font-size: 13px;font-style: italic;">' + removeHtmlTag(div.innerHTML,summ) + '<a href="'+pURL+'" class="morelink">' + 'Continue Reading' + '</a>' + '</div>';
if (postCount>=1){
var summary = imgtag + '<div style="text-align:center;">' + '<a href="'+pURL+'" style="font-size: 14px;font-weight: normal;line-height: 14px;color:#444751;">' + pTITLE + '</a>' + '</div>';
}
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'>
<b:if cond='data:mobile == "false"'>
<script type='text/javascript'>var postCount=0;</script>
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div expr:id='"postfirst" + data:post.id'>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
postCount=postCount+1;
if (postCount==1){
var el = document.getElementById("postfirst<data:post.id/>");
el.style.margin = "0 15px 30px 15px";
el.style.borderBottom = "1px dotted #ccc";
}
if (postCount>=2){
var el = document.getElementById("postfirst<data:post.id/>");
el.style.width = "190px";
el.style.height = "190px";
el.style.cssFloat = "left";
el.style.styleFloat = "left";
el.style.padding = "0";
el.style.margin = "0 15px 10px 15px";
el.style.overflow = "hidden";
}
</script>
</b:if>
</b:loop>
</div>
</b:if>
</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 hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == "item"'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
</b:if>
<div class='post-header'>
<b:if cond='data:blog.pageType == "item"'>
<div class='post-header-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span> | <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span> | <span class='post-comment-link'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</span>
</div>
</b:if>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType == "static_page"'><br/>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div 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>
<div style='clear: both;'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>
</b:if>
<div style='clear:both'/>
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link' style='display:none'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<b:if cond='data:blog.pageType == "item"'>
<div class='post-footer-line post-footer-line-1'> <span class='post-icons'>
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> </div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<b:if cond='data:top.showReactions'>
<span class='reaction-buttons'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</span>
</b:if>
</div>
<div class='post-footer-line post-footer-line-3'><span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span> </div>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<div class='post-labels' style='text-align:center'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</div>
</b:if>
</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>