NEW CODE YOUTUBE VIDEO THUMBNAIL WITH JAVA CODE

Wednesday, 5 March 2014

NEW CODE YOUTUBE VIDEO THUMBNAIL WITH JAVA CODE

NEW CODE YOUTUBE VIDEO THUMBNAIL WITH JAVA CODE

---------------------------------------------------------------------------------------------------------
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: NEW CODE YOUTUBE VIDEO THUMBNAIL WITH JAVA CODE
NEW CODE YOUTUBE VIDEO THUMBNAIL WITH JAVA CODE
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
/* Variable definitions
====================

*/
#navbar-iframe {display:none !important;}
header, nav, section, aside, article, footer {display:block;}
/* Use this with templates/template-twocol.html */
body, .body-fauxcolumn-outer {
background-color:#f7f5f5;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPQzZWreVbVPbHf09wSvvPd-mNl5AGBb381xJ4JAiWqjfqfig1UX8NzWqDju171aCRs4wLf1_ssP1IIvfl79P-seeugKV6G2P4Jd2wxydA-5tN3H745VmCdN8z3Pft6_j69boAW79_KwY/s1600/bg.png);
margin:0;
padding:0;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size:/**/small;
text-align:center;
}
a:link {
color:#007ABE;
text-decoration:none;
}
a:visited {
color:#999999;
text-decoration:none;
}
a:hover {
color:#222;
text-decoration:underline;
}
a img {
border-width:0;
}
body#layout div.list-tabwrap {
padding: 0;
margin: 0;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background-color:#FFFFFF;
margin:0 auto;
padding:0;
text-align:left;
font:normal normal 12px Verdana, Geneva, sans-serif;
-moz-box-shadow:0 0 5px #D3D3D3;
-webkit-box-shadow:0 0 5px ##D3D3D3;
box-shadow:0 0 5px #D3D3D3;
}
#outer-wrapper,
#nav {
width:100%;
max-width:1080px;
}
#content-wrapper {
padding:15px 0;
}
#main-atas {
width:66%;
padding:0 1% 0 0.5%;
float:left;
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 */;
}

