Sunday, August 8, 2010

Các bài viết liên quan có hình với LinkWithin

Đã cập nhật: Giải pháp sử dụng tên miền miễn phí CO.CC cho Blogger và Yahoo! 360plus.
Có nhiều cách thêm các bài viết liên quan (những bài viết cùng một Nhãn) cho Blogger, ở đây xin hướng dẫn sử dụng công cụ LinkWithin với các bài viết có ảnh minh họa đi kèm.

Trước tiên bạn truy cập địa chỉ sau đây, nhập và chọn các thông tin phù hợp sau đó nhấn Get Widget.




Một cửa sổ hướng dẫn cài đặt hiện ra nhấn Install Widget và làm theo các bước để hoàn tất.

Tiện ích mới có tên LinkWithin vừa được thêm vào sẽ hiển thị bên dưới mỗi bài viết như hình:



Theo mặc định phía trên tiện ích này hiện dòng chữ các "You may also like:" để thay đổi hãy nhấn Chỉnh sửa tiện ích LinkWithin và bổ sung thêm đoạn code dưới đây:


<script>linkwithin_text='Bạn cũng có thể xem thêm:'</script>


Trong trường hợp có sử dụng Read more nếu không muốn các bài viết liên quan này xuất hiện ở trang chủ, có thể làm như sau:

Nhấn Chỉnh sửa tiện ích LinkWithin, chép toàn bộ đoạn code trong đó ra Notepad (Start -> All Programs -> Accessories ->Notepad) và bổ sung thêm đoạn mã màu nổi bật. Làm xong thì xóa hẳn tiện ích này đi. Đoạn mã trong Notepad tương tự như dưới đây:


<b:if cond='data:blog.pageType == "item"'> 
<script>linkwithin_text='Bạn cũng có thể xem:'</script>
<script>
var linkwithin_site_id = 202810;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts with Thumbnails" style="border: 0" /></a>
</b:if>

Tiếp theo nhấn Design -> Edit HTML, đánh dấu chọn Expand Widget Templates và dán đoạn code đó ngay phía trên <div class='post-footer'> như hình dưới:


Chúc bạn thành công!
Dropbox, dịch vụ lưu trữ đám mây, chia sẻ và đồng bộ dữ liệu giữa điện thoại di động, tablet, laptop và desktop. Tài khoản miễn phí 2.25GB! Bạn có thể kiếm thêm tối đa đến 18GB khi giới thiệu thêm người đăng ký Dropbox (mỗi người mà bạn giới thiệu đăng ký và cài đặt thành công Dropbox, bạn được 500MB!)

