04/03/2017

Form đăng ký nhận bài viết mới qua email cho blogspot

Form đăng ký nhận bài viết mới qua email là tiện ích không thể thiếu cho mỗi trang blog. Giúp người đọc nhận bài viết mới nhất của qua việc đăng kí qua email giúp tạo mối liên hệ và giữ chân người đọc thường xuyên ghé thăm blog của bạn.Dưới đây là hướng dẫn các bước để thêm form đăng ký vào blog.

Cách thực hiện khá đơn giản gồm hai bước sau:

Bước 1: Thêm CSS

Vào mẫu chỉnh sửa thêm đoạn code dưới đây trước thẻ ]]></b:skin>

Code:
#follow-by-email {
padding: 15px 0;
text-align: center;
width: 100%;
}
#follow-by-email input[type="text"] {
border: 1px solid rgba(0,0,0,0.4);
font-size: 13px;
margin: 0 0 15px 0;
padding: 7px;
width: 87%;
color:black;
outline: 0
}
#name {
background: url(https://4.bp.blogspot.com/-hCbycChBxU0/WVtIsiiz1sI/AAAAAAAAPI0/mIXoUDwaGnUZ6NG1Vg2OZ9qk36U47SyJACLcBGAs/s1600/XrHTe.png) no-repeat scroll right center #FFFFFF;
}
#email {
background: url(https://1.bp.blogspot.com/-I2NuvhKKC3Q/WVtJBMsWPzI/AAAAAAAAPI4/Lw7dQAOXJi83B_x_0sfdJCN3_oJcfFfrQCLcBGAs/s1600/mailbox.png) no-repeat scroll right center #FFFFFF;
}
#follow-by-email input[type="submit"] {
background: #E3E3E3;
border: 1px solid #C1C1C1;
color: #585858;
cursor: pointer;
margin-top: 5px;
padding: 5px 0;
width: 30%;
border-radius:2px;
}

Lưu template lại chuyển qua bước 2 thêm tiện ích vào bố cục

Bước 2: Thêm tiện ích

Vào Bố cục chọn thêm tiện ích HTML/Javascript copy & paste đoạn code sau:

Code
<div id="follow-by-email">
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BlogThThutWin10', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" name="uri" value="gethow" /><input type="hidden" value="en_US" name="loc" />
<input type="text" id="name" name="name" onfocus="this.value=&#39;&#39;" value="Tên của bạn" placeholder="Tên của bạn" />
<input type="text" id="email" name="email" onfocus="this.value=&#39;&#39;" value="Địa chỉ Email" placeholder="Địa chỉ Email" />
<input type="submit" value="Đăng ký" id="submit" name="submit" />
</form>
</div>

Thay thế BlogThThutWin10 bằng uri blog của bạn. Để xác định đúng uri chọn thêm tiện ích theo dõi qua Email copy phần địa chỉ ví dụ http://feeds.feedburner.com/BlogThThutWin10 thì chỉ lấy phần dòng BlogThThutWin10.

Khá đơn giản phải không các bạn. Hi vọng blog của bạn sẽ có nhiều người đọc thường xuyên hơn bằng cách đăng ký nhận bài viết mới qua email từ form đã tạo.

2 nhận xét
  1. có thể bỏ qua phần gõ mã Captra được không bạn ?

    Trả lờiXóa
    Trả lời
    1. Cái này là do trang feedburner.com họ tạo nhằm chống hành vi spam mail rất tốt. Mình không can thiệp được bạn nhé. Thân!

      Xóa