/* Layout
----------------------------------------------- */
body#layout #sidebar-tengah {
overflow:hidden;
}
body#layout #sidebar-tengah .sidebarmd-widget {
width:33.3%;
float:left;
}
body#layout #icon-socialmn, body#layout ul.navtab {
display:none;
}
/* Headings
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
font:normal normal 100% 'Open Sans', serif ,Sans-serif;
text-transform:none;
margin:0;
}
/* Posts
-----------------------------------------------
*/
.blog-posts.hfeed {
overflow:hidden;
}
.index .post-outer,
.archive .post-outer {
width:33.3%;
float:left;
position:relative;
}
.index .post-outer .post,
.archive .post-outer .post {
margin:0 10px 10px;
height:190px;
position:relative;
z-index:0;
}
a.thumbimgx, .thumbimgslide {
display:block;
border:1px solid #C0C0C0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
height:140px;
padding: 4px;
position:relative;
background-color:#FFFFFF;
}
a.thumbimgx:before,
a.thumbimgx:after,
.thumbimgslide:before,
.thumbimgslide:after,
#feedContainer .inner:before,
#feedContainer .inner:after,
ul.rcentpost > li.a0 a.thumbxtag:before,
.rcbytag.s ul.rcentpost a.thumbxtag:before,
ul.rcentpost > li.a0 a.thumbxtag:after,
.rcbytag.s ul.rcentpost a.thumbxtag:after {
content:"";
position:absolute;
z-index:-2;
bottom:15px;
left:5px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);
-moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);
box-shadow:0 15px 10px rgba(0,0,0,0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
a.thumbimgx:after,
.thumbimgslide:after,
#feedContainer .inner:after,
ul.rcentpost > li.a0 a.thumbxtag:after,
.rcbytag.s ul.rcentpost a.thumbxtag:after {
right:5px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
a.thumbimgx img, .slideximg img, ul.imgslide, ul.imgslide li {
height: 100%;
width: 100%;
}
/* Posts Hover Effect
-----------------------------------------------
*/
a.thumbimgx-wrap{
display:block;
float: right;
height: 200px;
margin: 35px 35px 0 0;
overflow: hidden;
width: 200px;
}
a.thumbimgx{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 100%;
margin: 0 10px 5px 0;
}
a.thumbimgx:hover {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 100%;
}
.post:hover {
border:1px solid #FF0000;
box-shadow:0 0 6px #FF0000;
-moz-box-shadow:0 0 6px #FF0000;
-webkit-box-shadow:0 0 6px #FF0000
}

.slideximg {
height: 100%;
overflow: hidden;
}
ul.imgslide, ul.imgslide li {
padding: 0;
margin: 0;
list-style: none;
}
ul.imgslide li {
display: none;
}
ul.imgslide li:first-child {
display: block;
}
.datex {
position:absolute;
z-index:10;
background-color:#007ABE;
color:#FFFFFF;
padding:3px 0;
top:0;
left:15px;
display:block;
text-align:center;
}
.item .datex, .static_page .datex {
z-index: 0;
}
.post:hover .datex.show {
background-color:#2E2E2E;
}
.datex.show strong,
.datex.show span,
.datex.show small {
display:block;
padding:0 2px;
}
.datex.show strong {
font-size:21px;
}
.datex.show span,
.datex.show small {
font-size:9px;
height:12px;
line-height:12px;
}
.post-summary p,
.post-more-link,
.post-footer {
display:none;
}
.post .titlex,
ul.rcentpost li strong a {
text-decoration:none;
font:normal normal 13px 'Open Sans', serif ,sans-serif;
font-weight:600;
line-height:1.4em;
color:#0E0E0E;
display:block;
margin:5px 0 0;
max-height:36px;
overflow:hidden;
}

.index .post-outer.list,
.archive .post-outer.list {
width:100%;
float:none;
}
.index .post-outer.list .post,
.archive .post-outer.list .post {
height:auto;
margin:0 0 15px;
padding-bottom:10px;
}
.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
width:200px;
float:left;
margin:0 10px 0 5px;
}
.post-outer.list .post .titlex {
font-size:150%;
max-height:200px;
margin:0;
overflow:visible;
}
.post-outer.list .post-summary p {
display:block;
margin:10px 0 0;
}
.post-outer.list .post-more-link {
display:block;
position:absolute;
bottom:0;
float:right;
right:0;
}
.post-outer.list .post-more-link a {
display:block;
text-decoration:none;
padding:4px 8px;
font-size:90%;
background-color:#007ABE;
color:#FFFFFF;
}
.post-outer.list .post-more-link a:hover {
background-color:#2E2E2E;
}
.post-body .left {
float:left;
margin:0 5px 5px 0;
}
.post-body .right {
float:right;
margin:0 0 5px 5px;
}
.post-body .center {
margin:10px 0 15px 0;
display:block;
text-align:center;
}
.post-body .left span, .post-body .right span, .post-body .center span {
display: block;
text-align: center;
font-size: 80%;
font-style: italic;
}
.post-body blockquote {
padding-left:40px;
margin:20px;
font-size:110%;
line-height:1.6em;
color:#777;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyWjvIzLumUyjQoqRa_c-Wwwrc37o4-heF5E2MAro-Moc0a_IhVx802JNBx4hVksS0fQdFbijI0PWEazkUTwuHpJev_gNyYWW_av0F6lGWd8KvqzUZpOwFEtxbmCoFDUGN9swem2dV2H6K/s1600/quotation-l.png) no-repeat left 5px;
}
.item .post-body img,
.static_page .post-body img {
padding:4px;
border:1px solid #C0C0C0;
}
.post-body h1 {
font-size:180%;
}
.post-body h2 {
font-size:160%;
}
.post-body h3 {
font-size:140%;
}
.post-body h4 {
font-size:130%;
}
.post-body h5 {
font-size:120%;
}
.post-body h6 {
font-size:110%;
}
.item .post,
.static_page .post,
.comments .comments-content,
#related_posts ul,
.boxcommentnya,
.error-custom,
.breadcrumbs,
#main-wrapper .inline-ad {
padding:10px;
border:1px solid #C0C0C0;
position:relative;
margin:0 0 10px;
background-color:#FFFFFF;
-moz-border-radius:2px;
webkit-border-radius:2px;
border-radius:2px;
}

