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
Box đăng ký nhận bài viết mới HTML5 và CSS3
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 */
#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(http://1.bp.blogspot.com/-JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/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}
Tiếp tục thêm mã HTML sau vào vị trí bạn muốn hiểu thị Box này
<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>
Donate MoMo: 034.34.38.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ài đăng khác

2 nhận xét

Khi Comment hãy click vào "Thông báo cho tôi" để theo dõi phản hồi mới nhất từ admin
  1. 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óa
    Trả lời
    1. Bạ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