Tạo bài viết liên quan Blogspot

10:05 PM Blog Hướng Dẫn 0 Comments

tạo bài viết liên quan cho Blogspot

Tạo bài viết liên quan Blogspot

Tạo bài viết liên quan cho blog sẽ rất tiện lợi cho người đọc Blog, họ có thể nhanh chóng tìm được các bài viết cùng chủ đề với mình đang quan tâm.
Bài viết liên quan hay bài viết cùng chủ đề cùng là một chẳng qua chỉ là khác cách gọi thôi. Hôm nay mình sẽ hướng dẫn các bạn Cách tạo bài viết liên quan cho Blogspot.

Cách tạo bài viết liên quan cho Blogspot

Đầu tiên bạn cần đăng nhập vào Bloger. Vào thiết kế -> Mẫu -> Chỉnh sửa HTML
Bạn ấn tổ hợp phím Ctrl+F để mở tìm kiếm bạn tìm đến dòng </head> và dán đoạn code bên dưới vào trước nó.

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF1F0KN38UG_NPOhYpusuPqYgsCh0FkhyF8bwLegZ12U6hOpCBzGwjLVcC0LqCB9AC9RYAFdy9nxcZsj2SlnkUh8fh99-QXnFfDcw5ipiW4Cw2-ReojxDMpAsP9TZjMUANdcf1uU3B9rQ/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://vntim.googlecode.com/files/VnTim%20Related%20Posts%20Skill%20Link.js' type='text/javascript'/>


Sau đó bạn tìm đến thẻ <data:post.body/> (hoặc <div class='post-body'> Và thêm vào dưới nó code sau

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>



Chúc các bạn thành công.

Tạo bài viết liên quan Blogspot

0 comments: