Nam Ròm




Hình xưa VNCH
Tin tức đó đây
Sách xưa thời VNCH
Hình vui Ảnh đẹp
Thơ vui, chuyện tiếu mẹo vặt linh tinh ....

Thứ Ba, 21 tháng 8, 2012

Cách Chèn ảnh, video, nhạc vào comment Blogger

 Ròm tìm được và rinh về từ nhà của 
************************ 

Ảnh được chèn từ "link direct" còn video và nhạc thì từ Youtube và Nhaccuatui
dựa vào link trên thanh địa chỉ. Code để chèn cụ thể:



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=0nbY7Mg_vMI&feature=related thì code chèn sẽ là

[youtube]http://www.youtube...feature=related[/youtube]

Link video là http://youtu.be/0nbY7Mg_vMI thì code chèn sẽ là

[youtube]http://youtu.be/0nbY7Mg_vMI[/youtube]
 
Chèn nhạc từ Nhaccuatui
:

Link nhạclà http://www.nhaccuatui.com/nghe?L=6g3kDUIYbvmt thì code chèn sẽ là

[nct]http://www.nhaccuatui.com/nghe?L=6g3kDUIYbvmt[/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]


**********************************


Sau khi Tìm hiểu và làm được rồi thì Ròm rút gọn lại bài viết của nguồn với code mà Ròm đã chĩnh xong 


 Bấm vào góc phải ở trên "Thiết kế hay Design" để vào khu vực chỉnh và cài code .
Nó nằm trong phần :

Mẫu ==> Chỉnh sửa HTML ==> Tiếp tục ==>
Vào tìm đoạn m </body>

