Wednesday, February 6, 2013

Cách chỉnh HTML để post hình vào Comment.



Trang Blogspot này thật lôi thôi, nó chỉ là một trang blog thô, đòi hỏi người sử dụng phải nắm được một số thuật ngữ để chỉnh sửa và trang trí trang blog hoàn chỉnh theo ý muốn của mỗi người. 

Lúc tôi chuyển bài từ Multiply về blogspot xong, thì cũng gặp một số khó khăn như bạn bè hiện nay. May thay, ở trong blogspot này có rất nhiều cao thủ về lập trình và viết ra những bài hướng dẫn cơ bản. Thế là tôi vào xin về và thiết lập được trang blog màu mè như trang tôi đang sử dụng.

Nay có thể bạn có trang blog, mà khi bạn bè đến viết comment xong muốn gửi vào đó một tấm hình, một cái clip... thì khi post xong ở ô comment đó chỉ hiện ra đơn thuần là dòng chữ code mà không hiện thị ra hình ảnh.

Cho nên tôi đưa đoạn code này về đây, để giúp cho các bạn chỉnh sửa HTML để những code hình ấy có thể được hiện thị ra nhé.


Thuật ngữ code post hình vào comment:
(Đoạn code lấy ở bên trang nhà anh Từ Thức và bongnguoilangle)


Trước hết, Bạn hãy click vào "Thiết kế" -> vào trang tổng quan, nhìn thấy 2 tấm hình, click vào "chỉnh sửa HTML - edit HTML";

Nhấn tổ hợp bàn phím: Ctrl+F để hiện ô tìm kiếm ở phía dưới trang bên tay trái: bỏ chữ </body> vào ô trống đó để tìm đoạn code dưới đây:

<b:include data='blog' name='google-analytics'/>
</body>



Khi thấy chữ </body> hiện ra ở trong khung:
Mẫu > Chỉnh sửa HTML
Mở rộng Mẫu Tiện ích


