Loading data........
Tin nhanh :
Xem Tivi Online

Tổng hợp các kênh giải trí (Đang cập nhật chức năng..)

New Update

Truyền hình SCTV

SCTV14

SCTV15

SCTV16

SCTV17

SCTV18 HD

Vietnam Channels

VTV1

VTV2

VTV3

VTV4

VTV6

VTV9

VTC Online

VTC1

VTC2

VTC3

VTC4

VTC5

VTC6

VTC Online

VTC7

VTC8

VTC9

VTC10

VTC11

VTC12

Truyền hình tp HCM

HTV1

HTV2

HTV3

HTV4

HTV7

HTV9

Radio Channels

VOV1

VOV2

VOV3

VOV4

VOV5

VOV GT-HN

Home » » Cách tạo các bài viết liên quan trong Blogger

Cách tạo các bài viết liên quan trong Blogger

Một phương pháp tương đối dễ dàng tăng số lần xem trang trên blog của bạn là để thêm một danh sách các bài viết liên quan bên dưới mỗi bài báo. Điều này mang đến cho người đọc, sẵn sàng tạo một danh sách đọc của các bài viết trên blog của bạn, mà là của một chủ đề tương tự hoặc các chủ đề. Đối với những người sử dụng Blogger để xuất bản blog của mình, có một vài phương pháp khác nhau có sẵn để hiển thị một danh sách các bài viết liên quan. Những "liên quan đến bài viết hacks" trả lại một danh sách các bài viết gần đây từ các nhãn (s) phân công cụ thể các bài viết. Trong Bảng điều khiển Blogger các bạn click Layout->Edit HTML->Trước khi chỉnh sửa mẫu của bạn, sao lưu mẫu của bạn trước tiên. Nhấp vào Download Full Template và lưu lại Các bạn click vào Expand Widget Templates sau đó tìm đoạn code :
<data:post.body/>
Sao chép mã dưới đây, và dán nó dưới <data:post.body/>:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
                <div class='similar'>
                    <div class='widget-content'>
                    <h3>Related Posts</h3>
                    <div id='data2007'/><br/><br/>
                        <div id='hoctro'>
                        </div>
                        <script type='text/javascript'>

                        var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
                        var maxNumberOfPostsPerLabel = 4;
                        var maxNumberOfLabels = 10;

                        maxNumberOfPostsPerLabel = 100;
                        maxNumberOfLabels = 3;

                        function listEntries10(json) {
                          var ul = document.createElement(&#39;ul&#39;);
                          var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
                                         json.feed.entry.length : maxNumberOfPostsPerLabel;
                          for (var i = 0; i &lt; maxPosts; i  ) {
                            var entry = json.feed.entry[i];
                            var alturl;

                            for (var k = 0; k &lt; entry.link.length; k  ) {
                              if (entry.link[k].rel == &#39;alternate&#39;) {
                                alturl = entry.link[k].href;
                                break;
                              }
                            }
                            var li = document.createElement(&#39;li&#39;);
                            var a = document.createElement(&#39;a&#39;);
                            a.href = alturl;

                            if(a.href!=location.href) {
                                var txt = document.createTextNode(entry.title.$t);   
                                a.appendChild(txt);
                                li.appendChild(a);
                                ul.appendChild(li);   
                            }
                          }
                          for (var l = 0; l &lt; json.feed.link.length; l  ) {
                            if (json.feed.link[l].rel == &#39;alternate&#39;) {
                              var raw = json.feed.link[l].href;
                              var label = raw.substr(homeUrl3.length 13);
                              var k;
                              for (k=0; k&lt;20; k  ) label = label.replace(&quot;%20&quot;, &quot; &quot;);
                              var txt = document.createTextNode(label);
                              var h = document.createElement(&#39;b&#39;);
                              h.appendChild(txt);
                              var div1 = document.createElement(&#39;div&#39;);
                               div1.appendChild(h);
                              div1.appendChild(ul);
                              document.getElementById(&#39;data2007&#39;).appendChild(div1);
                            }
                          }
                        }
                        function search10(query, label) {

                        var script = document.createElement(&#39;script&#39;);
                        script.setAttribute(&#39;src&#39;, query   &#39;feeds/posts/default/-/&#39;
                           label  
                        &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
                        script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
                        document.documentElement.firstChild.appendChild(script);
                        }

                        var labelArray = new Array();
                        var numLabel = 0;

                        <b:loop values='data:posts' var='post'>
                          <b:loop values='data:post.labels' var='label'>
                            textLabel = &quot;<data:label.name/>&quot;;
                            var test = 0;
                            for (var i = 0; i &lt; labelArray.length; i  )
                            if (labelArray[i] == textLabel) test = 1;
                            if (test == 0) {
                               labelArray.push(textLabel);
                               var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
                                      labelArray.length : maxNumberOfLabels;
                               if (numLabel &lt; maxLabels) {
                                  search10(homeUrl3, textLabel);
                                  numLabel  ;
                               }
                            }
                          </b:loop>
                        </b:loop>
                        </script>
                    </div>

                </div>
            </b:if>


Click "Save Template."
Like và chia sẻ với bạn bè :

10 comments:

  1. sao tôi làm theo không được, hướng dẫn giúp được không ?

    ReplyDelete
  2. code của bạn bị thiếu rùi

    ReplyDelete
  3. Chào Admin, tôi mới tập làm blogspot, vì lòng đam mê, nhưng chưa hiểu sâu về CSS.
    Nhờ Admin giúp tôi:
    Trang của tôi:
    www.phantunghiahanh.tk
    Tôi muốn sửa chửa các yếu tố sau đây:
    Trong bài đăng trang chính có chữ xem tiếp cho mỗi bài :
    Xoá nền màu cam hình chữ nhật của chữ: “ xem tiếp>>…”, và đổi màu chữ “xem tiếp>>…” thành màu xanh lơ.
    Phía dưới các bài liên quan là các tiêu đề có màu đà: (color: #8A050F), tôi muốn đổi thành màu xanh lơ (color: #1982D1)
    Hình cụ thể:
    https://lh5.googleusercontent.com/-bAbsziJsWm8/T7rmPSh5pTI/AAAAAAAANQ0/DKtl0BNj1LE/s0/Movie2Share.NET-nnnn.JPG
    Nhờ Admin hướng dẫn giúp.
    Xin cảm ơn Admin

    ReplyDelete
  4. Chào Phan Tú,
    Rất vui vì bạn đã ghé thăm blog này. Để có thể chỉnh sửa 1 số style cho blog của bạn. Trước tiên hãy đăng nhập vào Blogger sau đó chọn Design  Edit Html
    - Để xóa nền màu cam và đổi chữ “Xem tiếp” thành màu xanh lơ -> nhấn phím tắt Ctr+F và tìm tới đoạn “.readmore {” sau đó xóa dòng “background: #F8AC00;” (như vậy đã xóa được màu nền),
    Chèn thêm đoạn “.readmore a{ color: #1982D1}” vào ngay dưới dấu đóng “}” của style “.readmore {” trên.
    số #1982D1 chính là mã màu, nếu bạn muốn chọn mã màu khác hãy vào trang http://www.colorpicker.com và chọn màu theo ý thích.
    - Thay đổi màu chữ trong bài viết liên quan : Bạn chèn tiếp thêm đoạn bên dưới này vào
    #data2007 ul li a { color: #1982D1}
    Nice day 

    ReplyDelete
  5. Đa tạ bạn, mình xoá nền chữ xem tiếp và đổi màu được rồi, Còn chèn mã này #data2007 ul li a { color: #1982D1} ở chỗ nào mình chưa rõ. Thân mong bạn hướng dẫn cụ thể là chèn vị trí nào.
    Khu vực mình đang chỉnh sửa thành công rồi đây, chỉ còn lý bí đổi màu các tiêu đề con của mục Bài viết liên quan .
    Khu vực CSS:
    .readmore{
    float:right;

    padding:4px 10px;
    margin:10px 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    }
    .readmore a{ color: #1982D1}
    #PageList1 h2, #HTML5 h2 {display:none}
    .status-msg-wrap{
    display:none;
    }
    Cảm ơn bạn nhiều

    ReplyDelete
  6. Ngồi mò mẫn một chút được rồi bạn ơi. Chân thành cảm ơn bạn.
    Không biết nói gì hơn, mình xin gởi đến bạn và gia đình lời cầu chúc sức khoẻ.
    Chào thân ái.

    ReplyDelete
  7. @PhanTu: ko có chi, rất vui vì giúp đc bạn. Nếu có bất kỳ vấn đề nào thắc mắc, bạn cứ pm mình sẽ giúp :)

    ReplyDelete
  8. This comment has been removed by a blog administrator.

    ReplyDelete
  9. Cảm ơn bạn, mình đã áp dụng thành công trên blog mình: loi dich nhac mylyric blog

    ReplyDelete
  10. Cho mình hỏi. mình tạo Bài viết liên quan mà chỉ hiện ra bài viết liên quan ko hiện ra được link dẫn tới các bài.
    Các bản hướng dẫn giúp mình với

    ReplyDelete

Bạn có ý kiến thắc mắc hay bình luận gì về bài viết này vui lòng để lại lời nhắn.Cám ơn bạn đã ghé thăm !

 
Proudly powered by Blogger
Copyright © 2009-. The Color Of Life - All Rights Reserved