43 comments:

  1. e mở hàng post mới cho a Nhân ;) chúc a viết nhiều bài ngon hơn nữa

    ReplyDelete
  2. @Pika Rock, cám ơn em! Lúc này blog anh ế quá, bài viết mới mà không ai buồn comment cả :(

    ReplyDelete
  3. Cảm ơn bác.Em cung mới bước chân vào làm Blog
    tiện ích này thật tuyệt!

    ReplyDelete
  4. Bài này hay mà ^^ , Thanks thuthuatblog.
    Cho e hỏi 1 chút, em làm theo hướng dẫn nhưng sao cái link within ở blog của e lại hiện cả các bài viết của những nhãn khác nhau?

    ReplyDelete
  5. anh ơi làm thế nào làm xuất hiện các tiêu đề bài đã đăng ở phần cuối blog. anh hướng dẫn em với
    nick yahoo của em ledinhvan_90
    mail dinhvan1204@gmail.com

    ReplyDelete
  6. Trước đây em đã dùng LinhWiThin nhưng do gặp chút rắc rối phải làm lại Blog từ đầu.Giơ em tiếp tục cài LinhWiThin thì nó xuất hiện cả những bài trước đó mà những bài đó thì không còn kết nối được nữa.Mong bac giúp em vụ này> Thanks bác!

    ReplyDelete
  7. a Nhân xem lại dns trỏ về đâu đi, thuthuatblog.com nó ko tự redirect sang www.thuthuatblog.com nữa a ạ

    ReplyDelete
  8. Cảm ơn rất nhiều vì bài viết nhưng sao tôi làm theo hướng dẫn mà vẫn có lỗi xảy ra vậy, cái của tui nó chỉ hiện ra một bài viêt thui chứ ko hiện ra 4 bài như của bạn! đây là blog của tui xem và đoán bệnh hộ phát nhé! http://photo-copiers.blogspot.com xin cảm ơn trước nhé

    ReplyDelete
  9. Cảm ơn bạn đã chia sẻ một tiện ích hữu ích này. Mình đã áp dụng cho trang web http://www.NgocThuyGroup.com của mình.

    ReplyDelete
  10. anh nhân ơi làm sao để tạo mục comment như của anh vậy,anh chỉ em nha.
    web cua em:http://www.tuantiep.uni.cc/

    ReplyDelete
  11. chao a nhan! E co viec nay muon nho anh, mong anh giup do, e rất ghiền đọc post của anh, nên cũng mày mò làm blog. Có điều e không thể nào post bài lên mấy trang mới lập, mà nó cứ hiện lên ở trang chủ, anh nào biết phương pháp chỉ em với.E cảm ơn nhiều lắm.

    ReplyDelete
  12. anh và mọi người vào xem rồi comment cho em nhé!
    http://gshopvn.blogspot.com

    ReplyDelete
  13. " Chào cả nhà http://amenexpress.blogspot.com "

    ReplyDelete
  14. anh Nhân hướng dẫn em làm cái chữ tiêu đề giống như mấy trang web đi

    ReplyDelete
  15. @all, cám ơn mọi người đã ghé blog. Thời gian qua bận nhiều quá nên không trả lời comment nào của các bạn. Từ hôm nay sẽ theo dõi comment và trả lời sớm. Mong các bạn thông cảm nhé!

    ReplyDelete
  16. Thật là một thủ thuật quá hay cho blog,rất cảm ơn thuthuatblog đã có nhiều cống hiến cho cộng đồng blog việt

    ReplyDelete
  17. @VANTUAN, cám ơn đã khen tặng!

    ReplyDelete
  18. đây là một bài báo tuyệt vời với những quan điểm hay.Tôi cũng tìm thấy một số công cụ tuyệt vời tại site-của-bạn thanhks

    ReplyDelete
  19. thanks anh đã giới thiệu hiện em cũng đang xài bài viết liên quan nhưng là code js chứ ko phãi cái này , đễ bữa nào thay thữ cái này xem có load nhanh hơn ko

    ReplyDelete
  20. thủ thuật hay quá :) tks

    ReplyDelete
  21. Chào anh.
    tui làm theo hướng dẫn của anh nhưng mục "bạn có thể xem thêm" không trong cùng một nhãn mà nó có ở những nhãn khác nữa ? (tui làm theo cách có chữ "Read more")
    Nếu tui muốn trong cùng một nhãn thì làm thế nào vậy ?
    Nếu được thì anh vui lòng chỉ giúp !
    Thanks

    ReplyDelete
  22. chào bạn, cám ơn thông tin hữu ích của bạn.
    vui lòng cho mình hỏi làm thế nào để thay đổi hình avatar của các mục thêm vào cuối bài viết bằng linkwithin
    thủy

    ReplyDelete
  23. Tôi dùng Read more, bỏ đoạn này đi thì nó hiện cả ngoài trang chủ và cuối bài viết,còn chèn code đó vào thì không hiện gì luôn -.-'

    không biết có phải lỗi do Template không? tôi chỉ muốn nó hiện ở cuối bài viết ai biết chỉ giúp dùm cám ơn.

    ReplyDelete
  24. đoạn code màu đỏ như bài viết hướng dẫn ấy

    ReplyDelete
  25. www.cogimoi.co.cc Thanks bạn nhé ! bài này rất hữu ích

    ReplyDelete
  26. Cái này hay, nhưng vẫn không bằng WP, tính ra blogger vẫn còn những hạn chế, vì blogger là mã nguồn đóng.

    ReplyDelete
  27. Cảm ơn bạn. Mình đã làm được trên blog của mình : blog.ebizviet.com

    ReplyDelete
  28. Cảm ơn bạn. Thủ thuật rất hay.
    Hãy ghé thăm blog của mình nhé

    Ebook cho trẻ em
    http://ebookforchildren.blogspot.com

    ReplyDelete
  29. Bỏ chữ LikWithin hiển thị phía dưới 5 bài liên quan như thế nào hả anh

    ReplyDelete
  30. Wow một tiện ích thật tuyệt vời. Cảm ơn admin nhiều lắm. Mình đang thiết kế blog cá nhân. Xin mời các bạn vào http://vangtaichinh.tk góp ý thêm cho mình nhé. Chúc các bạn vui

    ReplyDelete
  31. bỏ luôn chuyển link được thì quá tuyệt vd: http://widget2.linkwithin.com/redirect?url=http%3A//www.movie.name.vn/2011/07/harry-potter-and-deathly-hallows-part-2_3032.html

    ReplyDelete
  32. Chào bạn, bạn ơi mình cũng cài linkwithin được mấy tháng rồi, nó vẫn chạy tốt, vậy mà mấy hôm nay nó không như ban đầu. Vì ban đầu, dưới mỗi bài viết ở trang đầu nó đều hiện thị thumbai, nhưng mấy ngày nay, nó chỉ hiện thị thumbail 2 bài đầu, các bài tiếp theo thì không hiện nữa . Mình không biết là tại sao. Liệu nó có vấn đề gì không, mình có thể gỡ đi rồi cài lại không ?

    ReplyDelete
  33. Chào bạn, mình muốn đưa cái công cụ này vào giữa trang thì phải thêm code gì? Nhờ bạn giúp!

    ReplyDelete
  34. Bạn ơi bài viết đã xoá đi rồi vẫn hiện trong linkwithin thì làm thế nào?
    Nhờ bạn giúp

    ReplyDelete
  35. This comment has been removed by the author.

    ReplyDelete
  36. bài viết hay lắm cám ơn bạn nhé ^^

    ReplyDelete
  37. anh ơi! em làm ở bước trong trường hợp có sử dụng Read more em làm giống vậy mà sao trong nội dung bài viết ko thấy vậy, anh chỉ giùm.

    ReplyDelete
  38. MÌNH LÀM ĐƯỢC RỒI NHƯNG TRONG CÁC BÀI CỤ THỂ MÌNH KHÔNG DÙNG ĐƯỢC. NÓ CHỈ SỬ DỤNG ĐƯỢC TẠI CÁC NHÃN THÔI CHỨ DƯỚI BÀI ĐĂNG KO CÓ
    http://tochucteambuilding.blogspot.com/
    CÁC BẠN GIÚP MÌNH NHÉ

    ReplyDelete
  39. Mình đang tìm một công cụ cho blog mà các tác giả có thể cập nhật các thông tin lên đó. Nhưng vẫn chưa tìm được. Hy vọng nhận được sự giúp đỡ của cậu !..Thanks

    ReplyDelete
  40. sao làm mãi mà không hiện chỉ hiện dòng chữ : "BẠn cũng có thể xem thêm" còn lại là không có gì nữa

    ReplyDelete

Cám ơn đã đọc bài viết. Bạn có thắc mắc, gợi ý hoặc bình luận xin chia sẻ bên dưới. Hãy viết bằng tiếng Việt có dấu để mọi người dễ đọc hơn. Xin đừng spam!