Hướng dẫn tạo form đăng bài trực tiếp lên Blogger

Tạo form đăng bài trực tiếp lên Blogger là thứ mình húa chia sẻ với mọi người ở bài viết trước. Nó cung cấp cho mọi người có thể gửi bài đến website sử dụng Blogger dưới dạng nháp hoặc xuất bản trực tiếp. Với thủ thuật này bạn có thể làm ra rất nhiều những website với mục đích khác nhau như: Hỏi & đáp, Rao vặt, Confession hoặc Quest Post về bất kì chủ đề nào đó,... Cách thức thực hiện mình sử dụng hầu hết là các dịch vụ của Google và áp dụng lại những thủ thuật mà mình đã có dịp chia sẻ nó đến mọi người ở 2 bài viết:
Ok, chúng ta bắt đầu tiến đến từng bước hướng dẫn tạo Form đăng bài lên Blogger thôi. Hướng dẫn của mình sẽ khá đơn giản, do đó không hiểu thì cứ comment ở dưới để mình làm video hướng dẫn luôn cho tiện.

Hướng dẫn tạo form đăng bài trực tiếp lên Blogger
Form đăng bài lên Blogger

Hướng dẫn tạo Form đăng bài lên Blogger

Công việc đầu tiên thực sự ra mình lợi dụng tính năng đăng bài viết qua email có sẵn trong Blogger, và áp dụng 2 bài viết mà mình nhắc đến ở trên và nói tới đây nếu bạn nào đọc qua những bài đó của mình rồi thì chắc cũng hiểu toàn bộ. Rồi vậy bây giờ đầu tiên công việc của chúng ta là kích hoạt tính năng đăng bài qua email, bạn truy cập vào blog mà bạn muốn thực hiện, vào Cài đặt › Điện thoại di động và email

