Cách tạo thêm "Các Bài Liên Quan" sau bài viết tren blogspot
- Click chọn Expand Widget Templates
- Bấm Ctrl+F để bật hộp tìm kiếm của trình duyệt, xong gõ từ khóa cần thiết đề tìm dòng
<p class='post-footer-line post-footer-line-3'/>
Bạn sẽ thấy 1 đoạn code có dạng như sau:
Chèn đoạn CODE 1 này ngay dưới thẻ thứ hai và bên trên dòng </b:includable>
CODE 1:
<b:if cond='data:blog.pageType == "item"'>
<div class='widget-content'>
<h2>Các bài liên quan</h2>
<div id='data2007'/><br/><br/>
<div id='hoctro' style="display:none">Widget by <u><a href='http://tranphucminh.blogspot.com'>TranPhucMinh</a>
</u></div>
<script type="text/javascript">
homeUrl3 = "tranphucminh.blogspot.com";
maxNumberOfPostsPerLabel = 5;
maxNumberOfLabels = 10;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+21);
label = decodeURIComponent(label);
var txt = document.createTextNode(label);
var h = document.createElement('h4');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/'+ label +'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</b:if><br/>
*** Lưu ý: Trước khi Copy và Paste vào template, các bạn hãy thay các thông số màu đỏ cho phù hợp. Cụ thể:
+ Các bài liên quan: tiêu đề mà bạn thích
+ tranphucminh.blogspot.com : địa chỉ blog của bạn
+ maxNumberOfPostsPerLabel = 10 : số bài tối đa của mỗi label mà bạn muốn hiện
+ maxNumberOfLabels = 5 : số label tối đa mà bạn muốn hiện
- Save template lại. Thế là xong rồi đó.
Ưu điểm: Code load nhanh,dễ làm,không liên quan tới Feed...

