|
Đăng bởi Admin | 11/10/13 | 0 nhận xét
Một trong những cách tốt nhất để tăng lượt xem và độc giả đang sử dụng một bài viết liên quan đến plugin. Sau thành công lớn của thumbnail bài viết realated widget bằng cách linkwithin, Aneesh phát triển các tiện ích cùng sử dụng mã tùy chỉnh mà là thực sự đáng tin cậy hơn và hoàn toàn tùy biến.
Bây giờ Giống như khôn ngoan Wordpress Blogger Người dùng cũng có thể có Bài viết liên quan với Thumbnail trong Blogspot Blogs.To tăng lượt xem trang mỗi người sử dụng tiệ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 hình thu nhỏ bên dưới mỗi bài viết hoặc bên dưới khu vực với bài rất dễ dàng .
Để thay đổi các màu sắc của các dòng Splitter, chỉnh sửa:
Thay đổi: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM0d3JVfKrtZCvmfbHUfb4pACZS27reJ-Fm-8Gf-Bp5Kq4ylJtGA9xIpFHkLLayie0rxdn4dawj2CUI508_0ZNfhNJx4CnfwIk-2WHCsCEqur6j9A5wAJu5nonnnZ5rVARDr10Ln5SLpB9/s1600/no+Image+1.png
bằng đoạn mã có hình ảnh tương ứng bạn thích:
Theo: bdlab.blogspot.com
Một trong những cách tốt nhất để tăng lượt xem và độc giả đang sử dụng một bài viết liên quan đến plugin. Sau thành công lớn của thumbnail bài viết realated widget bằng cách linkwithin, Aneesh phát triển các tiện ích cùng sử dụng mã tùy chỉnh mà là thực sự đáng tin cậy hơn và hoàn toàn tùy biến.
Bây giờ Giống như khôn ngoan Wordpress Blogger Người dùng cũng có thể có Bài viết liên quan với Thumbnail trong Blogspot Blogs.To tăng lượt xem trang mỗi người sử dụng tiệ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 hình thu nhỏ bên dưới mỗi bài viết hoặc bên dưới khu vực với bà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 bài viết liên quan đến phụ tùng cho các blogger với hình thu nhỏ
Bước 1:
Sau đó, tìm (Ctrl + F) đoạn mã này trong các mẫu:
</head>
Và ngay lập tức dán mã dưới này trước nó :
<!--Related Posts with thumbnails Scripts 24work.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/AVvXsEjM0d3JVfKrtZCvmfbHUfb4pACZS27reJ-Fm-8Gf-Bp5Kq4ylJtGA9xIpFHkLLayie0rxdn4dawj2CUI508_0ZNfhNJx4CnfwIk-2WHCsCEqur6j9A5wAJu5nonnnZ5rVARDr10Ln5SLpB9/s1600/no+Image+1.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://24work.ucoz.com/24work-blogspot/related-posts/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts 24work.blogspot.com-->
Bước 2:Bây giờ tìm thấy mã này trong các mẫu:
<div class='post-footer-line post-footer-line-1'/>
Nếu bạn không thể tìm thấy nó, cố gắng tìm kiếm đoạn mã này:
<p class='post-footer-line post-footer-line-1'/>
Dán đoạn mã dưới này ngay sau đoạn mã trên (tùy theo bạn có thể tìm thấy đoạn nào):
<!-- Related Posts with Thumbnails Code Start 24work.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://24work.blogspot.com'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPJCH4CW_3eTy8WWEtjleb2Gq8zUSbTlVlzVzeS-v-raIkWJz2cWbHGGbsBvAoM7Pn_fX5rOzCtuqQ_p7iZ8oFbYczN6A0Gf_XfHkuBTWwJI11Obz7ErF6bMULZ5-0w9iYcwsnmpfYix0I/s1600/blogger-widgets.png" /></a><a href='http://24work.blogspot.com' ><img style="border: 0" alt="Blogger Templates" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilbmA0tnKcLsit7R_E57IxXDdmb27Ehz65Ow-k5A8epdgN8KkUopeXNV6R8QniM1xBTZmJiRG4ikkQzof0gIUSJjg7hH8FkGhQKNVjx7DUN54hAQUZ93_f0DWKE9JxOF5sMUU_4KpMysJo/s1600/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End 24work.blogspot.com-->
Nhấp vào Save Template
..................................................................................................................................
.......................................................................................................................................
..................................................................................................................................
Bạn có thể điều chỉnh số lượng tối đa của bài viết liên quan được hiển thị bằng cách chỉnh sửa dòng này trong các mã.
var maxresults=5;
Để chỉnh sửa tiêu đề của các tiện ích, bạn có thể thay đổi dòng mã này:
var relatedpoststitle="Related Posts";
Để thay đổi hình thu nhỏ mặc định, bạn có thể chỉnh sửa dòng mã này:
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM0d3JVfKrtZCvmfbHUfb4pACZS27reJ-Fm-8Gf-Bp5Kq4ylJtGA9xIpFHkLLayie0rxdn4dawj2CUI508_0ZNfhNJx4CnfwIk-2WHCsCEqur6j9A5wAJu5nonnnZ5rVARDr10Ln5SLpB9/s1600/no+Image+1.png";var splittercolor="#d4eaf2";Thay đổi: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM0d3JVfKrtZCvmfbHUfb4pACZS27reJ-Fm-8Gf-Bp5Kq4ylJtGA9xIpFHkLLayie0rxdn4dawj2CUI508_0ZNfhNJx4CnfwIk-2WHCsCEqur6j9A5wAJu5nonnnZ5rVARDr10Ln5SLpB9/s1600/no+Image+1.png
bằng đoạn mã có hình ảnh tương ứng bạn thích:
Thư viện Tài liệu học tập
Ẩm thực Việt
Bàn về phong thủy
Namkna
Thư viện Tài liệu học tập 
Chính Trực Blog 
DautoCrazy.Blog 
Thư viện ảnh bìa
Tiền của tui
Caocongkien 360
Báo Tuổi Trẻ Đời Sống
CuoiS2
Không có nhận xét nào:
Đăng nhận xét
Cảm ơn bạn đã nhận xét !
Mã hóa Code- Bạn có thể chèn link vào nhận xét bằng thẻ: <a href="Link" rel="nofollow">Tên link</a>
- Tạo <b>Chữ đậm</b> và <i>Chữ ngiêng</i> cho nhận xét
- Hãy Chuyển đổi mã code trước khi chèn vào nhận xét
- Hãy bấm Theo dõi dưới chân trang để nhanh chóng nhận được phản hồi từ Thủ thuật vi tính
- Những nhận xét nào không lành mạnh hoặc chèn link spam sẽ bị xóa khỏi blog.