Tuesday, 25 November 2014
RELATED POST WIDGET CODE
--------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE IN POST HTML SECTION
----------------------------------------------------------------------------------------------------------
<!--RELATED POST TAB WIDGET START -->
<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>
<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>
<!--RELATED POST TAB WIDGET END -->
Related movie you might like to see :
RESPONSIVE BLOGGER TEMPLATE
CHANGE CSS TEMPLATE INTO BLOGGER TE...
GENERIC BLOGGER TEMPLATE PARTS
GOOGLE PROJECT HOSTING
NEWS TICKER BLOGGER TEMPLATES
RELATED POST WIDGET LEFT TO RIGHT C...
RANDOM POST WITH IMAGE CODE
GOOGLE CONSOLE
GOOGLE CHROME EXTENSION FILE SAVE O...
OPEN DESKTOP TEXT FILE BY COMMAND P...
CHANGE CSS TEMPLATE INTO BLOGGER TE...
RESPONSIVE BLOGGER TEMPLATE FB GDGE...
Related Post for RELATED POST WIDGET CODE
RECENT POST MOVE UP TO DOWN
BLOG SITEMAP PAGE WITH THUMBNAIL
BLOG SITEMAP URL WITH SIDEBAR CODE
BLOG SITEMAP ACCORDION CODE
RELATED POST WIDGET LEFT TO RIGHT CODE
BLOG SITEMAP ACCORDION
NEWS TICKER BLOGGER TEMPLATES
RELATED POST WIDGET CODE
RANDOM POST BLOG URL SITE MAP
RECENT COMMENTS WITH AVATAR
RECENT POST BY AUTO BLOG FEED
RECENT POST WITH COMMENTS AND BLOG URL HOVER THUMBNAIL CODE
CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE
BLOG SITEMAP TAB FORMAT
RECENT POST WITH COMMENTS AND BLOG URL HOVER THUMBNAIL 
BLOG SITEMAP TAB FORMAT
search2
RANDOM POST BLOG URL SITE MAP CODE
RECENT COMMENTS WITH AVATAR CODE
RESPONSIVE BLOGGER TEMPLATE FB GDGETS
FB GADGETS- SEARCH
RESPONSIVE BLOGGER TEMPLATE 
GOOGLE PROJECT HOSTING
BLOG SITEMAP
CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE
BLOG SITEMAP PAGE WITH THUMBNAIL
ARCHIVE CALENDER WIDGET IN BLOG
BLOG SITEMAP CODE RECENT BLOG URL
BLOG SITEMAP CODE
BLOG SITEMAP URL WITH SIDEBAR
RANDOM POST WITH IMAGE
RELATED POST WIDGET
RANDOM POST WITH IMAGE CODE
GOOGLE CHROME EXTENSION FILE SAVE ON WINDOW
OPEN DESKTOP TEXT FILE BY COMMAND PROMPT
RECENT POST MOVE UP TO DOWN CODE
GENERIC BLOGGER TEMPLATE PARTS
RANDOM POST THUMBNAIL
GOOGLE CONSOLE
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.