1.Đăng nhập vào Blog
2.Tùy chọn (Mũi tên xuống)
3.Chọn mẫu
4. Chọn Phần tử trang --> Thêm tiện ích -->HLTM/Java
5. Dán toàn bộ code sau đây vào :
<style type='text/css'>
#related_posts h4{font-size:220%;font-family:'georgia',"Arial Narrow",Arial,sans-serif;text-transform:capitalize;margin-top:20px;text-shadow: 0.5px 0.5px 1px #666}
.isirelated h5{text-transform:capitalize;font-size:120%;margin-bottom:3px}
#relpost_img_sum img{width:120px;height:120px;border:1px solid #D8D8D8}
.isirelated{width:300px;z-index:2;padding:5px 8px;background-color:#F3F3F3;border-bottom:2px solid black;position:absolute;top:-70%;left:200px;visibility:hidden;opacity:0;transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition:all 0.6s cubic-bezier(1,2,0,0) 0s}
#relpost_img_sum li:hover .isirelated{visibility:visible;opacity:1;left:10px}
.isirelated::after{content:"";width:0;height:0;border-width:10px 5px;border-style:solid;border-color:black transparent transparent transparent;position:absolute;top:100%;left:11px}
#relpost_img_sum li{list-style:none;width:120px;height:120px;position:relative;float:left;margin-right:5px}
.news-text{font-size:90%}
#related_posts{height:180px}
.post-body a{color:#31B004}
.post-body a:hover{color:#0018FF;}
.post-footer a{color:black}
.post-footer a:hover{text-decoration:none}</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script>
<script type='text/javascript'>
//<![CDATA[
var relnojudul=0;var relmaxtampil=5;var numchars=150;var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(d,c){var b=d.split("<");for(var a=0;a<b.length;a++){if(b[a].indexOf(">")!=-1){b[a]=b[a].substring(b[a].indexOf(">")+1,b[a].length)}}b=b.join("");b=b.substring(0,c-1);return b}function relpostimgcuplik(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];reljudul[relnojudul]=d.title.$t;postcontent="";if("content" in d){postcontent=d.content.$t}else{if("summary" in d){postcontent=d.summary.$t}}relcuplikan[relnojudul]=saringtags(postcontent,numchars);if("media$thumbnail" in d){postimg=d.media$thumbnail.url}else{postimg="https://huyco-troll.googlecode.com/svn/trunk/no_image.png"}relgambar[relnojudul]=postimg;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relurls[relnojudul]=d.link[a].href;break}}relnojudul++}}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function artikelterkait(){var j=new Array(0);var h=new Array(0);var g=new Array(0);var d=new Array(0);for(var k=0;k<relurls.length;k++){if(!contains(j,relurls[k])){j.length+=1;j[j.length-1]=relurls[k];h.length+=1;h[h.length-1]=reljudul[k];g.length+=1;g[g.length-1]=relcuplikan[k];d.length+=1;d[d.length-1]=relgambar[k]}}reljudul=h;relurls=j;relcuplikan=g;relgambar=d;for(var k=0;k<reljudul.length;k++){var c=Math.floor((reljudul.length-1)*Math.random());var p=reljudul[k];var m=relurls[k];var f=relcuplikan[k];var b=relgambar[k];reljudul[k]=reljudul[c];relurls[k]=relurls[c];relcuplikan[k]=relcuplikan[c];relgambar[k]=relgambar[c];reljudul[c]=p;relurls[c]=m;relcuplikan[c]=f;relgambar[c]=b}var n=0;var a=Math.floor((reljudul.length-1)*Math.random());var e=a;var o;var l=document.URL;while(n<relmaxtampil){if(relurls[a]!=l){o="<li class='news-title clearfix'>";o+="<a href='"+relurls[a]+"' rel='nofollow' target='_top' title='"+reljudul[a]+"'><img src='"+relgambar[a]+"' /></a>";o+="<div class='isirelated'><h5>"+reljudul[a]+"</h5>";o+="<span class='news-text'>"+relcuplikan[a]+" ... </span></div>";o+="</li>";document.write(o);n++;if(n==relmaxtampil){break}}if(a<reljudul.length-1){a++}else{a=0}if(a==e){break}}};
//]]></script>
<div id='related_posts'>
<h4>Bài Liên Quan</h4>
<div id='bpslidein_place_holder'></div>
<script src='http://www.vietcons.info/feeds/posts/default/-/Thủ.Thuật.Blogspot?alt=json-in-script&callback=relpostimgcuplik&max-results=50' type='text/javascript'></script>
<script src='http://www.vietcons.info/feeds/posts/default/-/Thủ.Thuật.PC?alt=json-in-script&callback=relpostimgcuplik&max-results=50' type='text/javascript'></script>
<script src='http://www.vietcons.info/feeds/posts/default/-/Thủ.Thuật.Window?alt=json-in-script&callback=relpostimgcuplik&max-results=50' type='text/javascript'></script>
<span class='glap'><ul id='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</ul></span>
</div>
<script type='text/javascript'>
//<![CDATA[
function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b+"-c");d[a].width=b;d[a].height=b}}resizeThumb("related_posts",120);
//]]>
</script>
6.Cuối cùng là lưu lại.
-Chú Ý:
Sửa dòng :
http://www.vietcons.info : Thành tên miềm blog của bạn
Thủ.Thuật.Blogspot : Thành tên nhãn bài đăng blog của bạn
No comments:
Post a Comment