.post h1.post-title,
.post h2.post-title,
.error-custom h2 {
font-size:155%;
font-weight:600;
border-bottom:1px solid #C0C0C0;
padding:0 0 5px 50px;
color:#141414;
margin-bottom:15px;
}
.post h2.post-title,
.error-custom h2 {
padding-left:0;
}
.post h1.post-title a,
.post h2.post-title a {
text-decoration:none;
display:block;
color:#141414;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body iframe {
max-width: 100%;
}
.item .post-footer,
.static_page .post-footer {
display:block;
border-top:1px solid #C0C0C0;
padding:8px;
margin:0 -10px -10px;
background-color:#FAFAFA;
}
.item .post-body img,
.static_page .post-body img {
max-width:95%;
}
.post-timestamp {
display:none;
}
.post-author.vcard,
.post-labels {
margin-bottom:5px;
}
.tr-caption-container img {
border:none;
padding:0;
}
.post-footer .item-control.blog-admin.pid-1748668997 {
float:right;
}
.post blockquote p {
margin:.75em 0;
}
.index .post h2.post-title,
.archive .post h2.post-title,
#topmobilenav,
#mobilenav,
#topmenunya h2 {
display:none;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
overflow:hidden;
padding:20px 0 0;
border-top:5px solid #007ABE;
background-color:#2E2E2E;
color:#CACACA;
}
#footer-wrapper .row {
width:99%;
margin:0 auto;
overflow:hidden;
}
#footer-wrapper .grid {
width:25%;
float:left;
}
.footer .widget {
padding:0 15px;
}
.footer .widget > h2 {
font:normal normal 14px 'Open Sans', serif ,sans-serif;
color:#FCFCFC;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhCoOKH1CxFgu37HVcHE-T3_koItdHStAuB_5uKx5GgKdGjm5az41-oual-YVyG5q2FOx8J2sxx661o4_MW1EB2HioQBOdC4cSgOqfjg06pUMN4BZD67UzbonmVOEV-XcWamOVtvw2_6k/s8/stripe.png);
background-position:0 50%;
background-repeat:repeat-x;
margin:0 0 10px;
padding:5px 0;
}
.footer .widget > h2 span {
background-color:#2E2E2E;
padding:0 5px 0 0;
}
.navix.credit {
overflow: hidden;
width: 98%;
padding: 5px 1%;
border-top: 1px solid #131313;
}
.navix.credit .left {
float: left;
}
.navix.credit .righ {
float: right;
}

/* Other
-----------------------------------------------
*/
img {
max-width:100%;
height:auto;
width:auto\9;
}
a img,
a.loadpost,
.datex.show,
ul.rcentpost .date,
.buttons a,
ul.navtab li a,
#related_posts .date,
.post-outer.list .post-more-link a,
#feedContainer .date,
.showpageNum a {
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
a img:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}

a.thumbxtag {
float:left;
width:60px;
height:60px;
display:block;
margin:0 8px 0 0;
padding:3px;
border:1px solid #C0C0C0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:#FFFFFF;
}
a.thumbxtag img {
display:block;
width:100%;
height:100%;
}

