Tạo hộp Theo dõi qua Email cho Blogspot

Hôm nay, Thịnh ND xin chia sẻ cho các bạn hộp theo dõi qua Email cho Blogspot cực đẹp. Nó có thể dễ dàng thêm truy cập cho blog của bạn bằng cách tự động gửi bài viết mới nhất của bạn vào email mà độc giả đăng kí.

HƯỚNG DẪN

Bước 1: Đăng Nhập Blogger > Bố Cục > Thêm Tiện ích > Theo dõi qua Email

Bước 2: Copy đoạn sau http://feeds.feedburner.com/ giống mình gạch chân trong ảnh dưới

Mục đích của 2 bước trên là để lấy url feedburner cho Blogspot/Blogger

Bước 3: Tiếp tục vào Bố Cục > Thêm Tiện ích > HTML/Javascript và dán đoạn code sau vào

<div class="nd-follow">

<style>

.nd-follow {width:300px; height:250px; background:#2A3744; margin:5px auto; font-size:13px; color:#d1d1d1; text-align:center; padding:10px; }

.nd-follow b {font:bold 24px helvetica; color:#fff; float:left; width:inherit; text-align:center; padding:20px 0; }

.nd-follow form {width:250px; margin:0 auto;}

</style>

<b>THEO DÕI QUA EMAIL</b><br />

Đăng kí theo dõi blog để cập nhật những bài viết mới nhất vào hòm thư của mình!<br />

<br />

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ThinhNd', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">

<input nd-followe="email" placeholder="Email của bạn..." style="border: 1px solid #fff; box-sizing: border-box; padding: 9px 5px; width: inherit;" type="text" />

<input nd-followe="uri" type="hidden" value="ThinhNd" />

<input nd-followe="loc" type="hidden" value="vi_VI" />

<input class="button" style="background: #03A9F4; border: none; color: white; font-size: 18px; font-weight: bold; margin: 10px auto; padding: 9px 5px; width: inherit;" type="submit" value="ĐĂNG KÝ NGAY" />

</form>

</div>

Thay ThinhNd thành đoạn bạn vừa sao chép ở bước 2

Bước 4: Bấm Lưu và kiểm tra

Lời Kết

Chúc bạn thành công nhé. Mọi thắc mắc vui lòng comment ở bên dưới, mình giúp bạn trong thời gian sớm nhất. Xin cảm ơn bạn đã quan tâm theo dõi