Nếu bạn có theo dõi Blog của mình từ rất lâu thì lúc đó mình có cho phép đăng nhận xét bằng hình ảnh, video, mặt cười,... Bằng cách sử dụng javacsript hàm replace, thay link ảnh bằng đoạn mã HTML để hiển thị ra nội dung mình mong muốn.

Nếu như bình luận bằng chữ đơn thuần không đủ dẫn chứng và thuyết phục, vì vậy biện pháp tốt nhất là thêm cả hình ảnh minh họa kèm theo sẽ phần nào thuyết phục được người khác.
Tính năng này chỉ cho phép upload hình ảnh từ bên thứ 3 lên thôi chứ không upload ảnh trực tiếp từ máy tính lên như Facebook hay Zalo được, vì Blogspot không cho phép làm điều đó. Vì vậy khi sử dụng, bạn cần phải upload hình ảnh lên 1 host nào đó trước (khuyến khích dùng host Imgur), rồi copy link ảnh và chèn vào phần nhận xét thì ảnh mới hiện.
LIVE DEMO

Cách thực hiện

Chèn tất cả javascript bên dưới vào trước thẻ </body> trong template.
<b:if cond='data:view.isPost'>
<!-- chỉ áp dụng cho trang bài viết -->
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("comments");
theText = bodyText.innerHTML;
theText = theText.replace(/\[img\].*?'.*?\[\/img\]/gi, "");
theText = theText.replace(/\[youtube\].*?'.*?\[\/youtube\]/gi, "");
theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img class='bsw-imgs' src='");
theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");
theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<iframe width='100%' height='400' src='http://www.youtube.com/embed");
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed/");
theText = theText.replace(/&amp;feature=/gi, "?rel=0' '");
theText = theText.replace(/\[\/youtube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
<!-- bacsiwindows.com -->
</b:if>
và lưu lại.

Cách sử dụng

Để chèn hình ảnh, khi đăng nhận xét bạn nhập như sau:
[img]https://i.imgur.com/iWCv1nv.png[/img]
Để chèn video từ Youtube, bạn nhập như sau:
[youtube]https://www.youtube.com/watch?v=32sYGCOYJUM[/youtube]

P/s: Blog của mình không sử dụng chức năng này, bạn có thể test thoải mái trên blog demo này.
0 bình luận
Tag
  • 0 bình luận
  • Mặt cười
  • Chèn ảnh
  • Mã hóa HTML
  • Lưu ý
  • Admin Panel
  • :))
    :((
    :D
    :(
    :)
    :-)
    ;)
    =))
    :p
    =.=
    ==
    ^_^
    /=he
    :*
    /=r
    /=l
    :v
    /=ok
    /=clap
    (y)
    (yy)
    /=hi
    /=j
    /=hup
    /=hd
    /=hl
    /=hr
    /=s
    <3
  • Chức năng này hiện chưa khả dụng, bấm vào đây để sử dụng tạm.
  • Hướng dẫn bình luận

    Chèn chữ in đậm: Chữ in đậm

    Chèn chữ in đậm: Chữ in nghiêng

    Chèn ảnh: [img]Link Ảnh[/img]


    Một số lưu ý khi bình luận

    Không đăng bình luận có nội dung khiêu dâm, 18+

    Không đăng bình luận có liên quan đến chính trị, nhà nước.

    Không đăng bình luận có nội dung phản động, kích động chiến tranh, thù địch.

    Không đăng bình luận có nội dung phản cảm, bêu rếu, nói xấu.

    Không đăng bình luận có nội dung tục tiểu, bậy bạ hay thậm chí "vô học".

    Không đăng bình luận có liên kết spam, dẫn đến những trang có nội dung xấu.

    Được đăng bình luận có mang tính đóng góp, xây dựng bài viết / blog.

    Được đăng bình luận có liên quan đến nội dung bài viết.

    Có thể góp ý, hay báo lỗi bài viết (thiếu ý, sai chính tả hay thiếu hình ảnh minh họa).

    Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời.

    Bạn có thể dùng ảnh động hoặc mã hóa code HTML để bình luận.

    Bấm vào đây để xem chi tiết hơn nội quy trên Blog.

  • Đây là khu vực quản trị, bạn không có quyền truy cập vào!
  • Một số lưu ý khi bình luận

    Vui lòng xem Hướng Dẩn Sử dụng trước khi bình luận

    Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

    Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)

    Nhớ bấm Thông báo cho tôi bên trên để nhận thông báo qua Email khi Admin trả lời nhé.