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 :

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

NEWS TICKER BLOGGER TEMPLATES

RELATED POST WIDGET LEFT TO RIGHT C...

RANDOM POST WITH IMAGE CODE

GOOGLE CONSOLE

GOOGLE CHROME EXTENSION FILE SAVE O...
?
+
X
Recommended for you
Loading..
Related Post for RELATED POST WIDGET CODE
CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE -------------------------------------------------------------------------------------------------------- READ MORE: DREAMWEAVER BLOGGER TEMPLATE PART 1 https://youtu.be/TaqrgP…
BLOG SITEMAP PAGE WITH THUMBNAIL --------------------------------------------------------------------------------------------------------1- COPY AND PASTE CODE IN POST HTML SECTION2- CHANGE BLOG URLReaad More…
BLOG SITEMAP PAGE WITH THUMBNAIL 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.entr…
NEWS TICKER BLOGGER TEMPLATES ---------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODEIN BLOGGER TEMPLATE -----------------…
ARCHIVE CALENDER WIDGET IN BLOG Install Archive calendar on your Blog Go To Blogger > Layout Chose Blog Archive widget which is available in Blogger's default widget directory. Switch to next page…
RECENT COMMENTS WITH AVATAR RECENT COMMENTS AVATAR ul.latest_recent_comments{list-style:none;margin:0;padding:0;} .latest_recent_comments li{background:none !important;margin:0 0 6px !important;paddi…
RANDOM POST BLOG URL SITE MAP CODE ------------------------------------------------------------------------------------------------------- 1-COPY AND PASTE BELOW CODE POST HTML SECTION 2-CHANGE BLOG URL 3- CHANG…
RELATED POST WIDGET #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…
SEARCH .art-object989822972{ position: absolute; top: 110px; right:10px; width:300px; height: 24px; } #search { } #search input[type="text"] { background: url('https://blo…
RECENT POST BY AUTO BLOG FEED #rp_plus_img{height:377px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#ffffff; border:solid 1px #000000;} #rp_plus_img a{color:#00000;} #rp_pl…
BLOG SITEMAP ACCORDION .judul-label{ background-color:#E5ECF9; font-weight:bold; line-height:1.4em; margin-bottom:5px; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 0 2px; …
RECENT POST WITH COMMENTS AND BLOG URL HOVER THUMBNAIL #spylist-widget { overflow: hidden; margin-top: 5px; padding: 0px 0px; height: 385px; font-family:calibri; } #spylist-widget ul { width: 295px; overflow: hidden; list-style-ty…
RECENT POST WITH COMMENTS AND BLOG URL HOVER THUMBNAIL CODE ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION -------------------…
RANDOM POST THUMBNAIL //![CDATA[ var rdp_numposts=100; var rdp_snippet_length=150; var rdp_info='yes'; var rdp_comment='Comments'; var rdp_disable='Comments Disabled'; var rdp_current=[];var rdp_total_…
RESPONSIVE BLOGGER TEMPLATE ---------------------------------------------------------------------------------------------------------------- RESPONSIVE GENERIC BLOGGER TEMPLATE CODE: Read More: https://c…
BLOG SITEMAP ACCORDION CODE ---------------------------------------------------------------------------------------------------------- 1- COPY AND PASTE CODE IN POST HTML SECTION 2- CHANGE BLOG URL Reaad…
RECENT POST MOVE UP TO DOWN #rcentpost li,#rcentcomnets li { border:1px solid #DDD; border-bottom:0; background:#FCFCFC; padding:5px; overflow:hidden; height:82px } #rcentpost,#rcentcomnets { min-height…
FB GADGETS ------------------------------------------------------------------------------------------------ SEARCH THIS WORD IN GOOGLE site:blogspot.com fbgadgets https://www.google.co.…
search2 Loading... //![CDATA[ var searchFormConfig = { url: "http://fbgadgets.blogspot.co.uk/", numPost: 9999, summaryPost: true, summaryLength: 400, resultTitle: "Search result…
RESPONSIVE BLOGGER TEMPLATE FB GDGETS ---------------------------------------------------------------------------------------------------------------- RESPONSIVE BLOGGER TEMPLATE FB GDGETS CODE: Read More: ht…
RANDOM POST WITH IMAGE CODE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION ----------------------…
BLOG SITEMAP URL WITH SIDEBAR /* Skin for Blogger Tabbed Layout TOC */ #tabbed-toc { margin:0 auto; background-color:#224C19; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4); -moz-box-shadow:0 1px 3px rgba(0…
BLOG SITEMAP URL WITH SIDEBAR CODE ----------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION -------------------------…
BLOG SITEMAP CODE -------------------------------------------------------------------------------------------------------- 1- COPY AND PASTE CODE IN POST HTML SECTION 2- CHANGE B…
OPEN DESKTOP TEXT FILE BY COMMAND PROMPT -------------------------------------------------------------------------------------------------------------- Read More: Very Simple Java Hello World program with Notepad and …
GENERIC BLOGGER TEMPLATE PARTS ---------------------------------------------------------------------------------------------------- WHAT IS IN BLOG? RESPONSIVE BLOGGER TEMPLATE - YouTube ▶ 9:19 …
BLOG SITEMAP CODE RECENT BLOG URL #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } #spylist ul{ width:500px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0p…
RECENT POST MOVE UP TO DOWN CODE ------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE IN POST HTML CODE --------------------------------…
RECENT COMMENTS WITH AVATAR CODE ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION READ MORE: http://…
CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE -------------------------------------------------------------------------------------------------------- READ MORE: http://all-free-download.com/free-website-templates/downloa…
BLOG SITEMAP TAB FORMAT var _2075;var _6049='…
BLOG SITEMAP TAB FORMAT -------------------------------------------------------------------------------------------------------- 1- COPY AND PASTE CODE IN POST HTML SECTION 2- CHANGE BLOG URL Reaad …
GOOGLE CHROME EXTENSION FILE SAVE ON WINDOW --------------------------------------------------------------------------------------------------- Where are my Google Chrome extensions stored? -----------------------------…
RANDOM POST BLOG URL SITE MAP .single li { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_LVrjpTo2Z8FjsauoOceipjUIakj0APYVJVPn7GupCZVVBP45KzBxtG89aUrVLtThouB-SzYhLJhwrqnhwEBm86…
RELATED POST WIDGET LEFT TO RIGHT CODE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION -----------------------…
GOOGLE CONSOLE ----------------------------------------------------------------------------------------------------------- GOOGLE CONSOLE CODE READ MORE https://www.javascripture.com/Image ht…
BLOG SITEMAP FB GADGETS #toc { margin: -20px; margin-top: -25px; padding: 40px; background: #f1f1f1; } #toc { width:80%; margin:5px auto; border:1px solid #2D96DF; -webkit-box-shadow:4p…
RANDOM POST WITH IMAGE #random-posts img { float:left; margin-right:10px; width:65px; height:50px; background-color:#F5F5F5; padding:3px; } ul#random-posts li{ background:#FFFBCC; border: 6px doub…
RELATED POST WIDGET CODE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION ----------------------…
GOOGLE PROJECT HOSTING ------------------------------------------------------------------------------------------------------------- STEP:1 LOGIN YOUR GOOGLE ACCOUNT STEP:2 GO TO SITE https://code.…
Labels:
BLOG SITEMAP
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.