Nhận xét mới

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="http://feedburner.google.com/fb/a/mailverify?uri=USER-NAME" method="post" onsubmit="window.open('http://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="http://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é!
Share:

Add Comment

32 nhận xét:

  1. Trả lời
    1. Tui bảo rồi mà đăng bìa hoài chán quá làm về blog hay hơn hihi :3

      Xóa
  2. Hay đấy ông ngàn like cho bài viết này :))

    Trả lờiXóa
  3. Trả lời
    1. Ông thông cảm nha tui đang tìm ý tưởng về blogspot nên hơi lâu vs lại tui k rành bằng người ta :<

      Xóa
  4. phần này tui hok thích lắm :v

    Trả lờiXóa
    Trả lời
    1. Hmm bài đầu tiên về blog của tui đó :<

      Xóa

Liên hệ đặt quảng cáoTheo dõi để cập nhật bài viết sớm nhất Theo dõi ngay!