Chia sẻ mẫu thông báo bình luận qua email giống Hocban.vn
Mẫu thông báo bình luận qua email tren Hocbanvn
Hello, xin chào anh em ! Hôm nay mình có viết bài khoe về mẫu thông báo bình luận qua email dùng plugin Replyme thì có một số anh em thích nên mình chia sẻ luôn mẫu đó cho xài.
Mình nói thêm, đây là mẫu do bạn Phước ĐT (yeualo.com) chia sẻ cho mình cách đây khá lâu rồi, nhưng mình không xài plugin Replyme nên không đụng đến. Nay web không kết nối được với JetPack nên mình sử dụng cách thông báo bình luận này.
Có lẽ là sẽ sử dụng nó luôn và không đổi nữa. Từ nayt anh em sẽ nhận được một khung thông báo bình luận tương tự như trong ảnh minh họa. Tùy theo ngẫu hứng mà mình sẽ tùy chỉnh lại đôi chút theo thời gian. Nhưng tạm thời nó sẽ có hình thù trông như vậy đấy 😊.
Đây là mẫu mà mình đã chỉnh sửa lại từ mẫu của Yeualo.com, mẫu gốc bạn Phước ĐT chia sẻ riêng cho mình nên mình không chia sẻ cho các bạn mà mình sẽ là mẫu của mình đã chỉnh sửa. Không nói nhiều nữa, nó đây:
Mẫu số 1
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<div style="background: #A5D6EF; padding: 20px 30px; margin: 10px; border: 0; word-wrap: break-word; font-family: Arial; font-size: 16px; color: #013D5D;"> <div style="width:100%; padding: 0; margin: 0 auto; border-radius: 5px; background: #FFF"> <div style="background: #114965; padding: 10px; margin: -10px -10px 10px -10px; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff;"><strong>Thông báo về bình luận của bạn trên Hocban.vn</strong></div> <div style="padding: 10px;"> Xin chào bạn <strong><a href="[posturl]"><font color="#3F51B5">[commenter] </font></a></strong> ! <p>--------------------------------- </p> <p>1. Bình luận của bạn trên <strong><a href="[posturl]"><font color="#FF5722">Hocban.vn</font></a></strong> vừa được trả lời bởi bạn có nick name: <strong><a href="[posturl]"><font color="green">[newcommenter]</font></a></strong> <br> <p>2. Bình luận trước đó của bạn:</p> <div style="color: black; background: #fcfcfc; border: dashed #3F51B5 0.5px; margin: 5px; padding: 0.2em 1.1em; border-radius: 3px;"> <p>[commentmsg]</p> </div> <p>3. Nội dung bình luận trả lời bạn:</p> <div style="color: black; background: #fcfcfc; border: dashed #3F51B5 0.5px; margin: 5px; padding: 0.2em 1.1em; border-radius: 3px;"> <p>[newcommentmsg]</p> </div> <p>4. Nhấn vào đây để trả lời bình luận: <a class=" button button-large button-purchase" style="background: #143f6b; box-sizing: inherit; color:white; display: inline-block; font-family: 'Hammersmith One', Tahoma, Arial; font-size: 1.125rem; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0.6em 0.3em 0px 0px; padding: 0.4em 1.1em; text-align: justify; text-decoration-line: none; text-transform: uppercase; transition: all 0.3s ease; vertical-align: baseline;" href="[newcommenturl]">TRẢ LỜI</a></p> <p>------------------------------------------</p> <p>Trân trọng !</p> <p><b>- Hocban.vn -</b></p> </div> |
Mẫu số 2:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<div style="background: #ffffff; padding: 10px 1px; margin: 2px 1px; border: 0; word-wrap: break-word; line-height: 1.7; font-family: Arial; font-size: 16px; color: #013D5D;"> <div style="width:100%; padding: 0; margin: 1px; border-radius: 5px; background: #FFF"> <div style="background: #114965; padding: 10px; margin: -10px -10px 10px -10px; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff;"><strong>Thông báo về bình luận của bạn trên Hocban.vn</strong></div> <div style="padding: 10px 1px;"> Xin chào bạn <strong><a href="[posturl]"><font color="#3F51B5">[commenter] </font></a></strong> ! <p>--------------------------------- </p> <p>1. Bình luận của bạn trên <strong><a href="[posturl]"><font color="#FF5722">Hocban.vn</font></a></strong> vừa được trả lời bởi bạn có nick name: <strong><a href="[posturl]"><font color="green">[newcommenter]</font></a></strong> <br> <p>2. Bình luận trước đó của bạn:</p> <div style="color: black; background: #fffacd; margin: 5px; padding: 0.2em 1.1em;"> <p>[commentmsg]</p> </div> <p>3. Nội dung bình luận trả lời bạn:</p> <div style="color: black; background: #e7f8ff; margin: 5px; padding: 0.2em 1.1em;"> <p>[newcommentmsg]</p> </div> <p>4. Nhấn vào đây để trả lời bình luận: <a class=" button button-large button-purchase" style="background: #143f6b; box-sizing: inherit; color:white; display: inline-block; font-family: 'Hammersmith One', Tahoma, Arial; font-size: 1.125rem; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0.6em 0.3em 0px 0px; padding: 0.4em 1.1em; text-align: justify; text-decoration-line: none; text-transform: uppercase; transition: all 0.3s ease; vertical-align: baseline;" href="[newcommenturl]">TRẢ LỜI</a></p> <p>------------------------------------------</p> <p>Trân trọng !</p> <p><b>- Hocban.vn -</b></p> </div> |
Đây không phải là bài hướng dẫn cài đặt nên mình sẽ không nói chi tiết quá trình cài đặt và cấu hình SMTP và plugin Replyme. Đây chỉ là cái mẫu có sẵn, bạn nào đang xài plugin Replyme rồi và thấy thích mẫu của mình thì lấy về xài.
Mình sẽ viết bài chia sẻ cách làm từng bước ở các bài viết sau cho bạn nào chưa xài bao giờ. Nào hãy copy nó về và dán vào nghịch thử, cũng như tùy biến lại cho nó nhí nhảnh hơn nhé ! 😊
À, một điều nữa là đây là bài viết đầu tiên trên Hocban.vn mang tính chất thủ thuật và nó cũng mở đầu cho chuyên mục Thủ Thuật WordPress tại Hocban.vn. Không hứa hẹn điều gì đặc sắc, vì trên mạng thủ thuật về WordPress khá nhiều rồi. Có chăng là mình sẽ chia sẻ lại những cách mình đã làm, đã vận dụng và thấy hiệu quả đến anh em khi xài WordPress. Còn bây giờ, hãy quẩy mạnh mẽ với bài viết đầu tiên của chuyên mục đi anh em 🤣
Hocban.vn
WP quá mạnh và thân thiện, nếu so với joomla hay mã nguồn khác, cuối cùng lại trở về với wordpress.
thanglonglive.com
Bác đang dùng WordPress cho site nào ?
Mình đang dùng cho trang tin này đây http://news.vôminh.vn
Ồ chơi site tạp chí luôn :p
Mẫu bình luận tuyệt vời
Many thanks, and welcome to Hocban.vn 😀
Mẫu này cũng đẹp cơ mà vẫn còn thấy sao sao ý để xem nào
Dán vào Codepen chỉnh sửa lại theo phong cách của bác nhé ! Đây xem như cái sườn để anh em tham khảo, thấy nhiều bác lấy về tùy biến lại nhìn đẹp phết đó ! 😀
Chuẩn luôn. Nhưngz người ko chuyễn vẫn dùng đc
WordPress thành công là nhờ một phần chính ở điểm mạnh này đó bác, không cần học lập trình web vẫn có thể tạo được website khá ngon.
Không liên quan nhưng mà em đề xuất bác nên đặt tên tiếng Việt có dấu, có cách từ, để giúp anh em nhận diện tốt hơn. Có thể nói Học Bạn là một trong số ít những kênh hiện nay cho phép bình luận quảng bá thương hiệu.
Ví dụ: Bé Bụ Bẩm Shop, Shop Bé Bụ Bẩm, Tịnh Nguyễn Blog,…..
Cách đây 2 năm mình ko biết j về WordPress. Giờ mình có thể làm web cho khách được luôn. Ngày trước chỉ biết thiết kế và code html giờ ôm chọn luôn. Khách nào có nhu câu là chiều hết :)).
Mình thấy bạn cũng có nhiều bài viết hay. Chúc Học Bạn phát triển nữa nhé
Sau một thời gian làm thì bác đã lên cơ rồi đấy 😀 thực tế mà nói, để tạo được một cái web cho khách, vận hành với nhu cầu bình thường và không có yêu cầu gì cao thì bác hoàn toàn có thể nhận dự án làm. Tuy nhiên sợ là trong quá trình sử dụng, khách hàng sẽ yêu cầu những thứ quá sức của mình thì méo mặt.
Cảm ơn bác đã khen và lời chúc nhé, thường xuyên ghé thăm Hocban.vn để cùng giao lưu, trò chuyện cho vui. Em đã sửa lại tên níc cho bác rồi đấy ! Hôm sau cứ theo tên này mà triển 😀
Đẹp đấy. Mình cũng đang dùng cái này. Thấy chuyên nghiệp hẳn lên 😀
Phải công nhận bên WordPress nó có tính năng này hay thật bác nhỉ !
Nhìn đơn giản mà “ngon” (y)
A hê hê, mời bác xơi !
Hí hí… cám ơn đã chia sẻ. tui cũng copy đem về dùng cho blog của tui đây.
Ồ ồ, ngon đấy ! Xài đi để tôi chạy qua test cái mẫu thông báo thế nào 😂 Dạo này lo đi chụp ảnh người mẫu quá, chắc bỏ bê bờ lóc cmnr 😂
..
SPAMER nào đây ?
Chính chủ 😛
Chính chủ đang muốn nói điều gì ? Mạnh mẽ lên chứ cứ ló thụt như con gái chưa 18 thế 😅