Relative post cho blogspot
cách chèn bài viết liên quan cho blogspotTìm
</body>
thêm vào bên dưới <b:if cond='data:blog.pageType == "item"'><style type='text/css'>bạn có thể thay đổi cỡ chữ và tiêu đề font-size:14px , font-size: 12px
.related-post-title{font-size:14px;margin: 5px 0px; font-weight: bold;}
#related-posts {margin: 0px 5px;}
#related-posts a {font-size: 12px;color:#970E0E;text-transform: capitalize;}
#related-posts a:hover {text-decoration: none;color: #555;}
#related-posts ul {list-style-type: none;padding: 0px;color: #000000;}
#related-posts li { padding: 0.7em 1.2em;border-bottom: 1px solid #E2E2E2;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKbOpLC7t8bohTOQNw540V-NO4CAF5tsN-2Kuj5qoCsmnmnhYsCicBIpaqj81eAJWoIk9BirnS8Qqibgeny7KAUaxzfcXewB2x7WTxeHG50tPfk3J9LP3DbHw1LJggvqS-0tQm_ur0-Bg/s1600/Arrow.png).2em 1em no-repeat;}
#related-posts li:hover {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKbOpLC7t8bohTOQNw540V-NO4CAF5tsN-2Kuj5qoCsmnmnhYsCicBIpaqj81eAJWoIk9BirnS8Qqibgeny7KAUaxzfcXewB2x7WTxeHG50tPfk3J9LP3DbHw1LJggvqS-0tQm_ur0-Bg/s1600/Arrow.png).2em 1em no-repeat #E7F0FF;}
</style>
<script src='https://raw.githubusercontent.com/josmtoan/blogspot/master/simple-related-post.js' type='text/javascript'/>
</b:if>
tiếp đến
<div class='post-footer'>
thêm vào bên dưới<!-- Ralated post Start --> <b:if cond='data:blog.pageType == "item"'> <div id='related-posts'><h4 class='related-post-title'>You may also like</h4><b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script></div> </b:if> <!-- END Ralated -->
Chú ý: Có thể thay số lượng bài viết liên quan bằng cách thay giá trị
max-results=5
để bài viết liên quan hiển thị được bạn phải cài đặt nguồn cấp dữ liệu đầy đủ cho blog nhé (vào cài đặt > khác> nguồn cấp dữ liệu trang web > chọn đầy đủ. lưu lại)
Tags:
Blogspot
test nhận xét
ReplyDelete