HOT !!!Hiện Tại HungCoder.Com Đang Phát Hành Trang Chat Miễn Phí Cho Mọi Người Giao Đỗi Thông Tin Với Nhau.Click Here

Thứ Năm, tháng 6 28, 2018

KHUNG ĐĂNG KÝ NHẬN BÀI VIẾT QUA EMAIL TUYỆT ĐẸP CHO BLOGSPOT

Hello xin chào các bạn đã quay lại với Hùng Coder Blog's!
Bài viết này mình sẽ hướng dẫn các bạn làm một khung đăng kí nhận bài viết qua email tuyệt đẹp hay nói cách khác là Subscribe Box Widget, khung đăng kí nhận bài viết này sẽ giúp blog của các bạn thêm phần nào đó Bắt Mắt hơn nhìn sẽ đẹp hơn, các bạn theo dõi cách làm sau đây nhé.
khung dang ky nhan bai viet qua email tuyet dep cho blogspot

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

Bước 1: Các bạn sao chép và dán đoạn code sau đây trước thẻ ]]><b/:skin>.
.subs-field{background:linear-gradient(107deg,#355c7d,#8fc6ff);color:#fff;padding:20px;border-radius:10px}.subs-field h4{margin:0;font-size:18px;font-weight:500;letter-spacing:.5px}.subs-field input{outline:none;width:92.5%;padding:0 10px;height:35px;border:none;border-radius:5px;margin:0 0 15px}button.button-susu{background:#130426;outline:none;color:#fff;font-family:'Google sans';font-weight:500;padding:10px;width:100%;border:none;border-radius:5px;letter-spacing:.5px;transition:all .1s ease-in-out;cursor:pointer;text-transform:uppercase}button.button-susu:hover{opacity:.7}.subs-field p{font-size:13px}.newstitle,.p-title{color:#355c7d;font-weight:500}#blanternews{display:none;margin:22px 0}#blanternews h4{background:#fff;border:1px solid #ddd;display:block;width:200px;margin:0 auto 15px;padding:10px;border-radius:10px}#linnews marquee a{margin:0 10px}.newstitle{float:left;padding:4px 10px;border-left:2px solid #355c7d}#linnews marquee{float:right!important;width:84%!important;line-height:2}#blanternews blanter{background:#fff;display:inline-block;border:1px solid #ddd;padding:10px;border-radius:10px}kbd{display:inline-block;border:1px solid #ccc;border-radius:4px;padding:.1em .5em;margin:0 .2em;box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;background-color:#f7f7f7}

Bước 2: Các bạn vào bố cục và tạo một tiện ích HTML/Javascript mới và dán đoạn code sau đây vào nó.
<div class='clear'></div>
<div class='widget HTML' data-version='1' id='HTML4'>
<div class='widget-content'>
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=DuniaBlanter', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<div class="subs-field">
<h4>Theo Dõi Bài Viết Mới</h4>
<p>Đăng ký để nhận các bài viết mới qua email của bạn hoàn toàn miễn phí</p>
<input class="validate" name="email" required="" type="email" placeholder='Email của bạn...'/><input name="uri" type="hidden" value="DuniaBlanter"/><input name="loc" type="hidden" value="en_US"/><button class="button-susu" type="submit">Subscribe Now</button>
</div></form>
</div>
</div>
Bước 3: Lưu lại và xem kết quả nào.

LỜI KẾT

khung đăng kí nhận bài viết trên đây mình thấy trong một Template mà IDBLATER bán thấy nó rất đẹp nên lấy code về chỉnh màu lại và hướng dẫn cho các bạn, cảm ơn các bạn đã đọc bài viết chúc các bạn thành công.!

23 nhận xét

  1. số lượt truy cập từ blog anh qua em là 247 luôn ._.

    Trả lờiXóa
  2. Trả lời
    1. Hehe ctv của blog a viết đấy e, ko phải a viết bài này đâu :)

      Xóa
  3. Đẹp lắm anh :)
    - Tối qua e xạo lìn nha <3

    Trả lờiXóa
    Trả lời
    1. A ko quen xạo lin e ơiii :))) a chỉ quen xạo lờn thôi kk

      Xóa
  4. Nhìn nó cx đẹp chớ bộ =]] nhưg mà cái của Toicode đẹp hơn anh

    Trả lờiXóa
  5. a là coder thì a ra bài hướng dẫn code đi a

    Trả lờiXóa
  6. Hướng dẫn code thì nhiều lắm e ạ, nhưng a chỉ chuyển về Visual Basic nhưng mà chưa thể đi sâu vào hết đc vì hồi xưa a cũng chỉ mới tập làm quen 1 số thứ thôi chứ chưa đi sâu vào đc hét e ạ, và time a cũng có hạn nên a ko ra đc nhiều bài hd cho lắm đâu :)

    Trả lờiXóa
  7. qua thăm anh hùng chim to nè

    Trả lờiXóa
    Trả lời
    1. Chắc e nhầm với ai r đấy :)) chim a ko to mà rất gọn thôi. Chứ chi a mới to thôi kk

      Xóa
  8. hello anh buổi chiều vui vẻ qa ghé thăm

    Trả lờiXóa
    Trả lời
    1. Qua thăm đơn giản thế thôi hả e :)) ko có quà cáp gì hả =))

      Xóa
    2. co chớ anh😂😂😂

      Xóa
    3. Có mà sao a ko thấy gì hết nhể :))

      Xóa
  9. trưa rồi tắm nắng thôi...nắng cháy chim nha anh

    Trả lờiXóa
    Trả lời
    1. Kk chi a đc bao bọc kỷ lắm e ơiiii, cô gái ấy ko để chi a bii cháy đc đâu kk

      Xóa

Monetize your website traffic with yX Media