Bolton College: RELATED POST WIDGET LIST SHAPE

Showing posts with label RELATED POST WIDGET LIST SHAPE. Show all posts

Showing posts with label RELATED POST WIDGET LIST SHAPE. Show all posts

RELATED POST WIDGET LIST SHAPE

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgABXkZXDLrKhkFbddUmFlWtEShLU4NGQbNKRw91zRe2p1tNwPEH1O0ocY82oV-iuQRMI0b-9rSJV_d4jiofLe-RH6eSfD4uhtY40QtN_ulTc1VUKv8pNuXlHLkCf7rI89ocqcV05dk23ax/s1600/RelatedPostWidget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgABXkZXDLrKhkFbddUmFlWtEShLU4NGQbNKRw91zRe2p1tNwPEH1O0ocY82oV-iuQRMI0b-9rSJV_d4jiofLe-RH6eSfD4uhtY40QtN_ulTc1VUKv8pNuXlHLkCf7rI89ocqcV05dk23ax/s1600/RelatedPostWidget.png" width="320" /></a></div>
<br /></div>

<style type="text/css">
#related-post h4{font:1.6em/normal  "Racing Sans One","Trebuchet MS",Helvetica,sans-serif;margin:0;position:relative}
#related-post .related-post-style-2,#related-post .related-post-style-2 li{
background:#FFFBCC;
border: 6px double;
color:Green
}
#related-post .related-post-style-2 li{padding:10px;border-top:1px solid #bdc3c7;overflow:hidden}
#related-post .related-post-style-2 li:first-child{border-top:none}
#related-post .related-post-style-2 .related-post-item-thumbnail{
background:#fff;width:60px;height:60px;border:1px solid #bdc3c7;padding:4px;float:left;margin:0 10px 0 0;transition:all .5s}
#related-post .related-post-style-2 .related-post-item-thumbnail:hover{border:1px solid #666}
#related-post .related-post-style-2 .related-post-item-title{font-weight:bold;font-size:14px}
#related-post .related-post-style-2 .related-post-item-summary{display:block;font:13px/1.3em "Roboto","Trebuchet MS",Helvetica,sans-serif;overflow:hidden}
</style>

<br />
<div class="related-post" id="related-post">
<script type="text/javascript">
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if>];
var relatedPostConfig = {
    homePage: "<data:blog.homepageUrl/>",
    widgetTitle: "<h4>Related Post for <data:post.title/></h4>",
    numPosts: 89,
    summaryLength: 180,
    titleLength: "auto",
    thumbnailSize: 60,
    noImage: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",
    containerId: "related-post",
    newTabLink: false,
    moreText: "",
    widgetStyle: 2,
    callBack: function() {}
};

</script>

<script type="text/javascript">
//<![CDATA[
/*! Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */
var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>
Artikel Terkait:</h4>
",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"…":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"…":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='
<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>
"}else{if(A==3||A==4){c+='
<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip">
<a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>
"+y+"</li>
"}else{if(A==5){c+='
<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>
"}else{if(A==6){c+='
<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip">
<img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div>
</li>
"}else{c+='
<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>
"}}}}}s.innerHTML=c+="</ul>
"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);

//]]>
</script>

</div>
</div>

RELATED POST WIDGET LIST SHAPE

RELATED POST WIDGET LIST SHAPE

08:05

Subscribe to: Posts (Atom)

Blogger Template Bolton College © 2013. All Rights Reserved. Powered by Blogger