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..."

Popup đăng ký bài viết qua Email chuyên nghiệp

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("http://2.bp.blogspot.com/-5BeaRyWo6FQ/Vc9zn8NV2oI/AAAAAAAADU0/tGTO9XGumUs/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'>
  <!-- Subscribe Trigger -->
       <label class='popup-button' for='popup-trigger'/>
  <!-- Subscribe Content -->
  <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'>
                    <!-- Opt-In Subscribe -->
                    <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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=niemstyle&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);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 == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' 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><!-- .popup-form -->
  </div><!-- .popup-bg -->
    </div><!-- #popup-wrap -->
Các bạn chú ý phần mình bôi đỏ, các bạn sửa thành tên Feedburner của bạn nhé!
Chúc các bạn thành công!

Hãy là người đẹp trai từ những câu nói.

  1. Ừ. Thậm chí 1 tuần 1 bài cũng đc mà.

    ReplyDelete
  2. Đúng rồi, như tôi ngày đầu chơi blog cũng bỡ ngỡ, down đc cái temp của bạn An Vũ thì bị mã hóa rồi lỗi tùm lum xà beng (biết fix sao chết liền). Nhưng quyết định dùng và phát triển nó từ đó đến giờ rồi cũng đạt đc thành công. Từ blog lỗi nhiều giờ thành blog siêu lỗi mà còn lag vãi đái =))

    ReplyDelete
    Replies
    1. Lỗi hay ko ko qan trọng, qan trọng là mình đã có được vốn kiến thức về code đúng ko nào?

      Delete
    2. đúng r. có sai mới học đc nhiều điều :v

      Delete
  3. :v Em chuyên bên thủ thuật :))

    ReplyDelete
  4. sửa lại liên kết Ngọc Tính IT thành www.huynhngoctinhit.tk đi bác

    ReplyDelete
  5. Chưa có thủ thuật thì viết ngôn tình đi Niệm ơi :v

    ReplyDelete
  6. Anh Niệm ib mail em tý: tinhgetter@gmail.com :D

    ReplyDelete
  7. cho phép em quảng cáo phát nha bác
    http://www.hungstar.tk/2017/11/tuyen-ctv-viet-bai-cho-hung-star-it.html

    ReplyDelete
    Replies
    1. Dạo này bận nhiều việc quá Cường ơi :(

      Delete
  8. đổi lại liên kết Ngọc Tính IT thành https://ngoctinh-it.blogspot.com/ hộ vs domain đag lỗi

    ReplyDelete
  9. Bác đổi liên kết SHuytarUT blog ( thành https://huyrocket.blogspot.com/ ( tên hiển thị Huyrocket ) giúp e nhé

    ReplyDelete