Hướng dẫn thêm tiện ích đăng ký nhận bài viết mới qua Email

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>

Copy

#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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhNzFfr6Bab2kzhQ5Br6Y5Bmvap-IMQZlxpRuaCzYDaLGM4DYqN9gwGmQTLXfLiPbRw3VA_MVk8FaiJ_azOSYb8AR6IDSG0ZR__ZosUFL9AM7DxNgGIpQUCvYIamsCgaXsK2tJoq-I_68a/s1600/XrHTe.png) no-repeat scroll right center #FFFFFF;

}

#email {

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg830OLs8RL0dcT_ZlBcDSXPDNP_8rZ2vPs3wyj7jeWG4lyGlgtAZ2HCJQ-CJ9gKsNS0iyKL1fVgXxjiA2TiRrACE0wq5LcHxA6ryXsXf1rEoS0718hdmRG_BQY6t2IXb8IYziFuSSHGMu/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:

Copy

<div id="follow-by-email">

<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tuanoi', '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ế tuanoi 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/tuanoi thì chỉ lấy phần dòng tuanoi.

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.

Nội dung chính