Bây giờ Giống như khôn ngoan Wordpress Blogger Người dùng cũng có thể có bài viếtliên quan với Thumbnail trong Blogspot Blogs.To lượt xem gia tăng cho mỗi người dùngtiện ích này có thể rất hữu ích, bạn có thể dễ dàng hiển thị các bài viết liên quan với cáchình nhỏ bên dưới mỗi bài viết hoặc bên dưới khu vực bưu chính với rất dễ dàng.
Bài viết liên quan Widget với Thumbnail cho Blogger
Dưới đây là các bước chi tiết để cài đặt các widget bài viết liên quan cho các blogger với hình thu nhỏ
Bước 1 :
Đăng nhập vào Blogger -> Layout -> Edit HTMLand chọn đánh dấu vào WidgetTemplates-boxExpand
Sau đó, tìm thấy (CTRL + F) mã này trong các mẫu: </head>
ngay lập tức dán trước nó mã này:
<!--Related Posts with thumbnails Scripts bdlab.blogspot.com--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script type='text/javascript'> var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2RPVDIJ5WBa2YF8MAN7p1f1TvzqxFpc7dgeoF3ffbYPzFQxGOSmBZL9r_-F7M-clcit4dgXOibTvmZg9mZjI7N6u6J9nDstYYjNv4mgAal2FZvjPR1xBJBmjdRn3DU8Ln_VoH7Hn72Ggt/s1600/no+Image+1.png"; var maxresults=5; var splittercolor="#d4eaf2"; var relatedpoststitle="Related Posts"; </script> <script src='https://sites.google.com/site/bdlab12/javascript123/bdlab-related-posts-with-thumbnails-for-blogger-pro.txt' type='text/javascript'/> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts bdlab.blogspot.com-->
Bây giờ tìm thấy mã này trong các mẫu:
<div class='post-footer-line post-footer-line-1'/>Hoặc : <p class='post-footer-line post-footer-line-1'/>Và ta dán sau mã này bằng code sau :<!-- Related Posts with Thumbnails Code Start bdlab.blogspot.com--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div><div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://bdlab.blogspot.com'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnvWxFWxxxdclaSEG3jk1hy3znfo_2GF0srFf0vtYJicrBVHWBV8PjmRsUBWfDnQrub336IzpuoCX7NoFGDp77cLczDReQ_mqELluuL7R4gQTNLb0C4p5S-C7FuO7Gb-1ZkTZG4w-0qsDd/s1600/blogger-widgets.png" /></a><a href='http://bdlab.blogspot.com' ><img style="border: 0" alt="Blogger Templates" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ2hMTdNLpwJ9VZckrtxck-uS8bgw6Ta0YeUHoifeObCaL2tXlZK6_W3tyuS4cYB-84PKC_XIL9ohAZd3h1iAEMG910YjDPD32wM8iKoSgurGoz-uJVjNjDeThT_T4uMaM1DJ-_mjgUTvD/s1600/blogger-templates.png" /></a> </b:if></b:if> <!-- Related Posts with Thumbnails Code End bdlab.blogspot.com-->
- Cuối cùng Save lại Và chúc bạn thành công.
