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 :
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...
RESPONSIVE BLOGGER TEMPLATE
CHANGE CSS TEMPLATE INTO BLOGGER TE...
GENERIC BLOGGER TEMPLATE PARTS
GOOGLE PROJECT HOSTING
Related Post for RELATED POST WIDGET CODE
GOOGLE CHROME EXTENSION FILE SAVE ON WINDOW
CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE
BLOG SITEMAP PAGE WITH THUMBNAIL
RECENT POST MOVE UP TO DOWN
BLOG SITEMAP URL WITH SIDEBAR CODE
BLOG SITEMAP ACCORDION
RECENT POST WITH COMMENTS AND BLOG URL HOVER THUMBNAIL CODE
RESPONSIVE BLOGGER TEMPLATE 
GOOGLE PROJECT HOSTING
BLOG SITEMAP CODE
SEARCH
CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE
RANDOM POST BLOG URL SITE MAP
RANDOM POST WITH IMAGE CODE
GENERIC BLOGGER TEMPLATE PARTS
ARCHIVE CALENDER WIDGET IN BLOG
OPEN DESKTOP TEXT FILE BY COMMAND PROMPT
RECENT POST MOVE UP TO DOWN CODE
FB GADGETS
RANDOM POST THUMBNAIL
RECENT POST WITH COMMENTS AND BLOG URL HOVER THUMBNAIL 
RANDOM POST BLOG URL SITE MAP CODE
RELATED POST WIDGET
RECENT COMMENTS WITH AVATAR
RELATED POST WIDGET CODE
BLOG SITEMAP ACCORDION CODE
RANDOM POST WITH IMAGE
RESPONSIVE BLOGGER TEMPLATE FB GDGETS
BLOG SITEMAP
BLOG SITEMAP PAGE WITH THUMBNAIL
NEWS TICKER BLOGGER TEMPLATES
RELATED POST WIDGET LEFT TO RIGHT CODE
BLOG SITEMAP CODE RECENT BLOG URL
BLOG SITEMAP TAB FORMAT- search2
RECENT POST BY AUTO BLOG FEED
BLOG SITEMAP URL WITH SIDEBAR
RECENT COMMENTS WITH AVATAR CODE
GOOGLE CONSOLE 
BLOG SITEMAP TAB FORMAT
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.