Và đây là các bước thực hiện
1- Đăng nhập blog
2- 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
Ảnh minh họa thêm HTML |
<style>/* Subscribe By Email */Chú ý các bạn thay link Ichiasebiz-BlogChiaSKinThcIt thành ID feedburner của bạn nhé
#subscribe-css{padding:3px 0;background:#0ca2a4;margin-bottom:7%;position:relative}
.subscribe-wrapper{color:#fff;font-size:12px;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/AVvXsEjkYKhaSDyNNa6_qKpg9K2iuU0jPrvPuimoG8ZADqXVZbS_jgIttKbBq-E5Ll6zTiWcJqnTu_eSqqf9YUx7SUsgoSEHONxGiMx4NmorBHYA4LCWz6ph3MVHMlyC3t4uHorltZ2noAM7RHzS/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:#a4d6d1;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}</style>
<div id="subscribe-css">
<div class="subscribe-wrapper">
Dengan memasukkan email pada kolom di bawah ini, anda akan mendapatkan update artikel secara gratis, langsung ke email anda.
<div class="subscribe-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=Ichiasebiz-BlogChiaSKinThcIt" class="subscribe-form" method="post" onsubmit="window.open ('http://feedburner.google.com/fb/a/mailverify?uri=Ichiasebiz-BlogChiaSKinThcIt', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="Ichiasebiz-BlogChiaSKinThcIt" /><input name="loc" type="hidden" value="en_US" /><input autocomplete="off" class="subscribe-css-email-field" name="email" placeholder="Enter your email" /><input class="subscribe-css-email-button" title="" type="submit" value="Subscribe Now !" /></form>
</div>
</div>
Nếu các bạn thích có 1 Social Widget Liên hệ đẹp và nhiều chức năng hơn bạn có thể tham khảo tại bài viết hướng dẫn tạo Social Widget Liên hệ, Theo dõi cho blogger.
Nguồn : iChiaSe.Biz
Đăng nhận xét