Widgets tiện ích pop up hộp đăng ký nhận tin qua email dành cho Blogger Blogspot

Đây là Widgets tiện ích hộp đăng ký nhận tin qua email dành cho Blogger Blogspot - tiếng anh còn gọi là Popup email subscription or newsletter widget for blogger. Tiện ích này rất dễ sử dụng và hay dùng bởi các Blogger, mình thấy đa số các trang lớn luôn sử dụng tiện ích này dùng để thu thập dự liệu data khách hàng khá tốt. Như các bạn đã biết Email marketing là một trong những công cụ giúp bán hàng online tốt nhất hiện nay song hành cùng với các phương pháp khác. Khi có được dữ liệu hoặc data khách hàng, các bạn có thể chăm sóc khách hàng thông qua hình thức gửi Email. Quá hấp dẫn phải không nào, hôm nay mình sẽ hướng dẫn và chia sẽ các bạn code để làm hộp đăng ký nhận tin qua email cho Blogger Blogpot.

Bây giờ các bạn hãy vào bảng quản trị của Blogger, chọn mẫu và tùy chọn HTML. Dán đoạn code css dưới đây trước thẻ </style>

#sub-box{display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}
#boxclose{width:100%;height:100%;-webkit-transform:translateZ(0);}
#boxview{border:8px solid #fff;width:585px;height:235px;position:absolute;top:33%;left:28%;}
#closebox{float:right;cursor:pointer;position:absolute;right:-1px;top:-2px;}
#closebox:before{content:"Close";padding:5px 8px;background:#fff;color:#48cb7a;font-weight:normal;font-size:12px;font-family:Open sans;}
#boxlink,#boxlink a.visited,#boxlink a,#boxlink a:hover{color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}
#subscribe-box{width:570px;height:220px;background-color:#02BA74;}
#subscribe-box p{font-family:'Open Sans';font-size:18px;color:#fff;line-height:20px;padding:10px 20px 0 20px;margin:0;}
#subscribe-box .emailfield{padding:0 20px 10px;}
#subscribe-box .emailfield input{background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;font-family:'Open Sans';width:96.3%;border:0;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield input:focus{background:#fff;outline:none;color:#888;}
#subscribe-box .emailfield .submitbutton{background:#444;color:#fff;text-transform:uppercase;font-weight:normal;font-size:16px;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield .submitbutton:active{outline:none;border:none;background:#fff;color:#e25734;}
#subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;}

Sau đó các bạn lưu lại, vào phần quản trị Blogger chọn bố cục, thêm một Widgets tiện ích bất kì và dán đoạn code dưới đây vào HTML/Javacript:

<script type='text/javascript'>//<![CDATA[jQuery.cookie = function (key, value, options) {// Pengaturan cookieif (arguments.length > 1 && String(value) !== "[object Object]") {options = jQuery.extend({}, options);if (value === null || value === undefined) {options.expires = -1;}if (typeof options.expires === 'number') {var days = options.expires, t = options.expires = new Date();t.setDate(t.getDate() + days);}value = String(value);return (document.cookie = [encodeURIComponent(key), '=',options.raw ? value : encodeURIComponent(value),options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IEoptions.path ? '; path=' + options.path : '',options.domain ? '; domain=' + options.domain : '',options.secure ? '; secure' : ''].join(''));}// cookieoptions = value || {};var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;};//]]></script><script type='text/javascript'>jQuery(document).ready(function($){if($.cookie('popup_facebook_box') != 'yes'){$('#sub-box').delay(3000).fadeIn('fast');$('#closebox, #boxclose').click(function(){$('#sub-box').stop().fadeOut('fast');});}
});</script><div id='sub-box'><div id='boxclose'></div><div id='boxview'><div id='closebox'></div><div id='subscribe-box'>                 <center><p>Subscribe for Latest Update</p></center>             <div class='emailfield'>              <form action='http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>               <input type='text' name='name' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}' onfocus='if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}' value='Your Name'/>               <input type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/><input name='uri' type='hidden' value='YOUR-USER-NAME'/><input name='loc' type='hidden' value='en_US'/>                <input class='submitbutton' type='submit' value='Subscribe Now!'/>
              </form>             </div></div> </div></div>

Lưu ý : thay YOUR-USER-NAME thành User name của các bạn nhé. Chúc các bạn có được tiện ích tốt cho mình, cảm ơn các bạn đã ghé thăm Website của mình.