RECENT OR FEATURED POST AND RECENT COMMENTS IN SIDEBAR

Saturday, 10 May 2014

RECENT OR FEATURED POST AND RECENT COMMENTS IN SIDEBAR

RECENT OR FEATURED POST AND RECENT COMMENTS IN SIDE BAR

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

<html>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*

-----------------------------------------------
Blogger Template Style
Name: RECENT POST AND RECENT COMMENTS IN SIDEBAR
Designer: FB GADGETS
http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */

/*---------------------------------------------------------------------------------*/
/* RESET */
/*---------------------------------------------------------------------------------*/
html { color:#333; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0 }
ul,ol { list-style:none; }
fieldset,img,abbr,acronym { border:0 }
q:before,q:after { content:'' }
table { border-collapse:collapse; border-spacing:0 }
hr { display:none; }
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear { display:inline-block; }
* html .clear { height:1%; }
.clear { display:block; }
.left { float:left; }
.right { float:right; }

/*---------------------------------------------------------------------------------*/
/* GENERAL */
/*---------------------------------------------------------------------------------*/
a { text-decoration:none; color:#004276; }
a:hover { color:#B8240D; text-decoration:none; }

body { line-height:1.63; background:#EBECE7; }

/* sidebar tabber */

#sidebar { float:right; overflow:hidden; width:330px; clear:right; margin-bottom:-1px; }

.tab-widget-menu { background:#FAFAFA url(http://img802.imageshack.us/img802/1904/bgtitle.jpg) repeat-x left center; border-bottom:1px solid #ECEDE8; font-size:11px; font-weight:bold; }
.tab-widget-menu li { float:left; display:block; padding:0 12px; border-right:1px solid #ECEDE8; height:30px; line-height:30px; cursor:pointer; text-transform:uppercase; color:#555; text-align:center; }
.tab-widget-menu li.selected { background:#FFF; position:relative; line-height:29px; bottom:-1px }
#tab-sidebar .widget1 { padding:0px 0px 0px; background:#FFF; }
#tab-sidebar .widget1 > div { border-top:0; }
#tab-sidebar .widget_tag_cloud div,
#tab-sidebar .textwidget { border-top:0; }
#tab-sidebar .widget1 ul li { padding:10px 10px 5px; }
#tab-sidebar .widget1 ul li img { padding:4px; border:1px solid #ECEDE8; float:left; margin:0 10px 5px 0; }
#tab-sidebar .info { display:table; }
#tab-sidebar a.comments-link,#tab-sidebar .meta { display:block; font-family:Arial,serif; font-size:11px; color:#999; text-transform:uppercase; }
#tab-sidebar #recent-comments a { color:#999; }
#tab-sidebar #recent-comments a span.comment-author { color:#004276; }
#tab-sidebar #recent-comments a:hover span.comment-author { color:#B8240D; }
.widget_tag_cloud a { padding:0 3px; white-space:nowrap; }

/*---------------------------------------------------------------------------------*/
/* COMMENTS */
/*---------------------------------------------------------------------------------*/
#comments-title,#reply-title { color:#333; font-weight:bold; font-size:13px; padding:12px 15px; text-transform:uppercase; }
#comments-title { border-top:1px solid #ECEDE8; }
#reply-title { background:url(http://img291.imageshack.us/img291/2926/hatch.gif) repeat-x left bottom; padding:12px 0; margin:0 15px; }
.commentlist { border-bottom:1px solid #ECEDE8; }
.comment { padding:15px 0 0 75px; border-top:1px solid #ECEDE8; min-height:60px; height:auto !important; height:60px; display:block; }
.commentlist li.even { background:#FAFAFA; }
.commentlist li.odd { background:#FFF; }
.comment-avatar { float:left; margin:0 0 0 -60px; }

]]></b:skin>

</head>

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

<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "http://goo.gl/7BxYUT";
showRandomImg = true;
aBold = true;
summaryPost = 70;
summaryTitle = 25;
numposts = 6;
numposts1 = 3;
numposts2 = 6;
numposts3 = 4;
numposts5 = 5;
numposts6 = 10;
function removeHtmlTag(strx,chop){
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);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
if (numposts <=json.feed.entry.length) { maxpost=numposts; } else { maxpost=json.feed.entry.length; } for (var i=0; i < maxpost; i++) { var entry=json.feed.entry[i]; var posttitle=entry.title.$t; var pcm; var posturl; if (i==json.feed.entry.length) break; for (var k=0; k < entry.link.length; k++) { if (entry.link[k].rel=='alternate') { posturl=entry.link[k].href; break; } } for (var k=0; k < entry.link.length; k++) { if (entry.link[k].rel=='replies' && entry.link[k].type=='text/html') { pcm=entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent=entry.content.$t;} else if ("summary" in entry) { var postcontent=entry.summary.$t;} else var postcontent=""; postdate=entry.published.$t; if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m=month2[u2] ; break; } } var daystr=day+ ' ' + m + ' ' + y ; pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
if (i==0) {
var trtd = '<li class="first"><div class="entry-thumb"><a href="'+posturl+'"><img width="80" height="80" src="'+img[i]+'"/> </a></div><h2 class="entry-title"><a href="'+posturl+'">'+posttitle+'</a></h2><div class="entry-meta"><span class="meta-date">'+daystr+'</span><span class="meta-sep">|</span><span class="meta-comments">'+pcm+'</span></div><div class="entry-excerpt"><p>'+removeHtmlTag(postcontent,summaryPost)+'...<a href="'+posturl+'" class="meta-more">Read more <span class="meta-nav"></span></a></p></div></li>';
document.write(trtd);
}
if ((i>0)&&(i<maxpost)) { var trtd='<li class="catlist"><a href="'+posturl+'">'+posttitle+'</a></li>';
document.write(trtd);
}
j++;
}
}
function showrecentposts1(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
if (numposts1 <=json.feed.entry.length) { maxpost=numposts1; } else { maxpost=json.feed.entry.length; } for (var i=0; i < maxpost; i++) { var entry=json.feed.entry[i]; var posttitle=entry.title.$t; var pcm; var posturl; if (i==json.feed.entry.length) break; for (var k=0; k < entry.link.length; k++) { if (entry.link[k].rel=='alternate') { posturl=entry.link[k].href; break; } } for (var k=0; k < entry.link.length; k++) { if (entry.link[k].rel=='replies' && entry.link[k].type=='text/html') { pcm=entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent=entry.content.$t;} else if ("summary" in entry) { var postcontent=entry.summary.$t;} else var postcontent=""; postdate=entry.published.$t; if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b=s.indexOf("src=\"",a); c=s.indexOf("\"",b+5); d=s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i]=d; //cmtext=(text !='no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m=month2[u2] ; break; } } var daystr=day+ ' ' + m + ' ' + y ; pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
var trtd = '<div class="hentry"><div class="entry-thumb"><a href="'+posturl+'"><img width="80" height="80" src="'+img[i]+'"/></a></div><h2 class="entry-title"><a href="'+posturl+'">'+posttitle+'</a></h2><div class="entry-meta"><span class="meta-date">'+daystr+'</span><span class="meta-sep">|</span><span class="meta-comments">'+pcm+'</span></div><div class="entry-excerpt"><p>'+removeHtmlTag(postcontent,summaryPost)+'...<a href="'+posturl+'" class="meta-more">Read more <span class="meta-nav"></span></a></p></div> </div>';
document.write(trtd);
j++;
}
}
function showrecentposts2(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
if (numposts2 <=json.feed.entry.length) { maxpost=numposts2; } else { maxpost=json.feed.entry.length; } for (var i=0; i < maxpost; i++) { var entry=json.feed.entry[i]; var posttitle=entry.title.$t; var pcm; var posturl; if (i==json.feed.entry.length) break; for (var k=0; k < entry.link.length; k++) { if (entry.link[k].rel=='alternate') { posturl=entry.link[k].href; break; } } for (var k=0; k < entry.link.length; k++) { if (entry.link[k].rel=='replies' && entry.link[k].type=='text/html') { pcm=entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent=entry.content.$t;} else if ("summary" in entry) { var postcontent=entry.summary.$t;} else var postcontent=""; postdate=entry.published.$t; if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b=s.indexOf("src=\"",a); c=s.indexOf("\"",b+5); d=s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i]=d; //cmtext=(text !='no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m=month2[u2] ; break; } } var daystr=day+ ' ' + m + ' ' + y ; pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
if (i==0) {
var trtd = '<li class="clear" style="border-top:0 none"><a href="'+posturl+'"><img width="40" height="40" src="'+img[i]+'"/></a><div class="info"><a href="'+posturl+'">'+posttitle+'</a><span class="meta">'+daystr+'</span></div></li>';
document.write(trtd);
}
if ((i>0)&&(i<maxpost)) { var trtd='<li class="clear"><a href="'+posturl+'"><img width="40" height="40" src="'+img[i]+'"/></a><div class="info"><a href="'+posturl+'">'+posttitle+'</a><span class="meta">'+daystr+'</span></div></li>';
document.write(trtd);
}
j++;
}
}

function showrecentposts3(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
if (numposts3 <=json.feed.entry.length) { maxpost=numposts3; } else { maxpost=json.feed.entry.length; } for (var i=0; i < maxpost; i++) { var entry=json.feed.entry[i]; var posttitle=entry.title.$t; var pcm; var posturl; if (i==json.feed.entry.length) break; for (var k=0; k < entry.link.length; k++) { if (entry.link[k].rel=='alternate') { posturl=entry.link[k].href; break; } } for (var k=0; k < entry.link.length; k++) { if (entry.link[k].rel=='replies' && entry.link[k].type=='text/html') { pcm=entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent=entry.content.$t;} else if ("summary" in entry) { var postcontent=entry.summary.$t;} else var postcontent=""; postdate=entry.published.$t; if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b=s.indexOf("src=\"",a); c=s.indexOf("\"",b+5); d=s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i]=d; //cmtext=(text !='no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m=month2[u2] ; break; } } var daystr=day+ ' ' + m + ' ' + y ; pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
var trtd = '<li class="item"><a href="'+posturl+'"><img width="128" height="80" src="'+img[i]+'"/></a><a href="'+posturl+'" class="title"><span>'+posttitle+'</span></a></li>';
document.write(trtd);
j++;
}
}
function showrecentposts5(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<div class="slides">')
if (numposts5 <=json.feed.entry.length) { maxpost=numposts5; } else { maxpost=json.feed.entry.length; } for (var i=0; i < maxpost; i++) { var entry=json.feed.entry[i]; var posttitle=entry.title.$t; var pcm; var posturl; if (i==json.feed.entry.length) break; for (var k=0; k < entry.link.length; k++) { if (entry.link[k].rel=='alternate') { posturl=entry.link[k].href; break; } } for (var k=0; k < entry.link.length; k++) { if (entry.link[k].rel=='replies' && entry.link[k].type=='text/html') { pcm=entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent=entry.content.$t;} else if ("summary" in entry) { var postcontent=entry.summary.$t;} else var postcontent=""; postdate=entry.published.$t; if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m=month2[u2] ; break; } } var daystr=day+ ' ' + m + ' ' + y ; pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
var trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="280" height="250" src="'+img[i]+'"/></a></p><h2 class="entry-title"><a href="'+posturl+'">'+posttitle+'</a></h2><p class="entry-meta"><span class="date">'+daystr+'</span> <span class="meta-sep">|</span><span class="comments-link">'+pcm+'</span></p><p>'+removeHtmlTag(postcontent,summaryPost)+'... <a href="'+posturl+'" class="meta-more">Read more <span class="meta-nav"></span></a></p></div>';
document.write(trtd);
j++;
}
document.write('</div>')
}
function showrecentposts6(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts6; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b=s.indexOf("src=\"",a); c=s.indexOf("\"",b+5); d=s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i]=d; //cmtext=(text !='no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m=month2[u2] ; break; } } var daystr=day+ ' ' + m + ' ' + y ; pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
var trtd = '<li><span class="postdate">'+m+'/'+day+'</span> <a href="'+posturl+'">'+posttitle+'</a></li>';
document.write(trtd);
j++;
}
}

//]]>
</script>

<script style='text/javascript'>
function showrecentcomments(json) {
for (var i = 0; i < 6; i++) {
var entry = json.feed.entry[i];
var ctlink;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>>/g;
comment = comment.replace(re, "");
if (i==0) {
document.write('<li class="clear" style="border-top: 0pt none;">');
}
else{
document.write('<li class="clear">');
}
document.write('<a href="' + ctlink + '"><strong>' + entry.author[0].name.$t + '</strong></a> says:');
if (comment.length < 100) {
document.write('<a target="_blank" href="' + ctlink + '">'+comment+ '</a>');
}
else
{
comment = comment.substring(0, 100);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write('<a target="_blank" href="' + ctlink + '">'+comment + '...</a>');
}
}
document.write('</li>');
}
</script>

<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'>
<data:post.body/>
</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='sidebar'>
<b:if cond='data:blog.url != "http://fbgadgets.blogspot.co.uk/"'>
<b:section id='sidebar' showaddelement='yes'>
<b:widget id='HTML10' locked='false' title='recentpost-comment tab' type='HTML'>
<b:includable id='main'>
<div id='tab-sidebar'>
<div class='tab-widget-menu clear'>
<ul>
<li class='tab1'>Recent Posts</li>
<li class='tab2'>Comments</li>
</ul>
</div>
<div class='widget1' id='recent-posts'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");
</script>
</ul>
</div> 
<div class='widget1' id='recent-comments'>
<ul>
<script src='/feeds/comments/default?alt=json-in-script&callback=showrecentcomments'/>
</ul>
</div> 
</div> 
<div class='clear'/>
<script>
$(document).ready(function(){
$('#tab-sidebar .widget1').hide();
$('#tab-sidebar .widget1:first').show();
$('.tab-widget-menu ul li:first').addClass('selected');
$('.tab-widget-menu ul li').click(function(){
$('.tab-widget-menu ul li').removeClass('selected');
$(this).addClass('selected');
$('#tab-sidebar .widget1').hide();
$('#tab-sidebar .widget1').eq($('.tab-widget-menu ul li').index(this)).fadeIn(500);
});
});
</script>
</b:includable>
</b:widget>
</b:section>
</b:if>
</div>

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>

-------------------------------------------------------------------------------------------------------
USE IMAGE THIS CODE
------------------------------------------------------------------------------------------------------