Comment Blogspot với chữ màu, chữ chạy và hình ảnh

Như bạn đã biết, comments mặc định của blogspot chỉ cho phép sử dụng các lệnh cơ bản như in đậm, chữ nghiêng ... như vậy rất hạn chế trong việc trình bày một vấn đề nào đó ví dụ như ta cần nhấn mạnh một yếu tố nào đó chỉ in đậm thôi thì chưa đủ, nhưng nếu như ta tô màu đỏ thì sẽ nổi bật hơn. Vì vậy bài viết này mình sẽ giới thiệu một thủ thuật giúp bạn có thể comments với nhiều tính năng hơn mà mặc định của blogspot không hề có như post comment bằng chữ có màu sắc, post chữ chạy qua chạy lại, post hình ảnh

Làm cách nào để thêm tính năng này vào blog?


Bước 1: Vào blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Dán đoạn code sau vào trước thẻ đóng </body>
<script src='https://huyco-troll.googlecode.com/svn/trunk/nccode.js' type='text/javascript'/>
Bước 3: Lưu lại template

Làm cách nào để comment với các tính năng trên?

Comments với chữ có màu xác định bạn sử dụng cú pháp sau
[co="Màu"]Nội dung[/co]
Trong đó Màu bạn phải sử dụng màu sắc bằng tiếng Anh
Ví dụ: Nếu bạn comment
[co="red"]Troll VL - Chia Sẻ - Thủ Thuật - Hài Hước[/co]
Thì bạn sẽ được kết quả như sau
Troll VL - Chia Sẻ - Thủ Thuật - Hài Hước
Comments với chữ chuyển động qua lại bạn sử dụng cú pháp sau
[ma]Nội Dung[/ma]
Ví dụ: Nếu bạn comment
[ma]Troll VL - Chia Sẻ - Thủ Thuật - Hài Hước[/ma]
Thì bạn sẽ được kết quả sau

Troll VL - Chia Sẻ - Thủ Thuật - Hài Hước

Comment đăng hình ảnh bạn sử dụng code sau
[im]Link hình ảnh[/im]
Ví dụ: Nếu bạn comments
[im]https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTr8WLJFKWtbdi8bo5JgWh5s8DlOaPWAuHdbnL5k1GRoyF9szilYqlnwevKZ8BjRdGAv-Ikgr5YVSRCPG4VFKFo3GaYfhw-JFJqvhBqXnFXPZY4jhNmqtmNevM2UnEFeKvL1mfFb1uNQ4Q/s200/link.png[/im]
Thì bạn sẽ được kết quả sau
  • Bạn nền lưu lại file nccode.js để sử dụng một mình khỏi chung đụng với ai cho blog bị load chậm

  • Tại bài viết này các bạn thoải mái test những tính năng này nhé


  • Chúc bạn thành công và đừng quên comments ủng hộ mình nhé!
    13 Comments
    Comments

    13 comments

    [ma]test cm and tks post [/ma]
    25/12/12
    [ma]chiaseafu.blogspot.com[/ma]
    khá hay đấy.thanks
    những dòng chữ phía trên mặt cười commemt, bạn cho mình xin bài chỉ cách chèn đó nha, cảm ơn bạn trước
    Đây là cách tạo khung thông báo cho comments
    [youtube]http://youtu.be/KYozpJkwd-Y[/youtube]
    Nếu muốn chèn hình ảnh vào khung thông báo thì thực hiện thêm bước sau. Chèn trước thẻ trong phần chỉnh sửa HTML
    .comment-form p{background-color:#fff;background-image:url([co="red"]https://lh3.googleusercontent.com/-JzR00Rop4nU/UHbyUGctISI/AAAAAAAACog/RQwfhxRQS3k/s50/hi.gif[/co]);background-position:1em 1em;background-repeat:no-repeat;padding:1em 1em 1em 70px;width:105%}
    Sửa link màu đỏ thành link hình bạn muốn
    cảm ơn bạn nhiều lắm luôn nà :)
    This comment has been removed by the author.
    tình hình là add vào blog ko chạy đc bạn ơi [-(
    14/1/13
    Lạ nhỉ? Blog mình cũng đang sử dụng code này và đã test trên nhiều demo khác mà :-?. Bạn thử lại nếu không được send template qua mình xem giúp
    đã gửi template.bạn xem giúp cái .thanks
    15/1/13
    Hiện tại bạn đang sử dụng template mang tên Maskolis của Mas Template và mình đã thử sử dụng template gốc của nó thấy vẫn hoạt động bình thường như ví dụ này. Có lẽ do bạn cài nhiều code quá nên bị xung đột rồi ;(. Thật ngại quá mình không khắc phục được trường hợp này ;((
    [ma]chiaseafu.blogspot.com[/ma]
    hay lắm cảm ơn bạn nhiều
    truyen sex | truyen sex | truyen nguoi lon | truyen sex moi | phim sex | phim sex | anh sex | phim sex
    http://www.trollvl.com
    19/8/14
    This comment has been removed by the author.

    Cảm ơn bạn đã ghé thăm Troll VL !
    » Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
    » Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
    » Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
    Sử dụng các thẻ sau cho comments
    » Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
    » Chèn nội dung vào note <em rel="note">Nội dung note</em>
    » Chèn code vào khung pre <i rel="pre">Nội dung code</i>
    » Chèn hình ảnh <i rel="image">Link hình ảnh</i>
    » Chèn video từ youtube [youtube]link video[/youtube]
    » Chèn link <i rel="anchor">Link</i>

    Insert Emoticons
    :cuoi
    :hihi
    :thank
    :haha
    :meu
    :cry
    :oaoa
    1cuoi
    :D
    @@
    :p
    :o
    :vi
    :ko
    :ca
    :why
    :xin
    :lanh
    :im
    :aoi
    :ado
    :mda
    :tat
    0:khoa
    a:ab
    k:ac
    q:ad
    w:ae
    e:af
    l:ag
    g:ah
    8:ai
    9:aj
    9:ag
    :9a
    *Phải có khoảng trống trước các code mới hiển thị mặt cười


    Mã Hóa Code Tạo và xem trước comments Cancel Reply
    -->