Chào mọi người ghé thăm trang web của Trần Phúc Minh
Liên hệ mail: tpm1512@yahoo.com hoặc điện thoại 0962.444.744
-
http://tpm1512.blogspot.com/2010/10/cach-tao-them-bai-lien-quan-sau-bai.html
Minh cám ơn bạn đã quan tâm và rất vui vì bài viết đã đem lại thông tin hữu ích cho bạn.
Bài liên quan
- Danh sách thủ thuật Blog.duypham.info
- Danh sách thủ thuật Blog itechplus
- Danh sách thủ thuật Blog Namkna
- Danh sách thủ thuật Blog traidatmui
- Danh sách thủ thuật Blog Fandung
- Mẫu đẹp cho bài viết được xem nhiều
- Tạo logo liên kết chạy ngang
- Tạo trang in chuyên nghiệp nhiều tùy chọn cho Blogspot
- Tự động làm mới trang Web/blog và chuyển hướng
- Tùy biến label thành tag cloud giống WP
- K14 - Pro Menu (với hiệu ứng prodown)
- Tạo ảnh loading đẹp với css và js
- BlogSpot cải thiện tính năng SEO cho blog
- ANCKeywords - Tự động cập nhập keywords từ người dùng cho site.
- Tạo hộp tìm kiếm cho blogspot
- Hướng dẫn xem các kênh SCTV không bị chặn hình ảnh
- TẠO KHUNG COMMENTS CHO BLOG
- Trang trí cho widget Label và Blogroll
- Tiện ích Về tác giả ở cuối bài viết Blogger
- Chèn link Google Search vào footer của bài viết
- Jquery Slider Tin Tức - News Slider
- Cài đặt tên miền riêng cho blogspot
- Truy cập Blogspot vô tư khỏi sợ bị chặn
- Dropbox - Một dịch vụ hosting miễn phí và chất lượng
- Một số đoạn code tuyết rơi
- Tạo liên hệ giống blog Minh
- Tạo địa chỉ hộp thư Gmail trên blogspot
- Chèn comment của disqus vào blogspot
- Temple Blog đẹp miễn phí
- Code danh ngôn
- Chèn biểu tượng cảm xúc vào nhận xét dạng input
- TẠO 4 BANNER QUẢNG CÁO 125X125
- Hướng dẫn đăng kí tên miền đẹp
- Tạo Sitemap đẹp cho blogspot
- Tạo thanh cuộn trong blogspot
- Một số vấn đề thường gặp ở Blogspot
- Menu đẹp cho blogger
- Truy tìm dấu vết hồ sơ Blogger đồng hương
- Một số mẫu Templates đẹp cho Blogger
- Một số website cung cấp Templates đẹp cho Blogger
- Tạo Feed cho tất cả các nhãn bài đăng
- Form đăng nhập cho Blogspot
- Trình diẽn bài viết dạng Slide với jQuery (cập nhật)
- Tiện ích bài viết mới nhất với hiệu ứng autoscroll bằng Jquery
- Code loading – đang tải dữ liệu cho web-blog
- Tiện ích "Recent posts" với hiệu ứng trượt từ jQuery
- Script chuyển trang tự động kèm thông báo đếm ngược
- Tag Meta chuyển trang với thời gian & địa chỉ định trước
- Hiển thị dòng giới thiệu cho boblog
- Tự động bật trang web khác khi vào trang web của mình
- Tự động chèn link bài viết khi người khác copy bàiviết từ website của mình
- Tiện ích Recent Posts giống iTechPlus.info
- Tạo banner quảng cáo dạng Popup
- Dùng Google Code,Google Site làm host chứa file js
- Bảng mã màu dành cho Blogger
- Tạo trang leech dễ dàng không cần host
- Tiện ích “Thông tin cần biết” cho Blogger
- Tiện ích Recent Posts with 3 columns for Blogger
- Hiển thị bài viết dạng list ở các trang Home, Label, Archive
- Recent posts 2 cột với hiệu ứng Tooltip
- Bảo vệ Gmail với 2 cấp mật khẩu
- Tạo kiểu menu đẹp với DD Tabe Menu Script
- Tạo Contact Form cho blog với Foxyform
- Tạo trang diễn đàn cho Blogger
- Tạo tiện ích Bài viết mới nhất sử dụng hiệu ứng Simple jQuery Spy
- Hiển thị thời gian tải trang cho blogspot
- Tiện ích Tìm bài viết theo ngày
- Tạo menu ngang trên phần Header
- Tạo Auto Readmore cho blog chuyên về phim
- Hiển thị địa chỉ bài viết cuối bài viết trong Blogspot
- Tạo thanh HotNews sử dụng mootools cho blog
- Thủ thuật tạo Featured content cho Blogspot
- Chèn 1 box nhỏ hiển thị các bài liên quan vào bài viết
- Chèn logo vào tiêu đề bài viết
- Tiện ích mở rộng (enlarge) hay thu hẹp (narrow) phần main của Blogspot
- 1 style phân trang khá đẹp mắt cho blogspot
- Tạo bài viết liên quan kèm ảnh Thumbnails cho blogspot
- Hướng dẫn Tạo Featured Post với JQuery
- Tạo dòng chữ trên thanh tiêu đề với hiệu ứng động
- Tạo Avatar động trực tuyến độc đáo
- Hiển thị widget ở nhưng trang nhất định trong blog
- Một số thủ thuật đơn giản để blog phong phú, xinh đẹp
- Chat yahoo bằng điện thoại siêu rẽ free!
- Thủ thuật download toàn bộ nội dung của 1 website
- Chia cột cho blogspot bằng css
- Tiện ích bài mới nhất (recent post) giống vn.yahoo.com
- Hiển thị bài viết giống trang dantri.com.vn
- Chát Tiếng Anh kiếm tiền ( Dành cho các bạn thành thạo tiếng anh )
- Cài đặt Gmail và Yahoo Mail trong chương trình Outlook Express và Windows Mail
- Tăng giảm cở chữ của nội dung bài đăng
- Tạo nút print cho blogger
- Cách tải file ở MEGAUPLOAD không cần ngồi chờ !
- Blogspot: Không hiện bất cứ bài nào ở trang chủ
- Phần mềm nhắn tin SMS miễn phí không giới hạn đến ĐTDĐ
- Xem thử kết quả tiện ích
- 11 tiện ích miễn phí của Google
- CODE MÁY TÍNH ĐIỆN TỬ
- Tiện ích thời tiết, tỷ giá và giá vàng từ web 24h.com.vn:
- Hướng dẫn dùng Google làm nơi lưu trữ Code
- Tiện ích Code Converter cho Blog
- Tạo ảnh chạy xoay tròn trên blog bằng Javascript
- Cách tạo một Album nhạc trên Blog
- Hiển thị bài viết với hiệu ứng trượt bằng Jquery
- Tiện ích tự động tóm tắt bài viết có ảnh thumb cho blogger
- Hướng dẫn cài đặt tên miền Co.cc cho Blogspot
- Hướng Dẫn Đăng Ký Tên Miền Co.cc Rút Gọn
- Chiến thuật kiếm tiền ở Neobux.com
- Hướng Dẫn Kiếm Tiền Với NeoBux (cho Newbie)
- Kiếm tiền với CPM(tính theo lượt truy cập)
- Phần mềm đuổi muỗi!!
- Chèn icon vào trước tiêu đề bài viết theo các nhãn tương ứng
- Tạo tuyết rơi trên blog
- Ẩn bài viết ở trang chủ
- Convertfiles.com: Chuyển đổi dữ liệu trực tuyến
- Cách đưa blog/web lên công cụ tìm kiếm của Yahoo
- Hiển thị bài viết giống trang news.zing.vn
- Tích hợp Google fonts vào Website
- Kiếm tiền trên mạng từ blog : Những yếu tố cần cần thiết của blogging
- Hướng dẫn chèn mã quảng cáo ADS vào blogger
- Tạo chatbox
- Script trích xuất tin tức từ 6 kênh báo mạng Việt Nam
- Cách đưa tiện ích Alexa vào web hay blog
- Tạo hiệu ứng động cho chữ trên thanh tiêu đề
- Cách đưa trang web lên Top Google
- Chèn một số kênh của VTC vào blog
- Hiệu ứng tạo khung viền cho link khi di chuột qua
- Những công cụ lạ mắt dành cho Blogger
- Bộ sưu tập hơn 200 đoạn code Javascript
- code tạo bảng thông báo mới nhất
- Code thời gian giờ ngày tháng
- Tổng hợp 4 widget truyện cười
- Tổng hợp 25 Widget hay cho Blogger/Blogspot
- Hướng dẫn sử dụng google code
- SƯU TẬP BỘ MÃ CODE NHÚNG VÀO
- Kiếm tiền upload với Hotfile khá hấp dẫn
- Adnet-Mạng quảng cáo trực tuyến của Việt Nam
- Cần Trao đổi banner
- Hiển thị bài viết giống trang vnexpress.net
- Thủ thuật yêu cầu - Tạo logo liên kết chạy ngang
- Tạo chữ chạy trên thanh tiêu đề của Blog
- Hướng dẫn dùng JavaScript để thay đổi kích cỡ chữ trên web, blog
- Tạo khung đăng nhập cho Blogger
- Tạo menu dạng trượt - Sliding Side cho blogger
- Code Chữ Chạy DướI Thanh Trạng Thái(4 kiểu)
All comments [ 0 ]
Đăng nhận xét