Thêm khung nhận thông báo qua email dưới bài viết

Nếu bạn là một người hay vào Blog mình thì các bạn đã biết tuần trước mình đã chia sẻ mộttemplate khá đẹp và chuẩn Seo cho Blogspot tin tức. Nếu bạn đã xem demo trong bài đăng của template đó ở cuối bài sẽ có 1 khung theo dõi qua email khá đẹp.

Vì khá đẹp nên mình đã lấy về cho Blog Văn Thắng. Nhưng hôm nay mình sẽ hướng dẫn cho tất cả các bạn có khung theo dõi này.

* Thêm CSS - Tìm ]]>< và thêm đoạn code dưới trên nó:

.subscribe-widget{background:#222;color:#fff;position:relative;overflow:hidden;border:1px solid #eee;text-align:center;margin:25px 0;padding:25px 0;padding:25px}.form-promo i{font-size:40px;margin-bottom:5px}.form-promo h3{text-transform:uppercase;margin:0}.form-promo h4{font-weight:400;font-size:17px;margin:0 0 15px}.form-promo h3{font-size:14px}input.email-field{font:normal normal 14px Prompt,sans-serif;display:inline-block;width:50%;color:#ccc;background:none!important;border:1px solid #f5f5f5!important;text-indent:20px;outline:none!important;height:50px;padding:10px 0!important}input.email-button{font:normal normal 14px Prompt,sans-serif;font-weight:500;height:50px;cursor:pointer;border:1px solid #02b95c;background:#02b95c;outline:none;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;padding:0 15px}