Nói vậy chứ post được bài này với trình độ gà như mình trong việc chỉnh sửa code,chú thích cho dễ hiểu cộng với trời nóng bức này cũng mệt mỏi lắm.Nhưng vì muốn khám phá it và khoái chia sẻ những gì kiếm được nên mình xin cố gắng.Yên tâm là hộp vẫn chạy tốt :D
Làm thế nào để đưa hộp đăng ký qua Email vào Blogger
1- Đăng nhập blog2- Vào thiết kế
3- Vào bố cục
4- Chọn thêm 1 tiện ích HTML/Javascrip và dán code tương ứng với mẫu bạn chọn rồi save lại
MẪU 1
Code
<style type="text/css">MẪU 2
#dautocrazy-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfWPsnqdbusdAl0JShLwE2tmOTtSn-Z9QT7RFVlfOh9k1mP8rNX4694o2pprgjwsot9lMRFa5vOCqBFNkAHIhzw5ZgBZHbLZy4KELIKdpm1U3bp7NJUPv_BiVDtyUkZ4LhF29lXdT4c_E/s1600/dautocrazy.blogb-lue.png)no-repeat scroll center center transparent;
height: 106px;
width: 275px;
}
form#dautocrazy-emailform {
display: block;
margin: 0;
padding-left: 40px;
padding-top: 48px;
}
form#dautocrazy-emailform #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 12px;
font-style: italic;
height: 25px;
margin-top: -2px;
padding-left: 2px;
vertical-align: top;
width: 165px;
}
form#dautocrazy-emailform #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 25px;
padding-right: 10px;
}</style>
<div id="dautocrazy-emailbox">
<form id="dautocrazy-emailform" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Tên feed của bạn', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="Tên feed của bạn" name="uri" />
<input type="text" id="s" name="email" value="Enter Your E-Mail Here"
onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
/>
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
Code
<style type="text/css">MẪU 3
#dautocrazy-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlI3wLgMRNlJwt6800zgLXPxxcGF3bgp8VpL-X9Klb7gg184918c17oeN3k-vUbOhj9HtaYedxgO_IEuzFXp7OQHoryigZvUcR6YVuU0kGJXfcWOb50TSW5i_I0ZlAPGHkloD_OjUxGU4/s1600/dautocrazy.blog-silver.png)no-repeat scroll center center transparent;
height: 106px;
width: 275px;
}
form#dautocrazy-emailform {
display: block;
margin: 0;
padding-left: 40px;
padding-top: 48px;
}
form#dautocrazy-emailform #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 12px;
font-style: italic;
height: 25px;
margin-top: -2px;
padding-left: 2px;
vertical-align: top;
width: 165px;
}
form#dautocrazy-emailform #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 25px;
padding-right: 10px;
}</style>
<div id="dautocrazy-emailbox">
<form id="dautocrazy-emailform" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Tên feed của bạn', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="Tên feed của bạn" name="uri" />
<input type="text" id="s" name="email" value="Enter Your E-Mail Here"
onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
/>
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
Code
<style type="text/css">Bạn nhớ thay tên feed của bạn vào nhé
#dautocrazy-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYCJngc43EGgGOKhR-dKTcXMTWnnpAEMIbNEvcl6ZzPpMC8m1PFuX12lcvYlTxhQT6JHIaUszgzPcVPG4MZjkn5YQDdTtXZyRthRyRLvRpMYwvGj7tc9VN6YQNC4FwLxiyq-xeNzfi1DA/s1600/dautocrazy.blo-red.png)no-repeat scroll center center transparent;
height: 106px;
width: 275px;
}
form#dautocrazy-emailform {
display: block;
margin: 0;
padding-left: 40px;
padding-top: 48px;
}
form#dautocrazy-emailform #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 12px;
font-style: italic;
height: 25px;
margin-top: -2px;
padding-left: 2px;
vertical-align: top;
width: 165px;
}
form#dautocrazy-emailform #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 25px;
padding-right: 10px;
}</style>
<div id="dautocrazy-emailbox">
<form id="dautocrazy-emailform" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Tên feed của bạn', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="Tên feed của bạn" name="uri" />
<input type="text" id="s" name="email" value="Enter Your E-Mail Here"
onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
/>
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
http://feeds.feedburner.com/blogspot/XoqMT
Ở đường link trên đoạn bôi xanh chính là tên feed.Đấy là ví dụ vì nó là của tôi.