TẠO KHUNG ĐĂNG KÍ BÀI VIẾT QUA EMAIL ĐƠN GIẢN

Xin chào các bạn đã quay lại với blog của mình.
Hôm nay mình sẽ hướng dẫn các bạn làm khung đăng kí bài viết qua email cực kì đơn giản và màu hồng cá tính :v

CÁC BƯỚC THỰC HIỆN

Bước 1: Truy cập chỉnh sửa HTML
Bước 2: Chèn CSS dưới đây trước thẻ ]]></b:sin>

#subscribe-box {background-color:#EED2EE;font-family: 'PT Sans', sans-serif;}#subscribe-box p {font-size:22px;color:#fff;line-height:20px;padding:10px 20px 0 20px;margin:0;}#subscribe-box .emailfield {padding:0px 20px 10px;}#subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;width:91%;border:0;transition:all 0.4s ease-in-out;}#subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;}#subscribe-box .emailfield .submitbutton {background:#444;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;font-family: 'PT Sans', sans-serif;;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;}#subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#fff;color:#e25734;}#subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;} .creadit a{color: #A7A6A6; float: right; font-size: 8px

Bước 3: Tạo một tiện ích HTML/javascript và dán toàn bộ code dưới đây vào.

<div id="subscribe-box">
<center>
Đăng Kí Nhận Bài Viết</center>
<div class="emailfield">
<form action="https://feedburner.google.com/fb/a/mailverify?uri=USER-NAME" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=USER-NAME, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="name" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Tên Của Bạn&quot;;}" onfocus="if (this.value == &quot;Tên Của Bạn&quot;) {this.value = &quot;&quot;;}" type="text" value="Tên Của Bạn" />
<input name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Địa Chỉ Email&quot;;}" onfocus="if (this.value == &quot;Địa Chỉ Email&quot;) {this.value = &quot;&quot;;}" type="text" value="Địa Chỉ Email" />
<input name="uri" type="hidden" value="USER-NAME" />
<input name="loc" type="hidden" value="en_US" />
<input class="submitbutton" type="submit" value="Đăng Kí" />
</form>
</div>
</div>
<div class="creadit">
<a href="https://tieubaoblog.blogspot.com" rel="dofollow" target="_blank"> </a></div>

Bước 4: Lưu Template lại, các bạn nhớ chỉnh tieubaoblog.blogspot.com thành địa chỉ blog của mình

TỔNG KẾT

Thế là xong khá đơn giản đúng không nào, thấy hay thì để lại nhận xét nhé!