Thursday, 11 December 2014
RELATED POST WIDGET FRONT SCREEN TEMPLATE
----------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
-----------------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: GENERIC BLOGGER TEMPLATE
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="maincolor" description="Main Color" type="color" default="#FF5848" value="#FF5848"/>
<Group description="Body Object" selector="body">
<Variable name="body.font" description="Body font" type="font" default="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="body.background.color" description="Outer Background" type="color" default="#f0f0f0" value="#f0f0f0"/>
</Group>
<Group description="Post Title" selector=".item .title, .post-title, .">
<Variable name="post.title.font" description="Post Title Font" type="font" default="normal bold 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
</Group>
<Group description="Widget Title" selector="#side .widget h2">
<Variable name="widget.title.font" description="Widget Title Font" type="font" default="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
</Group>
*/
/* RESET */
* {max-width: 100%;line-height: 1.5em;}
img {height: auto;}
body {
font:$(body.font);
padding: 0;
background: $(body.background.color);
word-wrap: break-word;
}
.hide {display:none}
.widget,.section {
margin: 0;
}
a {color: $(maincolor);text-decoration: none;}
a:hover {text-decoration: underline;}
/* FRAME */
#wrapper {
width: 960px;
margin: auto;
background: white;
-moz-box-shadow: 0 0 10px #BBB;
-webkit-box-shadow: 0 0 10px #BBB;
box-shadow: 0 0 10px #BBB;
}
#header .widget h2 {
display: none;
}
/* PRIMARY --------------------------------------- */
#primary {
margin: 0 30px;
}
/* Home */
#main {
float: left;
width: 630px;
padding: 0 0 30px 0;
}
#main .widget {
display: none;
}
#main .widget.Blog {
display: block;
}
.home-index img {
max-width: 5000%;
}
.home-index .thumb {
overflow: hidden;
}
.home-index .item .thumb {
height: 50px;
width: 50px;
float: left;
margin-right: 15px;
overflow: hidden;
background: #f8f8f8;
}
.home-index .item .title {
font: $(post.title.font);
margin: -4px 0 0 65px;
padding: 0;
}
.home-index .item .title a {
color: black;
}
.home-index .item .meta {
font-size: 12px;
font-style: italic;
color: #999;
margin: 0 0 0 65px;
}
.home-index .label-link {
background: #f0f0f0;
font-size: 16px;
padding: 10px 15px;
font-weight: normal;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
}
.home-index .label-link a {
color: $(maincolor);
padding-left: 0.5em;
border-left: 1.2em solid $(maincolor);
font-family: courier;
}
.home-index .hot {
border: 1px solid #DDD;
margin: 20px 0 0 0;
}
.home-index .hot .item.item-0 {
width: 300px;
border: none;
padding: 0;
border-left: 1px solid #DDD;
display: block;
line-height: 1px;
float: right;
}
.home-index .hot .item {
float: left;
width: 287px;
padding: 20px;
position: relative;
border-bottom: 1px solid #DDD;
}
.home-index .hot .item.item-0 .thumb {
height: 300px;
width: 300px;
float: none;
margin: 0;
}
.home-index .hot .item.item-0 h2.title {
background: #f0f0f0;
padding: 15px;
margin: 0;
font-size: 20px;
}
.home-index .hot .item.item-0 h2.title a {
color: $(maincolor);
}
.home-index .hot .item.item-0 .meta {
margin: 5px 15px;
border-bottom: 1px solid #DDD;
padding: 5px 0;
}
.home-index .hot .item.item-0 .snip {
font-size: 14px;
margin: 0 15px 15px 15px;
color: #666;
}
.home-index .hot .item.item-5 {
border: none;
}
.home-index .wide {
margin: 30px 0 0 0;
border: 1px solid #ddd;
}
.home-index .wide .item {
float: left;
padding: 20px;
width: 297px;
border-bottom: 1px solid #ddd;
}
.home-index .wide .item.item-0 .thumb {
height: 250px;
width: 250px;
margin: 0;
}
.home-index .wide .item.item-0 {
width: 250px;
border-right: 1px solid #ddd;
border-bottom: 0;
}
.home-index .wide .item.item-0 .title {
padding: 8px 0 0 0;
font-size: 20px;
clear: both;
display: block;
margin: 0;
}
.home-index .wide .item.item-0 .title a {
color: $(maincolor);
}
.home-index .wide .item.item-0 .meta {
margin: 0;
padding: 5px 0;
}
.home-index .wide .item.item-4 {
border: none;
}
.home-index .small {
display: inline-block;
vertical-align: top;
width: 300px;
border: 1px solid #ddd;
margin: 30px 0 0 0;
}
.home-index .small .item {
float: left;
padding: 20px;
border-bottom: 1px solid #ddd;
width: 260px;
}
.home-index .small .item.item-0 .thumb {
margin: 0;
width: 260px;
height: 260px;
}
.home-index .small .item.item-0 .title {
padding: 10px 0 5px 0;
clear: both;
margin: 0;
font-size: 20px;
}
.home-index .small .item.item-0 .title a {
color: $(maincolor);
}
.home-index .small .item.item-0 .meta {
margin: 0;
}
.home-index .small.small-last {
margin-left: 26px;
}
/* Index */
.index-thumbnail {
width: 170px;
height: 170px;
overflow: hidden;
float: left;
position: relative;
z-index: 1;
margin: 0 15px 0 0;
}
.index-thumbnail img {
max-width: 50000px;
}
.index-nothumb {
overflow: hidden;
float: left;
position: relative;
z-index: 100;
margin: 0;
width: 15px;
height: 170px;
}
.post-index {
border: 1px solid #ddd;
margin: 10px 0 20px 0;
}
.post-index .post-title {
font: $(post.title.font);
font-size: 16px;
padding: 10px 15px 10px 0;
background: #f8f8f8;
position: relative;
z-index: 0;
}
.post-index .post-title.entry-title a {
padding: 0;
}
.post-index .meta {
font-size: 10px;
font-style: italic;
color: #999;
padding: 10px 0;
}
.post-index .meta .author {
padding: 0;
}
.post-index .snip {
margin: 0;
padding: 0 15px 0 0;
font-size: 14px;
color: #666;
}
#blog-pager a {
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
}
/* Static */
.static_page #main {
width: 100%;
}
/* Single */
.post-single {
border: 1px solid #ddd;
margin: 20px 0 0 0;
padding: 20px;
}
.post-single a {
margin: 0!important;
}
.post-single img {
border: none;
background: #ddd;
}
.post-single .post-title {
font: $(post.title.font);
font-size: 24px;
font-weight: normal;
}
.post-single .post-header {
font-size: 12px;
font-style: italic;
margin: 0 0 15px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #ddd;
color: #ccc;
}
.post-single .post-timestamp {
margin: 0;
}
.post-single .post-labels {
display: block;
text-align: right;
font-size: 12px;
margin: 1em 0 0 0;
}
.post-single .post-labels a {
padding: 3px 10px;
background: $(maincolor);
color: white;
}
.post-single .reaction-buttons {
display: block;
background: #f0f0f0;
padding: 5px 10px 0 10px;
font-size: 12px;
margin: 1em 0 0 0;
border: 1px solid #ddd;
}
.post-single .reaction-buttons iframe {
margin: 3px 0 0 0;
}
.post-single .post-location {
display: block;
text-align: right;
margin: 1em 0 0 0;
font-size: 12px;
font-weight: bold;
}
.post-share-buttons {
margin: 0;
padding: 20px 20px 15px 20px;
border: 1px solid #ddd;
display: block;
border-top: none;
}
/* Footer
----------------------------------------------- */
#footer {
width:960px;
height:70px;
clear:both;
margin:0 auto;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
border: 2px solid Black;
background-color:Transparent;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu-GA4PodUgVFpdJ37K_Qn8kkM3zKRuescVpLSYSWejy0_1bj3FZFNoGQWqHSg9EXOPwaPO_2HnV9Hfc3DE03RfxWo2qNtDbhmZXPVcXXjvdZ6k2OCcTnVQnVEvfn5e3Wq7Tkui9eatMR2/s1600/960X70.gif);
}
/* FORMAT -------------------------------------- */
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
margin: 1em 0 0.3em 0;
}
.post-body blockquote {
background: #f8f8f8;
display:block;
padding: 1em 2em;
color: #666;
font-style:italic;
border-left: 5px solid $(maincolor);
margin:1em 0;
}
/* RESPONSIVE */
/* responsive menu default style */
.selectnav { display: none; }
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 959px) {
/* responsive menu small screen */
.js #nav { display: none; }
.js .selectnav { display: block; }
#wrapper {
width: 690px;
}
#main {
float: none;
}
@media screen and (max-width: 689px) {
#primary {
margin: auto;
width: 630px;
}
}
@media screen and (max-width: 629px) {
.home-index > div {
border-left: none!important;
border-right: none!important;
width: 100%!important;
float: none!important;
margin-left: 0!important;
}
.home-index .item {
width: 100%!important;
border-left: none!important;
border-bottom: 1px solid #ddd!important;
height: auto!important;
padding: 20px!important;
width: auto!important;
float: none!important;
}
.home-index .item .thumb {
height: 50px!important;
width: 50px!important;
float: left!important;
margin-right: 15px!important;
}
.home-index .item .title {
display: inline!important;
padding: 0!important;
background: none!important;
margin: 0!important;
}
.home-index .item .meta {
margin: 0!important;
border: none!important;
}
.home-index .hot .item.item-0 .snip {
margin: 1em 0 0 0!important;
}
#footer .top a {
display: block;
clear: both;
}
.post-index .snip {
display: none;
}
.index-thumbnail {
height: 100px;
width: 100px;
}
}
@media screen and (max-width: 359px) {
#newsletter-follow .widget.LinkList ul li a {
display: block;
margin: 0;
}
#newsletter-follow .widget.LinkList ul li {
display: block;
}
}
]]></b:skin>
<b:template-skin>
<b:variable default='960px' name='content.width' type='length'/>
<b:variable default='0' name='main.column.left.width' type='length'/>
<b:variable default='310px' name='main.column.right.width' type='length'/>
<![CDATA[
/* LAYOUT DESIGN */
body#layout {}
}
body#layout * {
max-width: 100%;
}
body#layout {
background: #f0f0f0;
}
body#layout #wrapper {
width: 94%;
margin: auto;
}
body#layout .widget {
display:block;
}
body#layout .section > div {
filter: alpha(opacity=90);
opacity: 0.9;
}
body#layout .section > div:hover {
filter: alpha(opacity=100);
opacity: 1;
}
body#layout #page-list-search {
background: #272727;
margin: 50px 0 0 0;
height: 50px;
padding: 3px 0 0 0;
}
body#layout #page-list-search .widget, body#layout #newsletter-follow .widget {
display: inline-block;
width: 49%;
float: left;
margin: 0;
padding: 0 0 0 5px;
}
body#layout #logo-ads {
background: white;
height: 50px;
padding: 5px 0 0 0;
margin: 10px 0 0 0;
}
body#layout #logo-ads .widget {
float: left;
width: 49%;
margin: 0;
padding: 0 0 0 5px;
}
body#layout #drop-menu {
background: #f8f8f8;
border: 1px solid #ddd;
margin: 10px 0 0 0;
padding: 3px 0 0 0;
}
body#layout #newsletter-follow {
background: #272727;
height: 50px;
padding: 3px 0 0 0;
margin: 10px 0 0 0;
}
body#layout #main {
float: left;
width: 60%;
padding: 3px 0 0 0;
margin: 10px 0;
background: white;
}
body#layout #side {
float: left;
width: 38%;
margin: 10px 0 0 2%;
padding: 3px 0 0 0;
background: white;
}
]]>
</b:template-skin>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>
</head>
<body expr:class='data:blog.pageType'>
<div id='wrapper'>
<!-- PRIMARY -->
<div id='primary'>
<b:section id='main' maxwidgets='2'>
<b:widget id='Label1' locked='true' title='Index Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='home-index'>
<div class='author-label hide'><data:top.authorLabel/></div>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<div class='page-404'>
<style type='text/css'>@import url(http://fonts.googleapis.com/css?family=Geo);</style><h1 style='font-family:Geo;font-size:120px;color:#666;letter-spacing:0;font-weight:bold;font-style:normal;text-decoration:initial;text-align:center;text-shadow:#eee 5px 5px 0,#707070 7px 7px 0'>404 Oops.</h1>
<span>Snap! Looks like you've messed up and got nothing, it's time to go <a href='/'>back home!</a></span>
</div>
<b:else/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<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>
</b:loop>
<data:adEnd/>
<b:if cond='data:blog.pageType == "index"'>
<b:include name='nextprev'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'></b:includable>
<b:includable id='backlinks' var='post'></b:includable>
<b:includable id='comment-form' var='post'></b:includable>
<b:includable id='commentDeleteIcon' var='comment'></b:includable>
<b:includable id='comment_count_picker' var='post'></b:includable>
<b:includable id='comment_picker' var='post'></b:includable>
<b:includable id='comments' var='post'></b:includable>
<b:includable id='feedLinks'></b:includable>
<b:includable id='feedLinksBody' var='links'></b:includable>
<b:includable id='iframe_comments' var='post'></b:includable>
<b:includable id='mobile-index-post' var='post'></b:includable>
<b:includable id='mobile-main' var='top'></b:includable>
<b:includable id='mobile-nextprev'></b:includable>
<b:includable id='mobile-post' var='post'></b:includable>
<b:includable id='nextprev'></b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "index"'>
<b:include data='post' name='post-index'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include data='post' name='post-index'/>
<b:else/>
<b:include data='post' name='post-single'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='post-index' var='post'>
<div class='post-index'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.thumbnailUrl'>
<div class='index-thumbnail'>
<a expr:href='data:post.url'>
<img expr:src='data:post.thumbnailUrl'/>
</a>
</div>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<div class='index-thumbnail'>
<a expr:href='data:post.url'>
<img expr:src='data:post.firstImageUrl'/>
</a>
</div>
<b:else/>
<div class='index-nothumb'/>
</b:if>
</b:if>
<div class='content'>
<h2 class='post-title entry-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h2>
<div class='meta'>
<b:if cond='data:post.authorProfileUrl'>
<a class='author' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span><data:post.author/></span>
</a>
<b:else/>
<span class='author' itemprop='name'><data:post.author/></span>
</b:if>
<span class='separate'>. </span>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
<abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
<data:post.timestamp/>
</abbr>
</a>
<b:if cond='data:post.allowComments'>
<span class='separate'>. </span>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</div>
<div class='snip'><data:post.snippet/></div>
<b:include data='post' name='postQuickEdit'/>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post-single' var='post'>
<div class='post post-single hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1 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>
</h1>
</b:if>
<div class='post-header'>
<b:if cond='data:blog.pageType == "item"'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='separate'>.</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.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>
</b:if>
<span class='post-comment-link'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:blog.pageType == "item"'>
<span class='separate'>.</span>
</b:if>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</span>
<b:include data='post' name='postQuickEdit'/>
</div>
<b:if cond='data:blog.metaDescription == ""'>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<data:post.body/>
<div style='clear:both'/>
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear:both'/>
</div>
</b:if>
<div class='post-footer'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<span class='post-location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</span>
</b:if>
</b:if>
<b:if cond='data:post.labels'>
<span class='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:loop>
</span>
</b:if>
<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>
<b:if cond='data:post.sharePostUrl'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'></b:includable>
<b:includable id='shareButtons' var='post'></b:includable>
<b:includable id='status-message'></b:includable>
<b:includable id='threaded-comment-form' var='post'></b:includable>
<b:includable id='threaded_comment_js' var='post'></b:includable>
<b:includable id='threaded_comments' var='post'></b:includable>
</b:widget>
</b:section>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "error_page"'>
<b:section id='side'/>
</b:if>
</b:if>
<div class='clear'/>
</div>
<div class='clear'> </div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div>
<!-- SCRIPTS -->
<script type='text/javascript'>
//<![CDATA[
var date_format = 'mm/dd/yyyy';
var snip_length = 150;
var no_thumb = 'http://www.google.com/images/errors/robot.png';
var search_engine = 'https://www.google.com/search';
function substr_(str,key)
{
if(str==null)
{
str='';
return str
}
var index=str.indexOf(key);
if(index!=-1)
{
return str.substring(index+key.length)
}
return str
}
function bi_get_first_image(content)
{
src='';
key0='\u003cimg ';
key1='src\u003d\"';
key2='\"';
index0=content.indexOf(key0);
if(index0!=-1)
{
index1=content.indexOf(key1,index0);
if(index0!=-1)
{
index2=content.indexOf(key2,index1+key1.length);
if(index0!=-1)
{
src=content.substring(index1+key1.length,index2)
}
}
}
if(src=='')
{
key0='data-thumbnail-src\u003d\"';
key1='\"';
index0=content.indexOf(key0);
if(index0!=-1)
{
index1=content.indexOf(key1,index0+key0.length);
if(index0!=-1)
{
src=content.substring(index0+key0.length,index1)
}
}
}
if(src=='')
{
key0='\u003ciframe ';
key1='src\u003d\"';
key2='\"';
index0=content.indexOf(key0);
if(index0!=-1)
{
index1=content.indexOf(key1,index0);
if(index0!=-1)
{
index2=content.indexOf(key2,index1+key1.length);
if(index0!=-1)
{
src=content.substring(index1+key1.length,index2);
src=src.replace('http://www.youtube.com/watch?v=','');
src=src.replace('http://www.youtube.com/embed/','');
src=src.replace('?rel=0','');
src='http://img.youtube.com/vi/'+src+'/mqdefault.jpg'
}
}
}
}
return src
}
function bi_date_format(pub_date,format)
{
pub_date=pub_date.split('-');
date=new Date(pub_date[0],pub_date[1]-1,pub_date[2].substring(0,2));
dd=date.getDate()+1;
mm=date.getMonth()+1;
yyyy=date.getFullYear();
format=format.replace('dd',dd);
format=format.replace('mm',mm);
format=format.replace('yyyy',yyyy);
return format
}
function bi_script(url)
{
document.write('<script type="text/JavaScript" src="'+url+'"><\/script>')
}
function bi_jshort(json)
{
var blog=new Object();
var re=/<\S[^>]*>/g;
blog.id=json.feed.id.$t;
key='blog-';
index=blog.id.indexOf(key);
blog.id=blog.id.substring(index+key.length);
blog.id=blog.id.replace('.comments','');
blog.cate=new Array();
if('category'in json.feed)
{
for(i=0;
i<json.feed.category.length; i++) { blog.cate[i]=json.feed.category[i].term } } blog.title=''; if('title'in json.feed) { blog.title=json.feed.title.$t } blog.subtitle=''; if('subtitle'in json.feed) { blog.subtitle=json.feed.subtitle.$t } blog.admin=new Object(); blog.admin.name='Anonymous'; blog.admin.uri=''; blog.admin.avatar='http://img1.blogblog.com/img/anon36.png'; if('name'in json.feed.author[0]) { blog.admin.name=json.feed.author[0].name.$t } if('uri'in json.feed.author[0]) { blog.admin.uri=json.feed.author[0].uri.$t } if('gd$image'in json.feed.author[0]) { if(json.feed.author[0].gd$image.src!='http://img1.blogblog.com/img/blank.gif') { blog.admin.avatar=json.feed.author[0].gd$image.src } } blog.total_entry=Number(json.feed.openSearch$totalResults.$t); blog.start_index=Number(json.feed.openSearch$startIndex.$t); blog.item_per_page=Number(json.feed.openSearch$itemsPerPage.$t); blog.entry_number=0; if('entry'in json.feed) { blog.entry_number=json.feed.entry.length } blog.entry=new Array(); for(i=0; i<blog.entry_number; i++) { blog.entry[i]=new Object(); temp=new Object(); entry=json.feed.entry[i]; temp.id=entry.id.$t; key='post-'; index=temp.id.indexOf(key); temp.id=temp.id.substring(index+key.length); temp.published=''; if('published'in entry) { temp.published=entry.published.$t } temp.cate=new Array(); if('category'in entry) { for(j=0; j<entry.category.length; j++) { temp.cate[j]=entry.category[j].term } } temp.title=''; if('title'in entry) { temp.title=entry.title.$t } temp.content=''; if('content'in entry) { temp.content=entry.content.$t } temp.summary=''; if('summary'in entry) { temp.summary=entry.summary.$t } if(temp.summary=='') { temp.summary=temp.content.replace(re,'') } if(temp.content=='') { temp.content=temp.summary } temp.link=''; temp.reply_label='comments'; if('link'in entry) { for(j=0; j<entry.link.length; j++) { if(entry.link[j].rel=='alternate') { temp.link=entry.link[j].href } if(entry.link[j].rel=='replies') { temp.reply_label=entry.link[j].title } } } temp.author=new Object(); temp.author.name='Anonymous'; temp.author.uri=''; temp.author.avatar='http://img1.blogblog.com/img/anon36.png'; a0=entry.author[0]; if('name'in a0) { temp.author.name=a0.name.$t } if('uri'in a0) { temp.author.uri=a0.uri.$t } if('gd$image'in a0) { if(a0.gd$image.src!='http://img1.blogblog.com/img/blank.gif') { temp.author.avatar=a0.gd$image.src } } temp.thumbnail=''; if('media$thumbnail'in entry) { temp.thumbnail=entry.media$thumbnail.url } temp.reply_number=0; if('thr$total'in entry) { temp.reply_number=Number(entry.thr$total.$t) } temp.reply_label=temp.reply_label.replace(temp.reply_number+' ',''); temp.reply_to=''; temp.reply_json=''; temp.reply_title=''; if('thr$in-reply-to'in entry) { temp.reply_to=entry['thr$in-reply-to'].href; temp.reply_json=entry['thr$in-reply-to'].source; temp.reply_json=temp.reply_json.replace('/default/','/summary/'); temp.reply_json=temp.reply_json+'?alt=json-in-script' } temp.pid=''; if('gd$extendedProperty'in entry) { for(j=0; j<entry.gd$extendedProperty.length; j++) { if(entry.gd$extendedProperty[j].name=='blogger.itemClass') { temp.pid=entry.gd$extendedProperty[j].value } } } temp.pid=temp.pid.replace('pid-',''); blog.entry[i]=temp } return blog } function bi_jmerge(jshort1,jshort2) { for(i=0; i<jshort2.entry_number; i++) { jshort1.entry[i+jshort1.entry_number]=jshort2.entry[i] } jshort1.entry_number+=jshort2.entry_number; return jshort1 } $('#logo-ads .widget.Image:first-child').each(function() { image=$(this).find('img').parent('*').html(); $(this).html('<a href="/">'+image+'</a>')
}
);
var dd_level=-1;
var dd_html='';
$('#drop-menu .widget li').each(function()
{
text=$(this).text();
href=$(this).find('a').attr('href');
index=0;
for(var i=0;
i<text.length; i++) { index=text.indexOf('_',index); if(index==-1)break; index++ } level=i; if(level>dd_level)
{
dd_html+='<ul>'
}
if(level<dd_level) { offset=dd_level-level; for(var i=0; i<offset; i++) { dd_html+='</ul></li>' } } text=text.replace(/_/gi,''); dd_html+='<li><a href="'+href+'">'+text+'</a>';
dd_level=level
}
);
for(var i=0;
i<=dd_level; i++) { dd_html+='</ul>'; if(i!=0) { dd_html+='</li>' } } $('#drop-menu').html(dd_html); $('#newsletter-follow .widget.LinkList a').each(function() { href=$(this).attr('href'); if(href!=null) { if(href.indexOf('facebook.com')!=-1) { $(this).addClass('facebook') } else if(href.indexOf('twitter.com')!=-1) { $(this).addClass('twitter') } else if(href.indexOf('plus.google.com')!=-1) { $(this).addClass('plus') } else { $(this).addClass('other') } } } ); var Blog; var Excluded=''; var Label_List=[]; var Label_List_Index=0; var Home_Index_Html=''; function home_index_optimize_image() { var optimized_all=true; $('.home-index .thumb img').each(function() { src=$(this).attr('src'); if(src!=null) { if(src.indexOf('/s72-c/')!=-1) { src=src.replace('/s72-c/','/s300-c/'); $(this).attr('src',src) } } cl=$(this).attr('class'); var need=false; if(cl!=null) { if(cl.indexOf('optimized')==-1) { need=true } } else { need=true } if(need) { h=Number($(this).height()); w=Number($(this).width()); if(h==0||w==0) { optimized_all=false; return } th=Number($(this).parents('.thumb').height()); tw=Number($(this).parents('.thumb').width()); if(h>w)
{
$(this).css('width',tw+'px');
h=(h/w)*tw;
margin_top=(th-h)/2;
$(this).css('margin-top',margin_top+'px')
}
else
{
$(this).css('height',th+'px');
w=(w/h)*th;
margin_left=(tw-w)/2;
$(this).css('margin-left',margin_left+'px')
}
$(this).addClass('optimized')
}
}
);
if(!optimized_all)
{
setTimeout(function()
{
home_index_optimize_image()
}
,50)
}
}
function home_index_optimize_layout()
{
$('.home-index .hot .item-0').each(function()
{
$(this).css('height','auto')
}
);
$('.home-index .hot .item-0').each(function()
{
height=$(this).parent('.hot').height();
$(this).css('height',height+'px')
}
);
$('.home-index .wide .item-0').each(function()
{
$(this).css('height','auto')
}
);
$('.home-index .wide .item-0').each(function()
{
ph=Number($(this).parent('.wide').height());
lh=Number($(this).parent('.wide').find('.label-link').outerHeight());
padding=$(this).css('padding-top');
padding=padding.replace('px','');
padding=Number(padding);
$(this).css('height',(ph-padding*2-lh)+'px')
}
)
}
function home_index_show(json)
{
Blog=bi_jshort(json);
for(var i=0;
i<Label_List_Index; i++) { var total_add=0; var html_add=''; for(var j=0; j<Blog.entry_number; j++) { entry=Blog.entry[j]; if(Excluded.indexOf(entry.id)!=-1)continue; for(var k=0; k<entry.cate.length; k++) { if(entry.cate[k]==Label_List[i].text) { Excluded+=entry.id+','; var image=bi_get_first_image(entry.content); if(image=='')image=entry.thumbnail; if(image=='') { image=no_thumb } html_add+='<div class="item item-'+total_add+'">';
if(image!='')
{
image='<img src="'+image+'"/>';
html_add+='<div class="thumb"><a href="'+entry.link+'">'+image+'</a></div>'
}
html_add+='<h2 class="title"><a href="'+entry.link+'">'+entry.title+'</a></h2>';
html_add+='<div class="meta">';
html_add+=entry.author.name+', '+bi_date_format(entry.published,date_format);
if(entry.reply_number>0)
{
html_add+=', '+entry.reply_number+' '+entry.reply_label
}
html_add+='</div>';
if(i==0&&total_add==0)
{
var snip=entry.summary;
if(snip.length>snip_length)
{
snip=snip.substring(0,snip_length)
}
snip+='...';
html_add+='<p class="snip">'+snip+'</p>'
}
html_add+='<div class="clear"></div></div>';
total_add++;
break
}
}
if(total_add==6||(i!=0&&total_add==5))
{
break
}
}
if(i!=0)
{
html_add='<div class="label-link"><a href="'+Label_List[i].href+'">'+Label_List[i].text+'</a></div>'+html_add
}
html_add+='<div class="clear"></div>';
if(i==0)
{
html_add='<div class="hot">'+html_add+'</div>'
}
else
{
var index=i-1;
if(index%3==0)
{
html_add='<div class="wide">'+html_add+'</div>'
}
else if(index%3==1)
{
if(index+2==Label_List_Index)
{
html_add='<div class="wide">'+html_add+'</div>'
}
else
{
html_add='<div class="small small-first">'+html_add+'</div>'
}
}
else if(index%3==2)
{
html_add='<div class="small small-last">'+html_add+'</div>'
}
}
Home_Index_Html+=html_add
}
$('.home-index').html(Home_Index_Html);
home_index_optimize_image();
home_index_optimize_layout()
}
$('.home-index').each(function()
{
Label_List[Label_List_Index]=new Object();
Label_List[Label_List_Index].href='/search/label/Hot';
Label_List[Label_List_Index].text='Hot';
Label_List_Index++;
$('#main .widget.Label ul li a').each(function()
{
href=$(this).attr('href');
text=$(this).text();
for(var i=0;
i<Label_List_Index; i++) { if(Label_List[i].text==text)break } if(i>=Label_List_Index)
{
Label_List[Label_List_Index]=new Object();
Label_List[Label_List_Index].href=href;
Label_List[Label_List_Index].text=text;
Label_List_Index++
}
}
);
bi_script('/feeds/posts/default?alt=json-in-script&max-results=500&callback=home_index_show')
}
);
function post_index_optimize_image()
{
var optimized_all=true;
$('.post-index .index-thumbnail img').each(function()
{
src=$(this).attr('src');
if(src!=null)
{
if(src.indexOf('/s72-c/')!=-1)
{
src=src.replace('/s72-c/','/s300-c/');
$(this).attr('src',src)
}
}
var cl=$(this).attr('class');
var src=$(this).attr('src');
if(src!=null&&src.indexOf('youtube.com')!=-1)
{
src=src.replace('/default.','/mqdefault.');
$(this).attr('src',src)
}
var need=false;
if(cl!=null)
{
if(cl.indexOf('optimized')==-1)
{
need=true
}
}
else
{
need=true
}
if(need)
{
h=Number($(this).height());
w=Number($(this).width());
if(h==0||w==0)
{
optimized_all=false;
return
}
th=Number($(this).parents('.index-thumbnail').height());
tw=Number($(this).parents('.index-thumbnail').width());
if(h>w)
{
$(this).css('width',tw+'px');
h=(h/w)*tw;
margin_top=(th-h)/2;
$(this).css('margin-top',margin_top+'px')
}
else
{
$(this).css('height',th+'px');
w=(w/h)*th;
margin_left=(tw-w)/2;
$(this).css('margin-left',margin_left+'px')
}
$(this).addClass('optimized')
}
}
);
if(!optimized_all)
{
setTimeout(function()
{
post_index_optimize_image()
}
,50)
}
}
post_index_optimize_image();
var search_html='<form method="get" id="search-form" action="'+search_engine+'" target="_blank" class="gsc-search-box" accept-charset="utf-8"><table cellspacing="0" cellpadding="0" class="gsc-search-box"><tbody><tr><td class="gsc-input"><input id="search-query" placeholder="Type keywords" autocomplete="on" type="text" size="10" class="gsc-input" name="q" title="search"></td><td class="gsc-search-button"><input type="submit" value="Search" class="gsc-search-button" title="search"></td></tr></tbody></table></form>';
//]]>
</script>
<!-- SCRIPT -->
</body>
</html>
Related movie you might like to see :
Random/Recent/Feature Posts Button ...
Related PostWidget WithFirst Big Th...
MAKE DLL FILE AND OPEN IN VISUAL BA...
BODY JS FILE LINK IN MAGENTO
INTENSO MAGENTO QUICK VIEW BUTTON
Magento Hello World Module (Extensi...
HTML SYNTAX HIGHLIGHTER
HTML CSS GREEN COMMENTS NOTEPAD++
EDIT IMAGE IN NOTEPAD++
NOTEPAD++ REMOVE UNWANTED LINES
NOTE PAD ++ SYNTAX HIGHLIGHTER FOR ...
GOOGLE CONSOLE
GOOGLE CHROME EXTENSION FILE SAVE O...
OPEN DESKTOP TEXT FILE BY COMMAND P...
CSS SLIDER WITHOUT JS
FLICKITY SLIDER SCROLL WITH RADIO N...
FLICKITY JS CSS SLIDER
BUTTON PADDING CHANGE HEIGHT WIDTH
INPUT BUTTON VALUE SWAP
CSS SYNTAX HIGHLIGHT CHANGE IN NOT...
Related Post for RELATED POST WIDGET FRONT SCREEN TEMPLATE
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE
AUTOMATION ANY WEBSITES
CSS BORDER COLOR
EDIT IMAGE IN NOTEPAD++
RECAPTCHA KEY CONTCAT FORM FOR BLOGGER
Platinum Arts Sandbox Free 3D Game Maker
NEWS TICKER BLOGGER TEMPLATES
IMAGE CONVERTER SOFTWARE 
ADD POP UP REMOVER
BLOG FILE HOSTING GOOGLE PROJECT WITH TORTOISE SVN SOFTWARE
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE
RECOMMENDED POST SLIDE OUT FOR BLOGGER TEMPLATE
SEARCH BOX WITHOUT JAVA CODE
White Space Remover
WORD PRESS PARTS
PAGINATION IN BLOG
GOOGLE IMAGE HOSTING BY PICSA
HOW TO GET MALWARE ADD POPUP WITHOUT SOFTWARE
C DRIVE OPEN IN GOOGLE AND DATA URI IMAGE
SYNTAX HIGHLIGHTER ON LINE FOR BLOGGER 
GOOGLE PROJECT HOSTING
POPULAR POST WIDGET DIFFERENT STYLES
Recommended Post Slide out for Blogger.jpg)
INSTALL WORD PRESS TEMPLATE
PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
BLOG FULL POST IMAGE 600 BY 600
RELATED POST WIDGET LEFT TO RIGHT
Popular Posts Widget for Blogger Tweak
RELATED POST WIDGET LIST SHAPE
CODE OR TEXT WRITING BOX
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE
WHITE SPACE REMOVER CODE
PADDING BUTTON 
RELATED POST WIDGET FRONT SCREEN TEMPLATE
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.