Popup đăng ký bài viết qua Email cho bạn Nguyễn Lương Duy

Bạn Nguyễn Lương Duy hiện đang là 1 blogger trẻ tuổi, cũng khá nhiệt tình trong vấn đề tìm tòi và học hỏi. Cho nên hôm này mình viết bài này dành cho bạn :v

Theo mình nghĩ, cộng đồng Blogger bây giờ có rất nhiều bạn trẻ, mà đa số học cấp 1,2,3 nữa chứ. Và hầu như mình thấy các bạn đó đều đi một định hướng giống nhau đó là: "Xài chung một template (mình cảm thấy lướt một vòng liên kết bạn bè hay kết nối thì hết 90% các bạn đang xài Temp của Star Cường)", "Sao chép bài viết của người khác", "Cho ra Ảnh Bìa tràn lan",...

Lời khuyên của mình ở đây là các bạn nên tìm ra một hướng đi riêng cho mình, tìm sự khác biệt, điểm nhấn ở một cái gì đó trên Blog của bạn, ko cần phải nhiều bài viết, nhiều comment hay nhiều view. Miễn sao chất lượng truyền đạt được ý tưởng là tốt...

"Kết quả ko quan trọng, quan trọng là hướng đi..."

Thực hiện:
Bước 1: Các bạn chèn đoạn code sau phía trên thẻ đóng ]]></b:skin>

#popup-wrap .popup-button { background: #A1362A url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu1I2f4IUme1JkqXFrbKYQlN9Mb7cNHz0JEKFoPohUJaqCx0TThEX5ZWs6zeFfo64cTYGfoLky7kfdtZcglN8rDVmyUk6m2NgrYyi-tjYl7MhegDswywg55B8xR6jcgPOGxEj4wClGsqCy/s1600/envelop.png") no-repeat scroll center center; border-radius: 50%; bottom: 45px; cursor: pointer; height: 80px; left: 25px; position: fixed; width: 80px; z-index: 99999; }
#popup-wrap .popup-button:hover { background-color: #70261D; }
#popup-wrap .popup-bg { opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0, .8); transition: opacity .25s ease; z-index: 999999; }
#popup-wrap .popup-bg-close { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; }
#popup-wrap .popup-trigger { display: none; }
#popup-wrap .popup-trigger:checked + .popup-bg { opacity: 1; visibility: visible; }
#popup-wrap .popup-trigger:checked + .popup-bg .popup-form { top: 0; }
#popup-wrap .popup-form { transition: top .25s ease; position: absolute; top: -20%; right: 0; bottom: 0; left: 0; max-width: 400px; margin: auto; overflow: auto; padding: 2.5em; max-height: 280px; background: #cc6055; text-align: center; }
#popup-wrap .popup-inner { color: #fff; font-size: 15px; font-family: "Century Gothic", sans-serif; font-weight: bold; line-height: normal; }
#popup-wrap .popup-title { display: block; font-size: 2em; font-weight: normal; margin-bottom: 20px; }
#popup-wrap .popup-content { font-size: 16px; line-height: 26px; }
#popup-wrap .popup-footer { font-size: 75%; font-style: italic; }
#popup-wrap #mailbox,
#popup-wrap #subbutton { background: #A1362A; border: none; border-radius: 3px; box-sizing: border-box; color: #fff; font-family: "Century Gothic",sans-serif; font-size: 12px; font-weight: bold; line-height: 30px; padding: 10px 20px; width: 100%; }
#popup-wrap #mailbox { margin: 0 0 10px; text-transform: lowercase; }
#popup-wrap #subbutton { cursor: pointer; margin: 0; text-transform: uppercase; }
#popup-wrap #subbutton:hover { background: #70261D; }
#popup-wrap .popup-form-close { position: absolute; right: 1em; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer; }
#popup-wrap .popup-form-close:after,
#popup-wrap .popup-form-close:before { content: ''; position: absolute; width: 5px; height: 1.5em; background: #A1362A; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0; }
#popup-wrap .popup-form-close:hover:after,
#popup-wrap .popup-form-close:hover:before { background: #70261D; }
#popup-wrap .popup-form-close:before { transform: rotate(-45deg); }

Bước 2: Các bạn chèn đoạn code sau lên trên thẻ đóng </body>

<div id='popup-wrap'>

<label class='popup-button' for='popup-trigger'/>

<input class='popup-trigger' id='popup-trigger' type='checkbox'/>
<div class='popup-bg'>
<label class='popup-bg-close' for='popup-trigger' id='popup-close'/>
<div class='popup-form'>
<label class='popup-form-close' for='popup-trigger' id='popup-close'/>
<div class='popup-inner'>

<span class='popup-title'>NHẬN BÀI VIẾT MỚI</span>
<span class='popup-content'>Các bài viết mới của tôi sẽ được gửi tự động vào Email của bạn khi bạn nhập Email của bạn phía dưới!</span>
<br/><br/>
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=niemstyle', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='niemstyle'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='mailbox' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}' onfocus='if (this.value == "Enter your email...") {this.value = ""}' required='' type='text' value='Enter your email...'/>
<input id='subbutton' title='' type='submit' value='ĐĂNG KÝ'/>
</form>
<br/>
<span class='popup-footer'>Cam kết Email của bạn sẽ được an toàn!</span>
</div>
</div>
</div>
</div>