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.
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:
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ụ:
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:
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.
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.
![]() |
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à emailTùy chọn đăng bài bằng email trong Blogger |
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ướ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.
lúc 14:56 17 tháng 1, 2015
mở màn 1 xu hướng mới nà :))
lúc 14:58 17 tháng 1, 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 ^_^
lúc 15:21 17 tháng 1, 2015
đúng là dùng của google vẫn thích hơn ^^ cám ơn bác ... đang đọc để vọc thứ :)
lúc 16:07 17 tháng 1, 2015
Bac' xem lại, lỗi code bác ơi
lúc 16:11 17 tháng 1, 2015
Không biết sao cái make up language nó hay bị lỗi ghê =.=
lúc 16:14 17 tháng 1, 2015
lỗi phải sửa, sửa nhiều trình nó mới lên ^^
lúc 16:18 17 tháng 1, 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 =]]
lúc 16:29 17 tháng 1, 2015
thế là cái bài này hem dùng được ah :(
lúc 16:30 17 tháng 1, 2015
Đâu feed rồi đó bác :D
lúc 16:30 17 tháng 1, 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.
lúc 17:16 17 tháng 1, 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 :))
lúc 17:17 17 tháng 1, 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
lúc 17:23 17 tháng 1, 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ể :))
lúc 10:55 18 tháng 1, 2015
Cũng tương đối ổn roài :D
lúc 18:15 18 tháng 1, 2015
Em thấy ok rồi đấy anh Thọ :D
lúc 15:38 9 tháng 2, 2015
làm hoài mà ko đc . bạn có video k? .
lúc 20:03 9 tháng 2, 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.
lúc 20:49 10 tháng 2, 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
lúc 20:51 10 tháng 2, 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
lúc 20:52 10 tháng 2, 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
lúc 20:35 11 tháng 2, 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.
lúc 11:12 14 tháng 2, 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ỉ
lúc 09:19 19 tháng 2, 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?
lúc 13:42 19 tháng 2, 2015
làm sao để viết được dấu " trong script trên
lúc 21:36 20 tháng 2, 2015
Thay vì gõ " anh gõ "e;
lúc 21:36 20 tháng 2, 2015
Nhãn thì hoàn toàn không được với thủ thuật này :D
lúc 21:37 20 tháng 2, 2015
Cái này tùy thuộc sáng tạo mỗi người thôi bác :D
lúc 10:20 4 tháng 3, 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
lúc 10:24 4 tháng 3, 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 =.=
lúc 21:35 12 tháng 3, 2015
Ơ Thank bác :)
lúc 21:40 12 tháng 3, 2015
Ơ cảm ơn bác đã Thanks :)
lúc 16:23 8 tháng 5, 2015
Cái này hay nhưng nó không cho thêm label cùng được.
lúc 10:21 10 tháng 5, 2015
Đúng rồi, cái vụ này thì hiện tại cũng đang bó tay.
lúc 01:07 19 tháng 6, 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
lúc 01:15 19 tháng 6, 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
lúc 08:18 19 tháng 6, 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.
lúc 08:20 19 tháng 6, 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.
lúc 17:54 19 tháng 6, 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
lúc 18:25 20 tháng 6, 2015
facebook mình là Kiều Sơn Lâm, bạn có thể inbox để mình teamview cho là bạn.
lúc 21:18 17 tháng 7, 2015
b ơi làm cái video hướng dẫn đc ko?thanks
lúc 14:06 7 tháng 8, 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
lúc 17:42 8 tháng 8, 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 :(
lúc 19:46 13 tháng 8, 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.
lúc 19:06 18 tháng 8, 2015
Lạ nhỉ, anh gửi link em xem qua thử nhé.
lúc 01:30 20 tháng 9, 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 ạ
lúc 01:31 20 tháng 9, 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});
}
lúc 11:12 26 tháng 11, 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 :(((
lúc 23:39 16 tháng 2, 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.
lúc 16:51 1 tháng 5, 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
lúc 22:53 20 tháng 7, 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,,
lúc 20:36 25 tháng 11, 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.
lúc 11:55 22 tháng 1, 2017
video hướng dẫn đi anh ơi..!