Cách tạo khung đăng ký bài viết qua Email cho Blogspot

Đây là tiện ích giúp người khác có thể đăng ký theo dõi Blog của bạn bằng địa chỉ Email. Khi bạn xuất bản bài viết mới thì nó sẽ tự động gửi mail về cho người đã đăng ký.


Bước 1 : Vào Chủ Đề >> Chỉnh Sửa HTML >> Tìm thẻ ]]></b:skin> rùi Chèn code sau vào trước thẻ ]]></b:skin>

#subscribe_box-bsw{background:#8A0808;margin:0 0 10px;padding:0 0 10px;}

#subscribe_box-bsw h2{padding:10px;margin:0;font:400 20px Roboto;text-align:center;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.12);}

#subscribe_box-bsw p{margin:0;padding:15px;text-align:center;letter-spacing:-.35px;color:#f4f4f4;}

.u-subscribe-box-bsw{font:400 16px Roboto;transition:.35s;outline:0;background:#fff url() no-repeat 7px 48%;color:#444;padding:10px 15px 10px 30px;display:block;border:0;width:80%;box-sizing:border-box;margin:0 auto 10px;}

.u-subscribe-box-bsw:focus,.e-subscribe-box-bsw:focus{;}

.e-subscribe-box-bsw{font:400 16px Roboto;transition:.35s;outline:0;background:#fff url() no-repeat 7px 48%;color:#444;padding:10px 15px 10px 30px;display:block;border:0;width:80%;box-sizing:border-box;margin:auto;}

.s-subscribe-box-bsw{cursor:pointer;border:0;outline:0;display:block;color:#fff;text-decoration:none;background:rgba(6,6,6,0.15);width:40%;margin:20px auto 10px;padding:10px 15px;font:400 16px Roboto;letter-spacing:0;transition:.35s;border-radius:5px;}

.s-subscribe-box-bsw:hover{background:rgba(6,6,6,0.25);}



Bước 2 : Chèn đoạn code sau vào nơi bạn muốn hiển thị. Ví dụ như phần cuối bài viết <data:post.body/>

<!-- Dang ky nhan bai viet ketnoi89 -->
<br/><div id='subscribe_box-bsw'>
  <div class='i-subText'>
    <h2>Đăng ký nhận bài viết mới nhất qua Email !</h2>
    <form action='https://feedburner.google.com/fb/a/mailverify?uri=ketnoi89' class='i-boxForm' method='post' target='_new'>
      <input class='u-subscribe-box-bsw' name='name' placeholder='Tên của bạn' type='text'/>
      <input class='e-subscribe-box-bsw' name='email' placeholder='Nhập địa chỉ Email của bạn' type='text'/>
      <input class='s-subscribe-box-bsw' type='submit' value='ĐĂNG KÝ'/>
    </form><br/>
  </div>
</div><br/>

Chú ý : Thay ketnoi89 thành feedburner của bạn

Bước 3 : Lưu Mẫu và xem kết quả nhé !





Đăng nhận xét

Mới hơn Cũ hơn

Cảm ơn bạn đã đọc bài viết!

  • Mọi thắc mắc, gợi ý hoặc Báo link hỏng xin chia sẻ bên dưới hoặc Gửi Tin Nhắn
  • Không chèn liên kết quảng cáo, spam khi đăng nhận xét.
  • Không sử dụng những từ ngữ thô tục, vi phạm thuần phong mỹ tục.