Chèn đoạn mã code dưới đây trước thẻ  </body> (đọc thêm bài "Một vài nguyên tắc ..." ở dưới


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("comment-holder");
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>




===> 

 Sau khi Ròm chèn code vô thì bên Ròm nó hiện ra như vầy nè .Chú ý vào nơi cuối code đã chèn vào "trước" </body> đó nha .



bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
 ..............................

 ............................
transparent' type='application/x-shockwave-flash'></embed></div>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
</b:if></body>


 
Sau khi thành công ,đã có thể còm hình ,clip và nhạc thì Ròm làm tiếp phần kế .Đó là tạo code cho hiển thị ra đ khách vào nhà có thể copie code dán vào còm .
 Bấm vào góc phải ở trên "Thiết kế hay Design" để vào khu vực chỉnh cho Comment 
Nó nằm trong phần :

Mẫu ==> Cài Đặt  ==> Bài đăng và Nhận xét  ==> Ở bên phải ,dưới hết có cái khung "Thư thông báo mẫu nhận xét" .Cài code dưới dây vào đó 

Dùng những mã code này để có thể cài vào còm

Link ==&gt;             &lt;a href=&quot;URL&quot;&gt;TEXT&lt;/a&gt;

Hình ảnh ==&gt;         [img]URL[/img]

Youtube clip ==&gt;    [youtube]URL[/youtube]

Nhạc của Tui ==&gt;    [nct]URL[/nct]

==>  Có thể thay đi hay viết theo ý mình để thay thế câu
"Dùng những mã code này để có thể cài vào còm"
Sau khi cài xong dưới khung comment sẽ có những code cho khách ghé nhà có thể copie dán vào còm như thế này nè 
==>
 Dùng những mã code này để có thể cài vào còm ở nhà Ròm

Link ==> <a href="URL">TEXT</a>

Hình ảnh ==> [img]URL[/img]

Youtube clip ==> [youtube]URL[/youtube]

Nhạc của Tui ==> [nct]URL[/nct]
  
_______________________________
 
Phần chỉnh thêm này Ròm đã làm xong ,cho vào code trên rồi  
 
- Update 20/02/2012: Update ngày 20/02/2012:
 Đối với các bạn sử dụng Thread Comment mặc định của Blogger 
(tức là blogspot mới tạo có phân cấp tới cấp 2) 
thì các bạn thay đoạn code sau:

bodyText = document.getElementById("multimedia");

Thành đoạn sau:

bodyText = document.getElementById("comment-holder"); 
 
 


  ________________________________


Nguồn: http://namkna.blogspot.com/2011/10/chen-anh-video-nhac-vao-comment-blogger.html

http://cohuynh.multiply.com/journal/item/911/911 

+++++++++++++++++++++++++++++++++++

Ròm đem thêm cách tìm hiểu về chđể chèn code như thế nào .

Bài này đem về từ nhà của Hoài An :

 http://anhoaipham.blogspot.com.au/2012/09/mot-vai-nguyen-tac-can-biet-trong-bang.html

Một vài nguyên tắc cần biết trong bảng điều chỉnh HTML

An viết cái này dù chỉ có 1 người đọc An cũng viết...bỡi vì nó đã khiến mình bối rối khi mình khg biết phân biệt đâu là TRÊN-DƯỚI-TRÁI-PHẢI của 1 đoạn mã nào đó mà mình cần chèn 1 đoạn mã khác vào khi sử dụng bản chỉnh sửa HTML.
-Thí dzụ bài viết kêu bấm Ctrl+F để tìm đoạn mã.....thì khi mình bấm tổng hợp phím Ctrl+F nó sẽ hiện ra ngay đây:


-Thí dzụ trong bài viết họ kêu mình tìm đoạn mã < /head>



Thí dzụ bài viết kêu chèn đoạn mã vào SAU
thì đây là phía TRƯỚC và SAU



Và cuối cùng là phía TRÊN và DƯỚI của đoạn mã:
  

26 nhận xét:

  1. Ròm thử được không Ròm? Bk vẫn làm chưa ra :-(

    Trả lờiXóa
    Trả lời
    1. Ròm chưa thử ,mới đem cách này về thôi .
      Sau khi thử nếu có kết quả Ròm sẽ cho biết với cách chỉnh mà Ròm làm được như thế nào .

      Xóa
  2. Oh cái đoạn mã code hổng có hiện ra thì làm sao mà copie .

    Theo link qua nguồn để copie đoạn mã nha các bạn .
    Ròm sẽ tìm cách đem đoạn mã code về đây sau.

    Trả lờiXóa
  3. Thử rồi nhưng không được
    Nguyên một hầm HTML code ,mò không ra cái tương ứng với code .Chèn nguyên chùm code vô cũng hổng được .

    Bạn nào tình cờ vào đây mà làm được ,bày cách lại giùm cho Ròm nha .Cám ơn .

    Trả lờiXóa
  4. Sau khi qua nguồn để xem thì thấy họ cài hình ảnh ,video ....vào còm được .

    Cách hướng dẩn này khó mà làm theo .Chắc chỉ dành cho những tay chuyên môn HTML mà thôi .

    Trả lờiXóa
  5. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  6. [img]http://www.quanvan.net/imgupload/im12398932851.jpg[/img]

    Trả lờiXóa
  7. [FLASH]http://www.nhaccuatui.com/l/6g3kDUIYbvmt[/FLASH]

    Trả lờiXóa
  8. [youtube]http://youtu.be/uZh9p5K7jGw[/youtube]

    Trả lờiXóa

  9. [nct]http://www.nhaccuatui.com/nghe?L=EGy631ia7Vvx[/nct]

    Trả lờiXóa
  10. Lát nữa chị sẽ làm thử Ròm ơi ...
    Chị thì dốt vụ này, cứ bạn chỉ là làm thôi, vụ làm chia trang An chỉ chị vẫn chưa làm được .hic

    Có phải bài nhiều rồi mới chia trang được ko Ròm hén .

    Trả lờiXóa
    Trả lời
    1. Về phần chia trang như bên nhà của An em chưa biết cách làm .Chưa hiểu hết nghĩa "chia trang "là gì ,có phải tạo ra nhiều trang riêng từ "TAG" hay không ?

      Em có cách trang trí với nhiều trang riêng rồi gom lại thành một .
      Dự định còn trang trí thêm nửa ,còn nhiều diều chưa hiểu chưa biết .

      Theo Ròm nghĩ ,muốn chia trang hay gì đó ,thì phải hiểu nó là gì và nó có gì ,đòi hỏi những gì khi mình muốn được có như nó .Vì chưa hiểu hết về những điều này ,em chưa tìm hiểu về nó

      Xóa
  11. Chị làm thử nhưng ko được , nó báo vầy nè Ròm ơi!

    Lỗi khi phân tích cú pháp XML, dòng 197, cột 3: The element type "b:skin" must be terminated by the matching end-tag "".

    Trả lờiXóa
    Trả lời
    1. Chị xem lại bài viết ,Ròm đã thêm vào cho chị thấy được bên Ròm sau khi chèn code dô thì nó hiện ra như thế nào .

      Cái lổi nó hiện ra em hổng hiểu là sao .

      Chị trả nó về chổ củ rồi hảy làm lại ,đoạn code cài vào chổ nào chị xóa nó đi sau đó "lưu" rồi cái mới trở lại .Dưới khung HTML CSS có chổ để bấm trả lại chổ cũ .
      Trước khi chỉnh HTML CSS ,Ròm thường copie tất cả code dán ra ngoài "Word" để ớ đó .Nếu có gì trục trặc thì Ròm trả lại cho nó y nguyên chổ cũ .

      Xóa
  12. Chia trang theo An nói có nghĩa là dưới trang blog có số trang , trong mỗi trang có 1 số bài như trang blog của Multiply đấy Ròm .
    Ròm sang trang nhà An thấy phía dưới có dánh số trang , mỗi trang có tựa 5 bài viết

    Trả lờiXóa
  13. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  14. Chị làm vẫn bị báo lỗi y như thế ..hic

    Trả lờiXóa
    Trả lời
    1. Ròm không suy ra đuợc lỗi là ở chổ nào ,chị hỏi An thử nha .

      Xóa
  15. Chị cứ xin bài này về để trong mục "Đọc và Học" bạn bè chị cần và có thể sẽ làm được, chị sẽ làm từ từ hén Ròm

    Trả lờiXóa
  16. Ròm ơi chị làm được rồi, thanks Ròm nghen , Ròm sang com thử một cái ảnh chị xem với :))

    Trả lờiXóa
  17. Ròm ơi sao chị cài xong thì cái ảnh Khúc com hiện ra nhưng chị thả ảnh vào thì không được ...?

    Trả lờiXóa
    Trả lời
    1. Em mới chụp 3 hình chèn thêm vào entry cho dể hiểu ,chị xem lại nha

      Xóa
  18. Chết chắc vụ nhaccuatui lúc này Ròm ơi...vì nó bây giờ chơi tự động khg hà..nếu 1 ngừ chèn thì ok..lỡ 3 người chèn 3 bài thì nó lung tung cả lên..và lúc đó mình phải tắt những bài của các còm kia.

    Trả lờiXóa
    Trả lời
    1. Ròm đã tìm cách tắt tự động trong code của nó mà hổng được .
      Nếu như vậy thì bỏ bớt cái code cho nhaccuatui ,để khách copie cài vào còm chèn vào đó là yêu cầu khách đừng cài nhaccuatui vào còm

      Xóa
  19. Loạn lên nhức cái đầu Ròm ui!

    Trả lờiXóa
    Trả lời
    1. Hihi chừng nào hết "nhức đầu" quay lại cho "nhức" tiếp chị há hehehehe

      Xóa

Bấm vào dưới avata "Tham gia trang web này " để có thể biết bài mới của Ròm