Tiện Ích Bài Viết Liên Quan Hiệ Ứng Mô Tả

Bước 1: Vào blogger → Mẫu → Chỉnh sửa HTML

Bước 2: Mở rộng mẫu tiện ích

Bước 3: Tìm thẻ ]]></b:skin> (Nhấn F3 Hoặc Ctrl + F) và dán trước nó đoạn code bên dưới :

#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}

#related_posts{height:180px}

#relpost_img_sum img{width:120px;height:120px;border:1px solid #D8D8D8}

#relpost_img_sum li:hover .isirelated{visibility:visible;opacity:1;left:10px}

#relpost_img_sum li{list-style:none;width:120px;height:120px;position:relative;float:left;margin-right:5px}

.isirelated h5{text-transform:capitalize;font-size:120%;margin-bottom:3px}

.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}

.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}

Bước 4: Sau thẻ </head> dán đoạn code sau

<b:if cond='data:blog.pageType == "item"'>

//<![CDATA[

var relnojudul=0,relmaxtampil=5,numchars=150,reljudul=[],relurls=[],relcuplikan=[],relgambar=[];function saringtags(b,e){for(var a=b.split("<"),c=0;c<a.length;c++)-1!=a[c].indexOf(">")&&(a[c]=a[c].substring(a[c].indexOf(">")+1,a[c].length));a=a.join("");return a=a.substring(0,e-1)}

function relpostimgcuplik(b){for(var e=0;e<b.feed.entry.length;e++){var a=b.feed.entry[e];reljudul[relnojudul]=a.title.$t;postcontent="";"content"in a?postcontent=a.content.$t:"summary"in a&&(postcontent=a.summary.$t);relcuplikan[relnojudul]=saringtags(postcontent,numchars);postimg="media$thumbnail"in a?a.media$thumbnail.url:"https://huyco-troll.googlecode.com/svn/trunk/no_image.png";relgambar[relnojudul]=postimg;for(var c=0;c<a.link.length;c++)if("alternate"==a.link[c].rel){relurls[relnojudul]=a.link[c].href;

break}relnojudul++}}function contains(b,e){for(var a=0;a<b.length;a++)if(b[a]==e)return!0;return!1}

function artikelterkait(){for(var b=[],e=[],a=[],c=[],d=0;d<relurls.length;d++)contains(b,relurls[d])||(b.length+=1,b[b.length-1]=relurls[d],e.length+=1,e[e.length-1]=reljudul[d],a.length+=1,a[a.length-1]=relcuplikan[d],c.length+=1,c[c.length-1]=relgambar[d]);reljudul=e;relurls=b;relcuplikan=a;relgambar=c;for(d=0;d<reljudul.length;d++){var b=Math.floor((reljudul.length-1)*Math.random()),e=reljudul[d],a=relurls[d],c=relcuplikan[d],f=relgambar[d];reljudul[d]=reljudul[b];relurls[d]=relurls[b];relcuplikan[d]=

relcuplikan[b];relgambar[d]=relgambar[b];reljudul[b]=e;relurls[b]=a;relcuplikan[b]=c;relgambar[b]=f}d=0;e=b=Math.floor((reljudul.length-1)*Math.random());for(c=document.URL;d<relmaxtampil&&!(relurls[b]!=c&&(a="<li class='news-title clearfix'>",a+="<a href='"+relurls[b]+"' rel='nofollow' target='_top' title='"+reljudul[b]+"'><img src='"+relgambar[b]+"' /></a>",a+="<div class='isirelated'><h5>"+reljudul[b]+"</h5>",a+="<span class='news-text'>"+relcuplikan[b]+" ... </span></div>",a+="</li>",document.write(a),

d++,d==relmaxtampil))&&!(b<reljudul.length-1?b++:b=0,b==e););};

//]]></script>

</b:if>

Bước 5: Tìm thẻ <div class='post-footer'> và dán ngay sau nó đoạn code bên dưới (Dán vào thẻ đầu tiên bạn tìm được)

<b:if cond='data:blog.pageType == "item"'>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</ul></span>

</div>

//<![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>

</b:if>

Bước 6: Lưu lại template

- Chú ý : Bạn nhớ sửa đổi lại cho thích hợp bạn nhé.

- Dòng chữ màu xanh là thể hiện cho cả blog.

- Muốn cho nhãn thì bạn thêm như sau:

Chúc bạn thành công!

Tổng hợp theo Trollvl.

Tuesday, 22 January 2013