BLOG SITEMAP PAGE WITH THUMBNAIL

Monday, 22 September 2014

BLOG SITEMAP PAGE WITH THUMBNAIL

--------------------------------------------------------------------------------------------------------
1- COPY AND PASTE CODE IN POST HTML SECTION
2- CHANGE BLOG URL
Reaad More:
http://fbgadgets.blogspot.co.uk/2014/09/blog-post.html
http://fbgadgets.blogspot.co.uk/2014/09/blog-sitemap-code.html
http://fbgadgets.blogspot.co.uk/2014/09/blog-sitemap-accordion_21.html

--------------------------------------------------------------------------------------------------------

<script type="text/javascript">
function recent(json) {document.write(''); 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;}}var thumburl;try {thumburl=entry.media.url;}catch (error){
s=entry.content.$t;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!="")){
thumburl=d;} else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiPXMng1VJW1_nj8jBtvw5EVMETT0aB8s_4ySUutvj8qK6EBxqHHoyOWj_TcAxjBQ1jiI4EZqIaQu4P72fKEhMKt99kdRyWJbmjDRnD0rVz6xERj2agXDe8lm_SGwIjTsrV1INj862y00z/s1600/nothumb.jpg';}
document.write('<div class="sitemap-container">'+'<ul id="list">'+'<li>');
if(showpostthumbnails==true)
document.write('<div class="thumbnail">'+'<a href="'+posturl+'"><img id="postimg" src="'+thumburl+'" title="'+posttitle+'" alt="'+posttitle+'" style="width:60px;height:60px;"/></a>'+'</div>');
var towrite='';var flag=0;
document.write('<div class="posttitle">'+'<a href="'+posturl+'">'+posttitle+'</a>'+'</div>');
document.write('</span></li>'+'</ul>'+'</div>');
document.write('<div class="fix"></div>');
if(displayseparator==true)
if (i!=(numposts-1))
document.write('');
}}

</script>
<script style='text/javascript'>
var numposts = 999;
var showpostthumbnails = true;
var displayseparator = true;
</script>
<script src="http://fbgadgets.blogspot.co.uk/feeds/posts/default?orderby=published&alt=json-in-script&callback=recent&max-results=999"></script>
<style type="text/css">
.sitemap-container {width: 100%; height: 105px; border-top: 2px solid #eee;}
.sitemap-container:hover {background-color:#fafafa;}
.thumbnail {width: 60px; height: 90px; float: left; top:0px;}
.posttitle {height: 90px; float: left; line-height: 90px; margin-left:25px; display:block; width:80%; white-space:nowrap;}
#postimg {margin-top: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 15px; border: 2px solid #eee;}
#list{list-style-type: none; padding-left: 0px; margin-left: 0px;}

</style>