Chào mừng các bạn đến với web thiết bị mầm non Hà Vũ: Chúc Quý Khách Thành Đạt Trong Cuộc Sống. mọi thông tin vui lòng liên hệ trên.

Bài viết liên quan trên Blogspot Phiên bản 1



Hphấn chấn Post là một cái gì đó có vẻ đơn giản, nhưng có tác dụng khá tốt cho blog của các bạn. Bài viết liên quan, số lần xem trang trên blog của  các bạn sẽ tăng lên. Ngoài ra, du khách có thể dễ dàng khám phá nội dung có trong blog của  các bạn. Cho bài viết có liên quan làm thế nào để làm cho nó, sẽ có nhiều để cung cấp cho hướng dẫn và thủ thuật cho việc này. Và một trong số họ có thể là bằng cách:
  • Vào Sửa ► Layout ► Edit HTML
  • Đánh dấu vào hộp nhỏ mở rộng
  • ctrl +F  tìm đọan code này </ head> và copy-dán đoạn mã sau trước khi mã </ head> , hoặc chỉ trên mã</ head> .
<style>
# liên quan đến bài viết {
float: left;
width: 540px;
margin-top: 20px;
margin-left: 5px;
margin-bottom: 20px;
font: 11px Verdana;
margin-bottom: 10px;
}
# liên quan bài viết widget {
list-style-type: none;
margin: 0 5px 5px 0;
padding: 0;
}
# liên quan đến bài viết widget h2, # liên quan bài viết h2 {
font-size: 20px;
font-weight: bình thường;
lề : 5px 7px 0;
padding: 0 0 5px;
}
# liên quan đến bài viết a {
text-decoration: none;
}
# liên quan đến bài viết: hover {
text-decoration: none;
}
# liên quan đến bài viết ul {
biên giới: trung bình không có ;
margin: 10px;
padding: 0;
}
# liên quan đến posts ul li {
display: block;
background: url ("http://1.bp.blogspot.com/_cNpXRtRph18/SpbSRYurg2I/AAAAAAAAD7Q/ GbYNm2feyIQ/rss.png ") no-repeat 0 0;
margin: 0;
padding-top: 0;
padding-quyền: 0;
padding-bottom: 1px;
padding-left: 21px;
margin-bottom: 5px;
line-height: 2em;
biên giới -bottom: 1px dotted # cccccc;
}
# liên quan đến bài viết ul li: hover {
background-color: # E2EBF8;
biên giới-top: 1px dotted # cccccc;
}
</ style>
<script src = 'http://oemar. googlecode.com / files / Related_post _hack.js 'type =' text / javascript '/>
Tìm mã <p> <data:post.body/> </ p> Mẫu mã mỗi khác nhau - khác nhau. Thông thường, các mã có thể như sau <div class='post-body> hoặc một số như thế này <p> <data:post.body/> </ p> Trên thực tế, mã này có thể được đặt trong các mẫu mà bạn thích nếu bạn đủ hiểu biết về mã hóa. Nhưng chắc chắn tìm mã <p> <data:post.body/> </ p> 1. Đối với cách đơn giản nhất, bạn có thể sử dụng một lệnh bằng cách nhấn CTRL + F trên bàn phím của bạn và nhập vào mã bạn muốn tìm kiếm trong hộp cung cấp.

Sau khi nhận được mã <p> <data:post.body/> </ p> Copy-dán đoạn mã sau mã dưới đây.
<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'> <b> Bài viết liên quan: </ b> </ font> <font color='#FFFFFF'> <b:loop values='data:post.labels' var='label'> <data:label.name/> <b: if cond = 'dữ liệu : label.isLast = "true"> </ b: if> <b:if cond='data:blog.pageType == "item"'>
<script expr: src = '"/ feeds / posts/default/- / "+ dữ liệu: label.name +" alt = json trong kịch bản gọi lại = related_results_labels & max-kết quả =5 "'type =' text / javascript '/> </ b: if> </ b: loop> </ font>
<script type='text/javascript'> removeRelatedDuplicates (); printRelatedLabels ();
</ script>
</ div </ b>:>
  • Lưu mẫu của bạn.

Đăng có liên quan, bạn sẽ trông giống như hình ảnh dưới đây.
Bài viết liên quan trên Blogspot Phiên bản 1


► Để menempilkan bài liên kết có liên quan như số chuyển đổi màu xanh trên những gì bạn muốn
► Để thay đổi biểu tượng bên trái của liên kết bài viết liên quan, bạn phải thay đổi URL hình ảnh mã màu đỏ với URL của hình ảnh bạn muốn. Bạn có thể sử dụng các trang web hình ảnh miễn phí lưu trữ phục vụ như ImageShack hoặc photobucket và blogger mình đây 
► Để thay đổi các màu sắc hoặc phong cách di chuột (màu hoặc phong cách mà xuất hiện trong các bài viết liên quan đến khi nhấn mạnh bởi con chuột) bạn có thể không quan trọng - tinh chỉnh css của mình mã. Chính trong mã
# Liên quan-posts ul li: hover {
background-color: # E2EBF8 ;
biên giới-top: 1px dotted # cccccc;
}
Nếu bạn muốn thay đổi màu sắc, bạn chỉ cần thay thế mã # E2EBF8 với mã màu HTML mà bạn muốn.

Tag:

Chia sẻ bài viết : like hay g+ Các Bạn Nhé :