Top Ad unit 728 × 90

Hướng dẫn chèn link và post code lên comment của blogger


I./ Chèn Link vào Comments của blogger:

Bài viết này mình sẽ hướng dẫn các bạn biết đến Blogger (blogspot) cách chèn link dạng Anchor text vào khung comments Blogger. Và đây cũng là câu trả lời cho bạn DINHVANTu hôm trước có hỏi mình về cách chèn link này.
Cách chèn link (dạng Anchor text hay Text link) vào comments khá đơn giản, nhưng có lẽ vì khung comments không có công cụ chèn link nhanh như trình soạn thảo khi viết bài nên nhiều bạn không để ý.
Việc chèn link dạng này sẽ giúp phần nhận xét được trình bày ngắn gọn (khi gửi nhiều link),
1./ Link Text:
<a href="URL">TEXT</a>
Trong đó:
URL : Là liên kết đến bài viết
TEXT
: Tiêu đề cho liên kết trên
Ví dụ khi bạn viết comments:


Bạn có biết <a href="http://anglebean.name.vn/">Share The Experiences</a> không?

Thì kết quả hiển thị sẽ là:

Bạn có biết Share The Experiences không?
2./ Link Ảnh:
<a href="URL1"><img src="URL2" height="30" width="40"/></a>
Trong đó:
URL1:  Là link một trang web nào đó Ví dụ: http://anglebean.blogspot.com
URL2: Là link đến hình ảnh mà bạn muốn chèn vào.
height: Là chiều cao của hình ảnh được chèn vào.
width: Là chiều rộng của hình ảnh được chèn vào.

Ví dụ khi viết bài:

Đây là Logo của Blog Anglebean <a href="http://anglebean.name.vn/"><img src="http://1.bp.blogspot.com/-j9m7yUdmcM8/UJz1tzCzNqI/AAAAAAAACVM/xLV-guZ7ipE/s1600/LOGOI1.3.png" height="50" width="100"/></a> Phải không?

Thì kết quả hiển thị sẽ là:
Đây là Logo của Blog Anglebean Phải không?

3./ Link Text và Ảnh:
<a href="URL1">Blog Anglebean<img src="URL2" height="30" width="40"/></a>
Ví dụ khi viết bài:

Đây là Logo của <a href="http://anglebean.name.vn/">Blog Anglebean <img src="http://1.bp.blogspot.com/-j9m7yUdmcM8/UJz1tzCzNqI/AAAAAAAACVM/xLV-guZ7ipE/s1600/LOGOI1.3.png" height="50" width="100"/></a> Phải không?

Thì kết quả hiển thị sẽ là:
Đây là Logo của Blog Anglebean Phải không?

Tương tự bạn có thể thêm vào sau các tiêu đề của bài viết mới các hình ảnh New hay Hot tùy thích.
Ví dụ: TiVi Online

II./ Chèn ảnh, video, nhạc vào comment Blogger

Chèn ảnh:
Link ảnh là http://domain.com/image.png thì code chèn sẽ là:
[img]http://domain.com/image.png[/img]
Chèn video từ Youtube:
Link video là http://www.youtube.com/watch?v=ROfTJYFv1VA&feature=related thì code chèn sẽ là:
[youtube]http://www.youtube.com/watch?v=ROfTJYFv1VA&feature=related[/youtube]
Link video là http://youtu.be/ROfTJYFv1VA thì code chèn sẽ là:
[youtube]http://youtu.be/ROfTJYFv1VA[/youtube]
Chèn nhạc từ Nhaccuatui:
Link nhạc là http://www.nhaccuatui.com/nghe?L=8UJO7m6ofcfR thì code chèn sẽ là:
[nct]http://www.nhaccuatui.com/nghe?L=8UJO7m6ofcfR[/nct]
Link nhạc là http://www.nhaccuatui.com/nghe?M=B_6M7IcZTz thì code chèn sẽ là:
[nct]http://www.nhaccuatui.com/nghe?M=B_6M7IcZTz[/nct]
ĐỂ CHÈN ĐƯỢC CODE TRÊN VÀO COMMENT TA LÀM NHƯ SAU:

Bước I: Đăng nhập blogger vào MẪU Mở Chỉnh sửa HTLM và chèn đoạn mã dưới đây trước thẻ </body>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("multimedia");
theText = bodyText.innerHTML;
theText = theText.replace(/\[img\].*?'.*?\[\/img\]/gi, "");
theText = theText.replace(/\[nct\].*?'.*?\[\/nct\]/gi, "");
theText = theText.replace(/\[youtube\].*?'.*?\[\/youtube\]/gi, "");
theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img style='float:left;margin:10px 0;border:1px solid #DDD;max-width:590px;background:#FFF;padding:4px' src='");
theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");
theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<iframe width='480' height='390' 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>");
theText = theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?L=/gi, "<div style='overflow:hidden'><embed style='margin-top:-250px;width:300px;height:400px' src='http://www.nhaccuatui.com/l/");
theText = theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?M=/gi, "<div style='overflow:hidden'><embed style='margin-top:-350px;width:300px;height:400px' src='http://www.nhaccuatui.com/m/");
theText = theText.replace(/\[\/nct\]/gi, "' quality='high' wmode='transparent' type='application/x-shockwave-flash'></embed></div>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
</b:if>
Bước II:

Tìm thẻ:
<b:loop values='data:post.comments' var='comment'>
 và thêm trước nó thẻ:
<div id='multimedia'>
 Tìm thẻ đóng tương ứng:
</b:loop>
 và thêm sau nó thẻ:
</div>
Với một số Blog không tìm được thẻ trong bước 2 thì bạn thay đoạn code:
bodyText = document.getElementById("multimedia");
Thành:
bodyText = document.getElementById("Blog1");
Và bỏ qua bước 2
Và cuối cũng Save theme là OK. Chúc các bạn thành công !

Hướng dẫn chèn link và post code lên comment của blogger Reviewed by Unknown on 15.11.12 Rating: 5

5 nhận xét:

  1. cảm ơn bạn nhiều lắm . bạn thật là giỏi thank bạn nhiều . mình là dinh anh tú đây

    Trả lờiXóa
    Trả lời
    1. @Hieu Thanhhang: Cảm ơn bạn nha, mà bạn làm blog mới xong chưa lúc nào xong ra mắt nha. Chúc vui vẻ !

      Xóa
  2. uh. blog của mình là thienhieu.com hoặc bạn vao www.thienhieu.com nhé . mình rất cám ơn cái tiện ích chèn tivi vào blog của bạn nhé . bạn cho mình hỏi thêm 1 câu là làm thế nào để có thể nhấn hình ảnh của kênh vtc1 thì se dẫn đến đương link vct1 . và làm thế nào để sắp xếp các hình các kênh gần nhau giông tivi online của bạn vậy

    Trả lờiXóa
    Trả lời
    1. @HieuThanhhang: Mình vừa bổ sung phần link cho hình ảnh ở trên bạn xem làm thử nha.
      Chúc bạn thành công!

      Xóa
  3. hihi cảm ơn bạn nhiều quá .

    Trả lờiXóa

» Chèn ảnh [img] Link ảnh [/img]
» Chèn Nhạc [nct] Link bài hát [/nct]
» Chèn Video [youtube] Link Video Youtube [/youtube]
» Tham gia Cộng tác viên tại đây
» Ý kiến đóng góp, vui lòng Liên hệ

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Được tạo bởi Blogger.