Nhận xét mới

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 Tiểu Bảo Blog!
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.!
Share:

30 nhận xét

Đặng Hưng nói...

phải cmt lên top mới đc

Tiểu Bảo Blog nói...

cố lên anh ơi :v

Quốc Đẹp Trai nói...

Để test xem nó như thế nào :v

NTMT Ghost nói...

Đẹp :v

Tiểu Bảo Blog nói...

oke ông test đi <3

Tiểu Bảo Blog nói...

cảm ơn bạn nhé <3

Đặng Hưng nói...

hihi

Star Huy nói...

sao ko tìm dc thẻ kia ta

Star Huy nói...

à r có r

Tiểu Bảo Blog nói...

ahaha thanh niên ngáo hơn :v

Nguyễn Chánh Đức nói...

Đẹp đó nha, nhìn nó hơi thôi :v

Quốc Đẹp Trai nói...

Đơn giản nhưng nhẹ lắm ông

Tiểu Bảo Blog nói...

thấy bình thường mà ông :V

Tiểu Bảo Blog nói...

cảm ơn nhiều <3

Quốc Bảo Blog nói...

đẹp á nha :V

Quốc Bảo Blog nói...

chào buổi sáng bảo chym to

Nguyễn Chánh Đức nói...

Nó hơi thô -.-

Võ Thanh Phú nói...

buổi tối vui vẻ nhá

NIỆM STYLE Vlogs nói...

Bữa h đâu mất tiêu rồi em?

Võ Thanh Phú nói...

buổi chìu vui vẻ nha
tương tác tốt

Đặng Hưng nói...

chưa ra bài mới à em

Tiểu Bảo Blog nói...

cảm ơn nhiều nha <3

Tiểu Bảo Blog nói...

mới đi du lịch về anh ơi :v

Tiểu Bảo Blog nói...

em đang tìm ý tưởng và sẽ ra bài sớm ạ <3

NIỆM STYLE Vlogs nói...

du lịch luôn sướng hả :)

Tiểu Bảo Blog nói...

bí ý tưởng luôn rồi anh ơi @@

Nguyễn Chánh Đức nói...

Ra bài mới đi nha Bảo, một số Blog như tôi hóng ông ra bài rồi đó!

Nguyễn Xuân Phú nói...

đẹp :v

Tiểu Bảo Blog nói...

cảm ơn nà <3

Duy Phương nói...

sửa lại thẻ đi nhé ]]><b/:skin.

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!