Box đăng ký nhận bài viết mới HTML5 và CSS3
Đây là widget cực kỳ cần thiết cho Web Master nó giúp tăng lượng độc giả trung thành với blog của bạn và tăng lượng visit tới blog của bạn nhiều hơn khi có bài viết mới ra lò, và Widget trên là HTML5 và CSS3 nên cực tốt cho SEO
Thêm Box nhận bài viết mới cho Blog/ Website
Thêm mã CSS sau vào trước thẻ ]]></b:skin>
Thêm Box nhận bài viết mới cho Blog/ Website
Thêm mã CSS sau vào trước thẻ ]]></b:skin>
/* Subscribe By Email By Tips24h.net */Tiếp tục thêm mã HTML sau vào vị trí bạn muốn hiểu thị Box này
#subscribe-css{padding:3px 0}
.subscribe-wrapper{color:#fff;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:none;font-weight:500}
.subscribe-form{clear:both;display:block;margin:10px 0;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:10px 0 0;width:auto;overflow:hidden}
.subscribe-css-email-field{background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqVzX3IYLdNvUTT6MIVM7QXKems8jEYA-v97y13m_OV90KxbjxVF9NkOLHDuvCYHuWhD5c16kmfHt-88WOn_ZYSygQFxsCHwp9n45Gep7Y-mQ2grXbiBABS9pzgxg198NBrkPXz196o9sR/s1600/sprites.png) no-repeat 1px -27px;color:#444;margin:0 0 15px;padding:12px 40px;width:100%;border:none}
.subscribe-css-email-button{background:#febdaf;color:#fff;cursor:pointer;font-weight:700;padding:10px;text-transform:none;width:100%;border:none;font-size:16px}
.subscribe-css-email-button:hover{transition:all .3s ease-in;background:#d12300;border:none}
<div id="subscribe-css">
<div class="subscribe-wrapper">
<div class="subscribe-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=tips24hdotnet" class="subscribe-form" method="post" onsubmit="window.open
('http://feedburner.google.com/fb/a/mailverify?uri=tips24hdotnet', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="tips24hdotnet" /><input name="loc" type="hidden" value="en_US" /><input class="subscribe-css-email-field" name="email" autocomplete="off" placeholder="Enter your email address "/><input class="subscribe-css-email-button" title="" type="submit" value="Subscribe Now !" /></form>
</div>
</div>
</div>
- Demo tại đây
- Chú ý: Thay tips24hdotnet thành Feed mà bạn đã đăng ký trước đó.
Bạn đang xem bài viết Box đăng ký nhận bài viết mới HTML5 và CSS3 trên tips24h.net - Box đăng ký nhận bài viết mới HTML5 và CSS3 tương đương với đường dẫn https://www.tips24h.net/2014/01/box-dang-ky-nhan-bai-viet-moi-chuan-html-5-css-3.html. Nếu bạn thấy bài viết hữu ích hãy chia sẻ URL trên cho bạn bè, người thân của bạn.
Donate MoMo: 035.45.48.599
Bài đăng mới hơn
Bài đăng mới hơn
Bài đăng cũ hơn
Bài đăng cũ hơn
Bạn ơi bạn có thể viết bài hướng dẫn tạo Form liên hệ cho blogspot được không . Nếu được thì khi nào bạn thì nhớ bào cho mình viết với nhé
Trả lờiXóaBạn có thể làm theo bài này nhé, cũng khá đơn giản thôi bạn ợ http://funitmasti.blogspot.com/2013/08/google-official-contact-form-for-static.html
Xóa