Thì bạn hãy copy đoạn code dưới đây và past chèn 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("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 đó Lưu Mẫu (save template)



Sau khi Lưu mẫu xong, thì bạn vào lại trang blog của mình, thử chọn code hình lấy từ photobucket rồi post vào thử xem nhé.

Cách lấy code hình ở photobucket bằng cách lấy code ở dòng: IMG Code (dòng cuối cùng trong cụm code hình ở photobucket):

[IMG]http://i1041.photobucket.com/albums/b416/TTM0123/anh-dep-vuon-hoa-p1-16.jpg[/IMG]

Nhìn vào đoạn code trên, điều đó suy ra bạn cũng có thể lấy link của code hình ở bất kỳ nơi nào như lấy ở blogspot, ở flickr, ở picasa... để post hình đó. Chỉ cần chọn link hình:
  • http://i1041.photobucket.com/albums/b416/TTM0123/anh-dep-vuon-hoa-p1-16.jpg

Rồi thêm thuật ngữ vào hai đầu link hình như sau:
  • [img] link hình [/img]
Như vậy khi bạn bè hay bạn muốn đến nhà bạn gửi một tấm hình.. thì sẽ nhìn thấy hình thay vì chỉ nhìn thấy đoạn code.

Nhân đây lại một lần nữa cám ơn các anh Từ Thức và Bóng Người Lặng lẽ nhé!
Chúc các bạn hưởng một năm mới vui vẻ hạnh phúc.

TTM
SG. 06/02/2013



13 comments:

  1. chung Ru15:52 Ngày 05 tháng 2 năm 2013

    [img] http://blog.yimg.com/1/jPa0ZH17s58W5m38mpjwWXL5i.jWJBxJCnU0UlabA52LpNipxEoYnQ--/29/l/jNn6Xkkh1H3CtxYHQ7GNfA.jpg [/img]

    Trả lời
    Trả lời

    Hà Tùng Sơn13:31 Ngày 06 tháng 2 năm 2013

    cái chi đây hè,
    TTM Gốc Mai15:19 Ngày 06 tháng 2 năm 2013

    Anh chỉnh sửa xong HTML thì sẽ nhìn thấy cái chi chi đó anh HTS ơi!
    Để M lụm cả từ trên code của Ruchung đem về nhà thử là cái chi chi đây hihi

    ReplyDelete
  2. Bulukhin NQT05:27 Ngày 06 tháng 2 năm 2013

    [IMG]http://i888.photobucket.com/albums/ac87/bulukhin/IMG_0509_zps3c86277e.jpg[/IMG]

    Để nhớ Quy Nhơn và nhà thơ "Áo em trắng quá nhìn không ra"



    Hà Tùng Sơn13:34 Ngày 06 tháng 2 năm 2013

    bác BU cho em cái gì mà em mở ko ra. có lẽ trang blog nhà em có vấn đề trong cài đặt ứng dụng


    TTM Gốc Mai15:23 Ngày 06 tháng 2 năm 2013

    Để M copy tiếp từ code hình anh Bu mang về trang nhà xem anh Bu tặng anh HTS cái chi chi .. hihi

    ReplyDelete
    Replies
    1. Ui trùi ạ! là tấm hình của bác Bu đứng trước.. có lẽ là nhà thơ "Áo em trắng quá nhìn không ra"

      Delete
  3. Anh Bu ui! M đã hoàn thành nhiệm vụ cái vụ code hình rồi đó nhé.

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

    ReplyDelete
  5. 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" .
    http://namrom64b.blogspot.de/2012/08/cach-chen-anh-video-nhac-vao-comment.html

    ReplyDelete
    Replies
    1. Giời ạ! đã nhanh vậy đó.
      Cám ơn Ròm nha.. hehe.

      Delete
  6. 1.Hôm qua, theo hướng dẫn của GM, HN đã mở một lúc 2 cái PC một màn hình hiển thị entry này, một hiển thị bố cục bên HN, đã vật lộn khá lâu, paste code vào body... và thấy hình chim cưu, chim sâu GM gửi nhưng cái đoạn sau thì thiệt tình là không hiểu -> làm không được vì HN không có photobucket mà hình ảnh chỉ save trong ổ D, E hoặc Picasa, lại không biết làm như bất cứ entry nào của MTB cũng hiện lên một ô để khách/bạn post hình vào cmt, nghĩa là nếu ai đó muốn post vào cmt cho mình họ phải làm sao?
    2. HN vẫn giữ nguyên hình thức bố cục blog, ngại thay đổi như GM đề nghị vì quen nhìn rồi, vụ này chắc do độ tuổi? nhưng có chỉnh 750-250 như GM nói.
    3. Sáng nay thấy cmt của GM có lẽ đề cập vu customize này ở bên cột phải, chưa kịp mở ra coi, lo trả lời cmt bài mới thì mất tiêu rồi vì nhiều reply, cái trước biến là đúng, giờ phải tìm lại đây.
    Cám ơn nhiều lắm vô cùng về mọi chuyện GM nhé.

    ReplyDelete
    Replies
    1. Mục 1 thì M đã trả lời bên comment của anh HN rồi, còn mục 3 thì M chưa hiểu ý anh viết, không hiểu vì sao là biến mất tiêu nữa hix..

      Delete
    2. Cũng rắc rối lắm , tốt nhất là cứ chụp hình ( tạo file ) rồi đưa vào ổ đĩa sau đó vào thanh công cụ phía trên Entry rồi lấy ảnh tử ổ đĩa đã lưu cũng được. lấy

      Delete
  7. Chi Mai oi , em da làm theo loi huong dân cua chi ...nhung sao vân thây hàng chu code dài thuon thuot hà chi ui ...em không thây post hinh lên ...chi giup em chi nhé ! Em cam on chi nhiêu nha !

    ReplyDelete
  8. This comment has been removed by a blog administrator.

    ReplyDelete

Những entries gần đây



2015-06-17 - 88,616 views

Song Ngư..

“Hòa vào dòng chảy, và luôn mong muốn bản thân thay đổi khác hơn ngày hôm qua.”






.. Và mây vẫn trôi giữa dòng đời bụi bặm... Người đi qua đời.. chợt.. cũ đến chẳng còn quen....

Thiên di



- Bớt ăn thịt, ăn nhiều rau
- Bớt ăn mặn, ăn nhiều chất chua
- Bớt ăn đường, ăn nhiều hoa quả
- Bớt ăn chất bột, ăn nhiều sữa

- Bớt mặc nhiều quần áo, tắm nhiều lần
- Bớt đi xe, năng đi bộ
- Bớt phiền muộn, ngủ nhiều hơn
- Bớt nóng giận, cười nhiều hơn

- Bớt nói, làm nhiều hơn
- Bớt ham muốn, chia sẻ nhiều hơn.





Dấu chân..

Flag Counter
15/02/2016 - 64,319 pageviews - 63 Flags colledted

Labels

Bảo Huyên (7) Bhutan (1) Biên dịch (12) Birthday (13) Bs Đỗ Hồng Ngọc (1) buigiang (1) Campuchia (9) Canada (3) carpenters (1) children (7) chinese (11) chinese12 (1) Cooking (1) culture (8) dalat (1) Đặng Thế Phong (1) Danh nhân (2) Đi đó đây.. (28) Đinh Thị Thu Vân (2) doanchuantulinh (1) Đọc sách báo (14) event (4) Facebook (1) family (8) france (2) Friend (50) Gia đình tôi (35) Hà Nội 2013 (9) hanoi (7) heomap12 (1) Hoa cỏ (14) hoa Đào (1) Hoa Đỗ Quyên (2) Hoa Kỳ. (6) Hoa Lộc vừng (3) Hoa Mai (2) Hoa Phượng. (1) Hoa Sen (1) Hoa Sứ (2) Hoa thay lời muốn nói. (3) hoa2 (3) hoa2012 (5) hoa3 (2) Học làm blogspot (7) Hồi Ức nằm đâu đó.. (7) impressive (1) Khánh Ly (2) khuc (1) kinhthi (2) lehuuha (1) life (4) Luận về cái tên TTM (1) memory (5) mixmusic (1) Món ăn (2) multiply3 (1) Mười hai con Giáp (2) music (18) musicpoem (2) New year (1) ngothuymien (2) Nguyễn Ngọc Chính (3) nguyensa (1) nguyentatnhien (1) nhạcphạmduy (1) nhạctcp (1) nhạctcs (3) nhạctrữtình (1) Như Thị (2) Những chuyến đi của tuổi 60 (15) Những điều trông thấy (1) nonfiction (1) phamduy (2) Phong tục tập quán (1) poem (26) poem10 (14) poem12 (4) Quotation (4) Russia (1) Sài Gòn. (3) saigon (4) Sức khỏe là Kim cương (8) Sưu tầm (4) tagore (1) taiwan2012 (11) Tản mạn (30) tcp (2) tcs (6) Thơ's TTM - Remil Nguyễn phổ nhạc. (1) Tibet (4) Tiễn biệt (3) Tôi (105) Tôi ở góc trời. (1) tovu (1) Trang Tôn giáo (14) travel (5) travelcambodia11 (9) travelcambodia12 (1) Truyện ngắn (3) uk (1) uyenlinh (1) Viếng cảnh chùa (1) vietnam (4) vta (1) Vũng Tàu (3)

Luôn nhớ!

Bạn đã ghé thăm đó ư!

Bạn từ đâu đến bạn ơi!
Đến thì nhớ nhé đôi lời thăm nhau..

Mutiply 27/02/2013: 315,715 pageviews; 118 flags collected
free counters



Người xin lỗi trước là người dũng cảm nhất.
Người tha thứ trước là người mạnh mẽ nhất.
Và người lãng quên trước sẽ là người hạnh phúc nhất...