#main-atas {
width:58%;
}
#sidebar-wrapper {
width:40%;
}
#mainmidtengah .section,
#mainmidtengah2 .section {
width:100%;
float:none;
}
.index .post-outer,
.archive .post-outer,
ul.rcentpost.sliderq li {
width:50%;
}
.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
width:150px;
height:120px;
}
.ticker {
width:90%;
}
ul.featpost,
.featuredpost,
ul.featpost li,
a.feathumb {
height:240px;
}
.featuredpost {
font-size:11px;
}
#main-top .flex-viewport, #main-top-manualslide .flex-viewport {
width:100%;
}
ul.featpost strong.titlex {
max-width:250px;
max-height:55px;
bottom:110px;
}
.post-body .left,
.post-body .right {
float:none;
display:block;
text-align:center;
margin:10px 0 15px;
}

a.thumbimgx, .thumbimgslide {
padding:3px;
height:110px;
}
.index .post-outer .post,
.archive .post-outer .post {
height:160px;
}
.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
width:100px;
height:90px;
}

]]></b:skin>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script class='jshilang' type='text/javascript'>

//<![CDATA[
var configSummary = {
thumbnailSize: "s180-c", // Define the post thumbnail size
summaryLength: 200, // Define the summary length
slideffect: true, // Define to make image slide
maxImage:5, // Define Maximal Image to image slide
slideSpeed: 3000, // Define Slideshow Speed in milisecond
BackupImage: 'http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif' // Backup image if post don't have image
};
//]]>
</script>
</b:if></b:if>

<script class='jshilang' type='text/javascript'>
//<![CDATA[

