Translate

Related Posts hiển thị bài viết khác ở cuối bài

Đây cũng là một phương pháp để tăng lượt xem nhiều hơn và giữ khách truy cập  trên trang web của bạn lâu hơn. Điều này cung cấp người xem danh sách một vài bài viết khác trên blog có cùng một chủ đề.
Thực hiện rất đơn giản với các bước sau:
1. Đăng nhập vào Blogger.
2. Design\ Edit HTML\proceed\Expand Widget Templates\
3. Đánh Ctrl-F tìm code sau:  </head>  past code vào trước nó.

<style type='text/css'>
.mota-desc{
position: relative;
z-index: 0;
text-decoration:none;
}
.mota-desc:hover{
background-color: transparent;
z-index: 50;
}
.mota-desc span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1400px;
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}
.mota-desc span img{
border-width: 0;
padding: 3px;
}
.mota-desc:hover span{
padding:6px;
visibility: visible;
top: 20px;
left:100px;
width:320px;
background:#ddd;
text-align: justify;
}
#related-posts {
padding-top:50px;
}
#related-posts a {
text-decoration : none;
}
#related-posts a:hover {
text-decoration : none;
}
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = &quot;http://i1134.photobucket.com/albums/m604/bryanliem/sigpic709920_2.gif&quot;;
showRandomImg = true;
imgwidth = 100;
imgheight = 80;
fntsize = 12;
acolor = &quot;#555&quot;;
aBold = true;
motacolor = &quot;#f00&quot;;
text = &quot;Nhận xét&quot;;
showPostDate = true;
summaryPost = 250;
summaryFontsize = 12;
summaryColor = &quot;#000&quot;;
icon2 = &quot; &#187; &quot;;
numposts = 5;
home_page = &quot;http://liemnguyenngoc.blogspot.com/&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
        if(s[i].indexOf(">")!=-1){
            s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
        }
    }
    s =  s.join("");
    s = s.substring(0,chop-1);
    return s;
}
function showrelatedposts(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();
      for (var i = 0; i < numposts; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
        }
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                pcm = entry.link[k].title.split(" ")[0];
                break;
              }
        }
        if ("content" in entry) {
              var postcontent = entry.content.$t;}
        else
        if ("summary" in entry) {
              var postcontent = entry.summary.$t;}
        else var postcontent = "";
        postdate = entry.published.$t;
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
    cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];
    for(var u2=0;u2<month.length;u2++){
        if(parseInt(m)==month[u2]) {
            m = month2[u2] ; break;
        }
    }
    var daystr = (showPostDate) ? '<i><font color="'+acolor+'"> - ('+day+ ' ' + m + ' ' + y + ')</font></i>' : "";
posttitle = (aBold) ? "<b>"+posttitle+"</b>" : posttitle;
    var trtd = '<img src="http://i1134.photobucket.com/albums/m604/bryanliem/tiatia.gif"/> <a class="mota-desc" href="'+posturl+'" style="color:'+acolor+'; font-size:'+fntsize+'px;">'+posttitle+'<span><div style="color:'+motacolor+';">'+posttitle+' </div>'+cmtext+ ' ' + daystr + ' <br/><img src="'+img[i]+'" style="float:left; border: #ccc 1px solid; padding:2px; margin-right:4px;" width="'+imgwidth+'" height="'+imgheight+'"/>'+icon2+removeHtmlTag(postcontent,summaryPost)+'...</span></a> <br/>';
    document.write(trtd);
    j++;
}
}
//]]>
</script>

 Tiếp tục tìm code sau: <data:post.body/> và past code phía sau nó

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='4'><b>Bài viết khác : </b></font><br/>
<b:loop values='data:post.labels' var='label'><b>Nhãn : </b><font color='#FF0000'><data:label.name/></font><br/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?max-results=5&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrelatedposts&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</div>
</b:if>

4.Lưu lại là xong, thay đổi giá trị cho thích hợp
 imgwidth = xxx; , imgheight = xxx; : kích thước ảnh  sẽ hiển thị trong phần mô tả
 fntsize = xxx; : Tiêu đề bài viết (size)
 acolor = "#555"; : Tiêu đề bài viết (màu)
 motacolor = "#f00"; : màu của tiêu đề  trong phần mô tả
 summaryPost = 150; : số kí tự hiển thị trong phần mô tả
 summaryFontsize = 12; : size chữ của phần mô tả
 summaryColor = "#000"; : màu chữ của phần mô tả
 numposts = 5; : giá trị max-results=5
 home_page = "http://dia chi blog cua minh itechplus.info/";code trên do phandung.blogspot phát triển
 
Được đăng bởi