HƯỚNG DẪN TẠO KHUNG ĐĂNG KÝ BÀI VIẾT QUA EMAIL TUYỆT ĐẸP CHO BLOGSPOT

HƯỚNG DẪN TẠO KHUNG ĐĂNG KÝ BÀI VIẾT QUA EMAIL TUYỆT ĐẸP CHO BLOGSPOT.

Các bước thực hiện

Bước 1: Chèn CSS sau vào trước thẻ ]]></b:skin> Trong Template

#subscribe_box-bsw{background:#d66055;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(https://2.bp.blogspot.com/-WCZ--t5TFbk/WQyAIDz4BjI/AAAAAAAAASg/NyYU5QRk4QIUaa93HvIkWrD9CzIozATiwCLcB/s16/username-icon------bacsiwindows-com.png) 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(https://4.bp.blogspot.com/-DAZhj75tYCs/WQyAIMeTjgI/AAAAAAAAASk/desjuq5r1xkNeRIk9PBcDsLYRLyGkzV6ACLcB/s16/email-icon------------bacsiwindows-com.png) 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: Tiếp theo các bạn vào bố cục chọn khu nào muốn hiện chọn. html/javascript và dán code bên dưới:

<div id='subscribe_box-bsw'>
  <div class='i-subText'>
    <h2>Đăng ký nhận bài viết</h2>
    <p>Nhập địa chỉ Email và bấm đăng ký, bạn sẽ nhận được bài viết mới nhất từ BTT hoàn toàn miễn phí! Cam kết không SPAM!</p>
    <form action='http://feedburner.google.com/fb/a/mailverify?uri=ByTrngTrungThThutBlogger' 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='Địa chỉ Email' type='text'/>
      <input class='s-subscribe-box-bsw' type='submit' value='ĐĂNG KÝ'/>
    </form>
  </div>
</div>

 Tổng KẾT

Đây là một widget nhỏ nhỏ giúp độc giả có thể theo dõi BLOG bạn. Giúp blog trở nên đẹp độc lạ.

Nguồn: Bác Sĩ Windows

Nội dung chính

ĐIỀU KHOẢN SỬ DỤNG

1. Bằng cách nhấp vào nút TÔI ĐỒNG Ý bạn đã chấp thuận điều khoản sử dụng.
2. Chúng tôi không chịu trách nhiệm với lỗi phát sinh trong quá trình sử dụng.
3. Nếu các bạn cần hỗ trợ có thể để lại nhận xét bên dưới bài viết này hoặc liên hệ với chúng tôi.