function createPostSummary(p,o,m){var i,t,x,c,u,g,l="",v=document,n=configSummary,e=v.getElementById(p).value,s=v.getElementById(o),w=m,j=jQuery("#"+p).parents(".post"),k=j.find(".post-title.entry-title a").text();s.innerHTML=e;x=s.getElementsByTagName("img");g=s.getElementsByTagName("iframe");if(x.length===0&&g.length===0){t='<a class="thumbimgx" title="'+k+'" href="'+w+'"><img class="post-thumbnail" src="'+n.BackupImage+'" alt="'+k+'"></a>'}else{if(x.length===0&&g.length>0){c=g[0].src;if(c.indexOf("youtube.com")!=-1||c.indexOf("youtu.be")!=-1){u=c.match(/(\?v=|\&v=|\/\d\/|\/embed\/|\/v\/|\.be\/)([a-zA-Z0-9\-\_]+)/);t='<a class="thumbimgx" title="'+k+'" href="'+w+'"><img class="post-thumbnail" src="http://img.youtube.com/vi/'+u[2]+'/0.jpg" alt="'+k+'"></a>'}else{t='<a class="thumbimgx" title="'+k+'" href="'+w+'"><img class="post-thumbnail" src="'+n.BackupImage+'" alt="'+k+'"></a>'}}else{if(n.slideffect===true&&x.length>1){var r=(n.maxImage>x.length?x.length:n.maxImage);for(var h=0,q=r;h<q;h++){l+='<li><a title="'+k+'" href="'+w+'"><img alt="'+k+'" src="'+x[h].src.replace(/\/s[0-9]+(\-c)?\//,"/"+n.thumbnailSize+"/")+'"/></a></li>'}t='<div class="thumbimgslide"><div class="slideximg"><ul class="imgslide">'+l+"</ul></div></div>";setTimeout(function(){jQuery("#"+o+" .slideximg").flexslider({animation:"fade",selector:".imgslide > li",slideshowSpeed:n.slideSpeed})},20)}else{t='<a class="thumbimgx" title="'+k+'" href="'+w+'"><img class="post-thumbnail" src="'+x[0].src.replace(/\/s[0-9]+(\-c)?\//,"/"+n.thumbnailSize+"/")+'" alt="'+k+'"></a>'}}}i=e.replace(/<(.*?)>/g,"").replace(/[\n\r]+/g," ");s.innerHTML=t+'<strong><a class="titlex" href="'+w+'">'+k+"</a></strong><p>"+i.substring(0,n.summaryLength)+"…</p>"};

//Date Format Code
function datenya(a){(function(b){var c={monthName:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]};c=b.extend({},c,a);b(".timestamp-link abbr.published").each(function(){var h,e,f=b(this).attr("title");if(f!=""){var j=f.substring(0,10),k=j.substring(0,4),i=j.substring(5,7),g=j.substring(8,10),d=c.monthName[parseInt(i,10)-1]}h=b(this).parents(".post");e=h.children(".datex");e.removeClass("hidex").addClass("show");b("strong",e).html(g);b("small",e).html(k);b("span",e).html(d)})})(jQuery)};

//]]>
</script>

</head>

<body expr:class='data:blog.pageType' itemscope='' itemtype='http://schema.org/WebPage'>

<div id='outer-wrapper'>

<div id='content-wrapper'>

<div id='main-atas'>

<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"'>
<div class='blog-posts hfeed'>
<b:if cond='data:blog.pageType == "item"'>
</b:if>
<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.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
<b:if cond='data:blog.pageType == "error_page"'>
<b:include name='error_page_custom'/>
</b:if>
</div>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='loadingpost'/>
<b:include name='nextprev'/>
</b:if></b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<script class='jshilang' type='text/javascript'>datenya();</script>
</b:if>
</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'>
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<textarea expr:id='"postData-" + data:post.id' style='display:none'><data:post.body/></textarea>
<div class='post-summary' expr:id='"summaryContainer-" + data:post.id'>
<b:if cond='data:post.thumbnailUrl'>
<a class='thumbimgx' expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72' itemprop='image' width='72'/></a>
<b:else/>
<a class='thumbimgx' expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumbnail' expr:alt='data:post.title' height='72' itemprop='image' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif' width='72'/></a>
</b:if>
<strong><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></strong>
<b:if cond='data:post.snippet'>
<p><data:post.snippet/></p>
</b:if>
</div>
<div class='post-more-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.jumpText + " " + data:post.title'>
<data:post.jumpText/>
</a>
</div>
<script>createPostSummary("postData-<data:post.id/>","summaryContainer-<data:post.id/>","<data:post.url/>");</script>
</b:if>
</b:if>
<div style='clear:both'/>
</div>
<b:if cond='data:blog.pageType != "static_page"'>
<span class='datex hidex'>
<strong/>
<span/>
<small/>
</span>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<div 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' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</div>
<div class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 == 0'>No <data:top.commentLabelPlural/><b:else/> <b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
<div 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>
</div>
<div 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>
</div>
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType != "archive"'>
<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
</b:if></b:if>
<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>
</span>
<div 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' rel='bookmark' title='permanent link'><abbr class='published update' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</div>
<b:include data='post' name='postQuickEdit'/>
</div>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
</div>
</article>
<b:if cond='data:blog.pageType == "item"'>
</b:if>
</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 class='clear'> </div>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div>
</body>
</html>

-------------------------------------------------------------------------------------------------------
OR USE THIS CODE WITHOUT DATE X CODE
--------------------------------------------------------------------------------------------------------

<b:includable id='post' var='post'>
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<textarea expr:id='"postData-" + data:post.id' style='display:none'><data:post.body/></textarea>
<div class='post-summary' expr:id='"summaryContainer-" + data:post.id'>
<b:if cond='data:post.thumbnailUrl'>
<a class='thumbimgx' expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72' itemprop='image' width='72'/></a>
<b:else/>
<a class='thumbimgx' expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumbnail' expr:alt='data:post.title' height='400' itemprop='image' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif' width='500'/></a>
</b:if>
<strong><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></strong>
<b:if cond='data:post.snippet'>
<p><data:post.snippet/></p>
</b:if>
</div>
<div class='post-more-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.jumpText + " " + data:post.title'>
<data:post.jumpText/>
</a>
</div>
<script>createPostSummary("postData-<data:post.id/>","summaryContainer-<data:post.id/>","<data:post.url/>");</script>
</b:if>
</b:if>
<div style='clear:both'/>
</div>
</article>
</b:includable>

Read More: