Hướng dẫn tạo khung nhận bài viết mới qua Email
Bước 1: Bạn chèn đoạn CSS sau lên phía trên thẻ ]]></b:skin> trong mẫu
#subscribebox{background:#28176d;padding:20px}
.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}
#subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:500;margin:15px 0}
.follow-subscribe-social{margin:-20px -20px 10px;padding:15px 0;background:rgba(0,0,0,0.39)}.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}
.follow-subscribe-social ul li:last-child{margin:0}.follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none}
.follow-subscribe-social ul li a{font-size:16px;color:#fff;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.follow-subscribe-social ul li a:hover{color:#fff} form.subscribe{margin-top:0} form.subscribe input{display:block;width:100%} .subscribe-email{height:40px;border:none;margin:0 0 15px;font-size:13px;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff;font-family:inherit} .subscribe-email:focus{outline:0}
.subscribe-button{height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border:none;background-color:#5031af;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;font-family:inherit}form.subscribe .placeholder{color:#cacaca} form.subscribe input:-ms-input-placeholder{color:#cacaca} form.subscribe input::-webkit-input-placeholder{color:#cacaca} form.subscribe input:-moz-placeholder{color:#fafafa} form.subscribe input::-moz-placeholder{color:#fafafa}
.subscribe-button:focus{outline:0}
<div id=”subscribebox”>
<div class=”follow-subscribe-social”><ul>
<li><a href=”#” target=”_blank”><i class=”fa fa-facebook”></i></a></li><li><a href=”#” target=”_blank”><i class=”fa fa-twitter”></i></a></li>
<li><a href=”#” target=”_blank”><i class=”fa fa-google”></i></a></li><li><a href=”#” target=”_blank”><i class=”fa fa-linkedin”></i></a></li>
<li><a href=”#” target=”_blank”><i class=”fa fa-dribbble”></i></a></li><li><a href=”#” target=”_blank”><i class=”fa fa-pinterest-p”></i></a></li>
<p>Bạn sẽ không bỏ lỡ bất kỳ bài viết mới nào, chúng tôi sẽ gửi bạn email khi có bài viết mới nhất.</p><li><a href=”#” target=”_blank”><i class=”fa fa-instagram”></i></a></li> </ul> </div> <div class=’clear’></div>
<form class=”subscribe” action=’http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME‘ method=’post’ onsubmit=’window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true’ target=’popupwindow’>
<input name=’uri’ type=’hidden’ value=’YOUR-USER-NAME‘/>
<input name=’loc’ type=’hidden’ value=’en_US’/>
<input class=”subscribe-email” type=’text’ name=’email’ onblur=’if (this.value == "") {this.value = "Your Email";}’ onfocus=’if (this.value == "Your Email") {this.value = "";}’ value=’Địa chỉ email…’/><input class=”subscribe-button” type=”submit” value=”Đăng ký” /> </form>
</div>
Chỉnh sửa: Bạn sửa lại YOUR-USER-NAME thành Url feedburner của bạn.
Chúc bạn thành công và tăng được lượt tương tác giữa bạn đọc blog hơn, bạn có thể đăng ký nhận tin từ blog của mình để không bỏ lỡ bất kỳ bài viết nào nhé!
Sẵn sàng để phát triển doanh nghiệp của bạn?
Để được tư vấn chi tiết hơn về dịch vụ, quý khách vui lòng cung cấp thông tin cho chúng tôi theo mẫu sau.
Bài viết liên quan
KBW THÔNG BÁO KẾ HOẠCH NGHỈ LỄ 30/4 – 1/5
Kính gửi Quý khách hàng, Quý đối tác, Nhân dịp nghỉ lễ 30/4 và 1/5...
Th4
Xe điện Trung Thành Brand
Dịch vụ thiết kế in brochure quảng cáo
Dịch vụ in brochure quảng cáo là một trong những dịch vụ in ấn phổ...
Th4
Stt lễ 30/4, cap về đi chơi lễ 30/4 và 1/5 hay nhất
Status nôi dung đăng bài hay lễ 30/4 1/5, cap về đi chơi lễ 30/4...
Th4
Vì sao phải có Website thương hiệu riêng?
Với sự phát triển TMĐT, người dùng có hành vi mua sắm Online tăng. Trong...
Thiết kế Profile kiến tạo tài sản giá trị thương hiệu riêng cho doanh nghiệp
[/row] Nội dung bài viếtHướng dẫn tạo khung nhận bài viết mới qua EmailTHIẾT KẾ...
Th4