Tùy chọn đăng bài bằng email trong Blogger
Tùy chọn đăng bài bằng email trong Blogger
tại đây phần Email bạn chuyển từ Tắt sang Xuất bản email ngay lập tức hoặc Lưu email dưới dạng bài đăng nháp tùy theo ý định của bạn (cái này rất hay để chúng ta có thể lọc được nội dung nào tốt), và điền vào phần secretWords chữ bất kì (đây chính là email mà chúng ta gửi bài vào và nó sẽ xuất bản hoặc lưu nháp theo như tùy chọn của bạn. Bạn có thể gửi thử email vào địa chỉ trong hình "rainbow.lam25.hoidap@blogger.com" và kiểm tra tại trang demo của mình ở đây:
http://kslhoidap.blogspot.com/
nội dung và tiêu đề email bạn gửi đã xuất hiện ở trang đó. Sau khi hoàn tất chúng ta tiếp đến với bước kế.

Bước thứ hai tiến hành tạo Google Form theo hướng dẫn trong bài viết "Tạo form liên hệ với Google Form (Mẫu)" các bạn có thể tạo một form bất kì nhưng tiêu đề nên bắt buộc phải có nhé ví dụ:
  • Tiêu đề  - Loại » Văn bản - Câu hỏi bắt buộc
  • Nội dung bài viết  - Loại » Văn bản của đoạn văn
  • Tên tác giả  - Loại » Văn bản
  • Hoặc thêm bất kì cái gì khác cũng được nhưng không khuyến khích thêm nhiều quá.
bạn chỉ việc làm 100% theo hướng dẫn trong bài viết tạo một trang mới trong Blogger đặt tên bất kì và dán vào thôi. Còn nếu về giao diện đẹp hơn thì các bạn tự sử nhé hoàn toàn bằng HTML và CSS. Lưu ý nhỏ là còn cái bộ soạn thảo thì mình sẽ chừa đó hướng dẫn ở bài viết kế tiếp nhé.

Bước cuối cùng tiếp tục sử dụng hướng dẫn ở bài viết "Nhận email khi có người gửi Google Form" nhưng có một chút thay đổi. Thay vì sử dụng đoạn script mà mình cung cấp ở bài viết đó, bạn thay đổi bằng đoạn script này:
function guiBieuMau(e)
{
  // Thay thế bằng địa chỉ email của bước đầu tiên
  var email = "rainbow.lam25.hoidap@blogger.com";

  // Không rành thì đùng đụng vào code ở dưới nhé
  var s = SpreadsheetApp.getActiveSheet();
  var columns = s.getRange(1,1,1,s.getLastColumn()).getValues()[0];   
  var message = "";

  // Lấy tiêu đề của bài viết
  var subject = e.namedValues["Tiêu đề câu hỏi"];

  // Lấy ra những thông tin muốn xuất bản vào bài viết
  message += e.namedValues["Đặt câu hỏi nhận ngay trả lời?"]
  // Phần bổ sung thêm vào bài viết đơn giản theo cú pháp 
   + "Tên tác giả" +  e.namedValues["Tác giả"]
   + "Chữ bất kì hoặc html bất kì" + e.namedValues["Tiêu đề của mục trong Google Form muốn lấy ra"]
   + "\n\n";
  
  // Dùng MailApp service của Google Apps Script để gửi về email trong Blogger 
  MailApp.sendEmail(email, subject, message, {htmlBody: message});
}
phần này hơi khó nói một chút nhưng đơn giản thế này. Bạn thay thế Tiêu đề câu hỏi bằng chính xác cái tiêu đề của cái mục mà bạn đặt tên là cái "Tiêu đề" trong Google Form. Và tương tự đối với Đặt câu hỏi nhận ngay trả lời? chính là phần tiêu đề của cái mục "Nội dung bài viết". Còn cái đoạn
+ "Tên tác giả" + e.namedValues["Tác giả"]
là đoạn mình muốn ví dụ với các bạn cách để thêm những cái mục khác bất kì mà bạn muốn thêm vào. Ở ngay trên đoạn script mình cũng chú thích rồi
+ "Đoạn text hoặc html bất kì" + e.named["Tiêu đề của mục trong Google Form muốn lấy ra"]
ai học lập trình thì rất dễ hiểu cái này. Bạn nào không hiểu thì mình sẽ có video hướng dẫn chi tiết sau. Sau khi hoàn tất đoạn script đó thì bạn cứ làm theo hướng dẫn đến bước cuối cùng ở bài viết trước đó là hoàn tất.

Tạm kết tạo Form đăng bài lên Blogger

Lúc này thì khung soạn thảo chưa có người dùng bắt buộc phải sử dụng thủ công HTML và dán vào phần nội dung, về mặt khung soạn thảo tương tự bên website demo mình sẽ hướng dẫn thêm vào ở ngay bài viết kế tiếp. Ngoài ra sẽ có thêm những mẹo nhỏ để bổ trợ thêm vào cho cho bạn thêm ý tưởng để thực hiện như khung tác giả sẽ được viết tiếp tục ở những bài sau nữa mọi người nhớ đón xem nha. Mọi thắc mắc về bài viết các bạn có thể để lại tại khung nhận xét ở dưới mình sẽ hỗ trợ.

Cập nhập: Bạn hãy xem thêm bài viết hướng dẫn tích hợp trình soạn thảo CKEditor cho Google Form để người dùng có thể dễ dàng hơn trong việc viết bài.

51 bình luận

  1. avatar says

    14:56 Ngày 17 tháng 01 năm 2015

    mở màn 1 xu hướng mới nà :))

  2. avatar says

    14:58 Ngày 17 tháng 01 năm 2015

    Cái này có thể dùng một số dịch vụ tạo Contact Form ở bên ngoài đơn giản hơn nhưng cái này có nhiều cái để vọc hơn với Google Apps Script ^_^

  3. avatar says

    15:21 Ngày 17 tháng 01 năm 2015

    đúng là dùng của google vẫn thích hơn ^^ cám ơn bác ... đang đọc để vọc thứ :)

  4. avatar says

    16:07 Ngày 17 tháng 01 năm 2015

    Bac' xem lại, lỗi code bác ơi

  5. avatar says

    16:11 Ngày 17 tháng 01 năm 2015

    Không biết sao cái make up language nó hay bị lỗi ghê =.=

  6. avatar says

    16:14 Ngày 17 tháng 01 năm 2015

    lỗi phải sửa, sửa nhiều trình nó mới lên ^^

  7. avatar says

    16:18 Ngày 17 tháng 01 năm 2015

    Cái đó khó bác ơi :D đang xài cái Prism đã share trên blog này, vả lại xài CDN của người ta nữa nên chỉnh thì bó tay rồi, mà cũng không biết chỉnh sao trong nùi code đó nữa =]]

  8. avatar says

    16:29 Ngày 17 tháng 01 năm 2015

    thế là cái bài này hem dùng được ah :(

  9. avatar says

    16:30 Ngày 17 tháng 01 năm 2015

    Đâu feed rồi đó bác :D

  10. avatar says

    16:30 Ngày 17 tháng 01 năm 2015

    Lỗi ở cái tô màu cho code nó phát sinh lỗi ra mấy đoạn thừa thôi.

  11. avatar says

    17:16 Ngày 17 tháng 01 năm 2015

    Đã test thành công nhưng vì là google form nên bài đăng mới chỉ có toàn text thôi , không xuống dòng được
    Đợi bác tiếp vậy :)) hóng bác :))

  12. avatar says

    17:17 Ngày 17 tháng 01 năm 2015

    Tới đây thì bác sử dụng mấy tag html để xuống dòng, còn mai hoặc mốt sẽ hướng dẫn khung soạn thảo, tiện hơn cho cái đó :D

  13. avatar says

    17:23 Ngày 17 tháng 01 năm 2015

    ok đợi bác tiếp ... với em càng đơn giản càng tốt nhưng ít nó cũng phải có tí xuống dòng , chèn link như hôm qua chứ bác nhể :))

  14. avatar says

    10:55 Ngày 18 tháng 01 năm 2015

    Cũng tương đối ổn roài :D

  15. avatar says

    18:15 Ngày 18 tháng 01 năm 2015

    Em thấy ok rồi đấy anh Thọ :D

  16. avatar says

    15:38 Ngày 09 tháng 02 năm 2015

    làm hoài mà ko đc . bạn có video k? .

  17. avatar says

    20:03 Ngày 09 tháng 02 năm 2015

    Mình thấy hu62 hết đều làm được mà :D Mình sẽ update video nếu bạn quan tâm.

  18. avatar says

    20:49 Ngày 10 tháng 02 năm 2015

    mình làm mà gởi bài nó không hiên trong bài viết blogger. chắc là bước cuối mình chưa hiễu chgo lắm

  19. avatar says

    20:51 Ngày 10 tháng 02 năm 2015

    Nếu vậy thì một là script bạn chưa chạy, nhớ là làm đầy đủ những phần sau ở cái bài nhận email nhé, còn 2 là sai email trong script thôi :D

  20. avatar says

    20:52 Ngày 10 tháng 02 năm 2015

    mình định làm kênh đăng bài cho "người đẹp 3 miền" . có thêm phần tác giả nữa là ok

  21. avatar says

    20:35 Ngày 11 tháng 02 năm 2015

    http://nguoidep3mien.blogspot.com/2015/02/bieu-mau.html
    nó như thế này: sao nó không lấy tự lấy tiêu đê cho bài viết.

  22. avatar Nặc danh says

    11:12 Ngày 14 tháng 02 năm 2015

    Sao bác ko làm thêm cái ngắt bài viết chỗ trên dòng tác giả cho nó khỏi hiện ra ngoài cho đẹp nhỉ

  23. avatar says

    09:19 Ngày 19 tháng 02 năm 2015

    Cái phần giải thích script hơi khó hiểu, nhưng em cũng đã ngấm. Luôn tiện hỏi anh, có thể đặt nhãn cho bài viết luôn không?

  24. avatar says

    13:42 Ngày 19 tháng 02 năm 2015

    làm sao để viết được dấu " trong script trên

  25. avatar says

    21:36 Ngày 20 tháng 02 năm 2015

    Thay vì gõ " anh gõ &quote;

  26. avatar says

    21:36 Ngày 20 tháng 02 năm 2015

    Nhãn thì hoàn toàn không được với thủ thuật này :D

  27. avatar says

    21:37 Ngày 20 tháng 02 năm 2015

    Cái này tùy thuộc sáng tạo mỗi người thôi bác :D

  28. avatar says

    10:20 Ngày 04 tháng 03 năm 2015

    Bạn ơi cho hỏi, làm sao để làm được bảng khảo sát được như vầy: XEM THỬ
    Phía trên là ảnh lôgô và phía dưới là nội dung khảo sát và bạn cho mình hỏi luôn là kích thước của cái logo vừa với khung khảo sát đó là bao nhiêu vậy?
    Cám ơn bạn rất nhiều :D

  29. avatar says

    10:24 Ngày 04 tháng 03 năm 2015

    Lúc tạo form chọn cái chủ đề có hình ở trên đầu đấy bác, đơn giản chỉ cần thay thế thôi =.=

  30. avatar says

    21:40 Ngày 12 tháng 03 năm 2015

    Ơ cảm ơn bác đã Thanks :)

  31. avatar says

    16:23 Ngày 08 tháng 05 năm 2015

    Cái này hay nhưng nó không cho thêm label cùng được.

  32. avatar says

    10:21 Ngày 10 tháng 05 năm 2015

    Đúng rồi, cái vụ này thì hiện tại cũng đang bó tay.

  33. avatar says

    01:07 Ngày 19 tháng 06 năm 2015

    Không hoạt động được bác ơi, tưởng site mình bị lỗi nhưng mình test trên http://kslhoidap.blogspot.com/ cũng không được

  34. avatar says

    01:15 Ngày 19 tháng 06 năm 2015

    TypeError: Không thể đọc thuộc tính "namedValues" từ undefined.

    Chạy thử hàm thì nó báo lỗi này nè bác

  35. avatar says

    08:18 Ngày 19 tháng 06 năm 2015

    Trang đó mình tạm ngưng chứ không phải không chạy được :D. Cái này nó giở ở chỗ chỉ cấp quyến sử dụng thực thi script cho 1 form thôi, mà mình cấp quyền cho mục liên hệ của blog mình rồi nên bên kia không chạy được.

  36. avatar says

    08:20 Ngày 19 tháng 06 năm 2015

    Hàm này là hàm tự chạy, bác chạy thử nó không hoạt động được đâu. Bắt buộc phải có dữ liệu truyền trực tiếp từ bảng tính vào. Ngoài ra những phần thừa như "e.named["Tiêu đề của mục trong Google Form muốn lấy ra"]" không có thì xóa nhé. Thân.

  37. avatar says

    17:54 Ngày 19 tháng 06 năm 2015

    Vậy làm sao để mình được cấp quyền thực thi script cho form của mình vậy bạn? Mình search google dev thì người ta hướng dẫn gửi về mail với cách thức lấy dữ liệu từ 1 vùng (get.range) , mình muốn chỉ lấy dòng đầu tiên rồi lọc theo tiêu đề của từng cột giống bạn đó. Còn nữa, khi mình áp dụng script của người ta thì cứ thấy khoảng 1 thời gian (chỉnh trong spreadsheet) nó sẽ thực thi lại script ấy, nên nó cứ gửi liên tục :(

    Bạn cho mình link facebook của bạn đi, để mình gửi ảnh + code script rồi mình, mình đã kiểm tra kỹ là không sai nhưng nó vẫn báo "Không thể đọc thuộc tính "namedValues" từ undefined. ", mình nghĩ là nó không lọc được namedValues[""] từ dòng đầu tiên của sheet

  38. avatar says

    18:25 Ngày 20 tháng 06 năm 2015

    facebook mình là Kiều Sơn Lâm, bạn có thể inbox để mình teamview cho là bạn.

  39. avatar says

    21:18 Ngày 17 tháng 07 năm 2015

    b ơi làm cái video hướng dẫn đc ko?thanks

  40. avatar says

    14:06 Ngày 07 tháng 08 năm 2015

    Cái băng thông gửi mail này của google có giới hạn gì không bác? của em đang hoạt động tự nhiên ko thấy hoạt động nữa

  41. avatar says

    17:42 Ngày 08 tháng 08 năm 2015

    Hềnh như là 1 tài khoản chạy được 1 script dạng này thôi thì phải. Trước có xài thử 2 form được form này mất form kia :(

  42. avatar says

    19:46 Ngày 13 tháng 08 năm 2015

    Anh làm tới đây rồi http://2.bp.blogspot.com/-x-oVLghSn0k/VcyP_AXVf0I/AAAAAAAAGcs/TLnaWwFr5nI/s320/Untitled.png, nhưng khi gửi thì không nhận được bài. Khi bỏ cái CKEditor cho Google Form thì lại nhận được bài. Mình không hiểu chắc tại cái CKEditor, em nghiên cứu dùm.

  43. avatar says

    19:06 Ngày 18 tháng 08 năm 2015

    Lạ nhỉ, anh gửi link em xem qua thử nhé.

  44. avatar says

    01:30 Ngày 20 tháng 09 năm 2015

    an ơi sao không thấy nó đăng đoạn nào cả. nếu gửi thì nó xuất hiện ở đâu link: http://www.xn--c24h-qra.vn/p/forum.html và có cách nào làm mấy khung kia đẹp đẹp khôngn ạ

  45. avatar says

    01:31 Ngày 20 tháng 09 năm 2015

    Dạ Đây là mã : function guiBieuMau(e)
    {
    // Thay thế bằng địa chỉ email của bước đầu tiên
    var email = "anhdat.xboy.hoidap@blogger.com";

    // Không rành thì đùng đụng vào code ở dưới nhé
    var s = SpreadsheetApp.getActiveSheet();
    var columns = s.getRange(1,1,1,s.getLastColumn()).getValues()[0];
    var message = "";

    // Lấy tiêu đề của bài viết
    var subject = e.namedValues["Hoidap"];

    // Lấy ra những thông tin muốn xuất bản vào bài viết
    message += e.namedValues["Lời Nhắn:"]
    // Phần bổ sung thêm vào bài viết đơn giản theo cú pháp
    + "Tên tác giả" + e.namedValues["Tác giả"]
    + "Chữ bất kì hoặc html bất kì" + e.namedValues["Tiêu đề của mục trong Google Form muốn lấy ra"]
    + "\n\n";

    // Dùng MailApp service của Google Apps Script để gửi về email trong Blogger
    MailApp.sendEmail(email, subject, message, {htmlBody: message});
    }

  46. avatar says

    11:12 Ngày 26 tháng 11 năm 2015

    Mình đọc mà không hiểu :'( Ai giúp mình với.
    Kinh nghiệm tự mò mẫm không qua học hành nên không hiểu :(((

  47. avatar says

    23:39 Ngày 16 tháng 02 năm 2016

    cho mình hỏi lạc đề chút nhé, sao sau khi add tên miền mình truy cập để chỉnh html cho blog ko dc, truy cập bài post, trang, layout đều ok, còn phầm mẫu thì ko vào dc, chờ load hoài.

  48. avatar says

    16:51 Ngày 01 tháng 05 năm 2016

    bài này mình chưa hiểu lắm bạn có video không
    cho mình xin link or có chơi fb không cho mình xin để tiện trao đổi
    cảm ơn

  49. avatar says

    22:53 Ngày 20 tháng 07 năm 2016

    a ơi cho e hỏi sao e làm như cái a bày rồi mà vẫn không gửi bài được akj
    linh tess "http://sdfsdfsdjfjskdfsd.blogspot.com/p/tes.html"
    hi vọng nhờ a giúp e vs ak,,

  50. avatar says

    20:36 Ngày 25 tháng 11 năm 2016

    Chào bạn, mình đã làm theo cách của bạn và đã rất ok, cảm ơn bạn đã chia sẻ. Nhưng ko hiểu sao khoảng hơn nửa tháng nay bài đăng trực tiếp ko vào dc blog, và mỗi khi đăng google báo lỗi về mail, bạn kiểm tra giúp mình google có thay đổi gì dc ko, xin cảm ơn.

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.