Box đăng ký nhận bài viết mới cho blogger/blogspot

Tiện ích cho độc giả theo dõi nhận bài viêt mới nhất từ các Blogger thực sự quan cho webmaster, và style box theo dõi này khá đơn giản những độc đáo sẻ giúp cho lượng visit tới Blog của bạn được nhiều hơn.

Để thêm tiện ích này vào bạn làm theo các bước dưới đây

1. Vào Layout (Bố Cục) và chọn "thêm tiện ích" và chọn đến thêm "HTML/JavaScript"

Sau đó thêm đoạn code này vào Box

<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN4g15u6ndI3E6lfpbLHKQsjg6a4xI6GJ-fc15D54SsD7Gku4i4GC7OF22S1nMTIvduHI9dI_UtkIgoEhUC932z1MMivf-dIHrReLo__R0RkQ-F32MsiFgs8OC_nyHQ2ZqJXn02FsV7AU/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:130px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=thuthuatproinfo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="thuthuatpro.info" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Cài đặt theo ý bạn

• Trong đoạn code này http://feedburner.google.com/fb/a/mailverify?uri=thuthuatproinfo bạn cần thay thế thuthuatproinfo bằng nguồn cấp dữ liệu Feedburner mà bạn đã đăng ký.
• Tăng / Giảm 130 tùy theo ý bạn là chiều rộng của box này
• Thay thuthuatproinfo thành tiêu đề mà bạn muốn

Lưu mẫu là ok