Tạo khung theo dõi qua Email đẹp mắt cho Blogger

Khung đăng ký nhận bài viết mới qua email được rất nhiều blogger nổi tiếng sử dụng, đây là sợi dây kết nối giữa họ và những người quan tâm đến bài viết được đăng tải trên blog của họ. Đây là hình thức nhận bài đăng qua mail phổ biến đồng thời thông dụng nhất cho tới thời điểm hiện nay. Nếu bạn cũng có một blog thì đừng ngần ngại hãy bắt đầu ngay hôm nay cài đặt nó vào blog của bạn.










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 */
#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/AVvXsEgzRIdv5747fwmxs3rYVF9oEvZdcPlcOjgZaXNmtFNBQN8pWUn9n6VB65mXDtIn1SHgOYW6nP_564VgqnO4qWo5mTO3SsvqSkT1PN2vkC8OACBDxKltrkyYGlqbIVmwl_tijZDG7SCYw4pX/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>

Chú ý các bạn thay link Ichiasebiz-BlogChiaSKinThcIt thành ID feedburner của bạn nhé

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

Tag : Thủ Thuật Blogger