Tạo Hộp Theo Dõi Bài Viết Blogspot Qua Email

Thảo luận trong 'Tổng Hợp' bắt đầu bởi Pussy, Tháng 5 24, 2018.

  1. Pussy

    Pussy New Member

    Tham gia ngày:
    Thg 3 21, 2016
    Bài viết:
    549
    Xem: 78
    Nếu bạn cảm thấy hay, hãy chia sẻ để ủng hộ tác giả, xin cám ơn
    CÁC BƯỚC THỰC HIỆN

    [​IMG]

    Bước 1: Đăng nhập vào trang quản lý Blogger

    Bước 2: CLick Mẫu---> Chỉnh sửa HTML

    Bước 3 : Tìm thẻ ]]></b:skin>

    Bước 4 : Dán code dưới đây vào trên thẻ vừa tìm

    Mã:
    #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,.39)}.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}.follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none}.follow-subscribe-social ul li:last-child{margin:0}.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,.2);text-align:center;color:#fff;font-family:inherit}.subscribe-email:focus{outline:0}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{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}.subscribe-button:focus{outline:0}
    Bước 5: Click vào Bố Cục

    Bước 6: Chọn nơi bạn muốn nó hiển thị -> Thêm Tiện Ích -> HTML/Javascript -> Copy code dưới dán vào đó:

    Mã:
    <div id="subscribebox">
    <div class="follow-subscribe-social">
    <ul>
    <li><a href="https://www.facebook.com/" target="_blank"><i class="fa fa-facebook"></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-youtube"></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-linkedin"></i></a></li>
    <li><a href="#" target="_blank"><i class="fa fa-pinterest-p"></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-instagram"></i></a></li>
    </ul>
    </div>
    <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>
    <div class='clear'></div>
    <form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=VnTunBlog-BlogChiaSThThu' 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 name='uri' type='hidden' value='VnTunBlog-BlogChiaSThThut'/>
    <input name='loc' type='hidden' value='en_US'/>
    <input class="subscribe-email" 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='Địa chỉ email...'/>
    <input class="subscribe-button" type="submit" value="Đăng ký" />
    </form>
    </div>
    <div class='clear'></div>
    Bước 7: Lưu lại và xem kết quả.

    Chúc các bạn thành công!
     
    PS: Ủng hộ diễn đàn bằng cách click quảng cáo hoặc đăng ký mua bitcoin - xin cảm ơn!
    Last edited by a moderator: Thg 6 17, 2018
  2. Đang tải...
  3. Wall-E

    Wall-E Moderator

    Tham gia ngày:
    Thg 6 26, 2016
    Bài viết:
    2,509
    Nếu bạn cảm thấy hay, hãy chia sẻ để ủng hộ tác giả, xin cám ơn
    Hướng dẫn tạo hộp Feedburner theo dõi qua email cho Blogspot

    Hộp Feedburner theo dõi qua email như ở thanh sidebar của mình nhìn rất đơn giản nhưng không kém phần đẹp mắt và hiệu quả.

    Có nhiều cách để giúp mọi người theo dõi Blog chúng ta khi làm bằng Blogspot, thông qua nhiều kênh hỗ trợ khác nhau, nhưng thường thì mọi người sẽ chọn RSS (hay còn gọi là Feed), bởi rất nhanh chóng, dễ dàng và tất nhiên tiện lợi hơn các kênh khác.

    Các bước để người dùng theo dõi chúng ta sau khi có hộp theo dõi qua email này khá đơn giản, chỉ cần nhập địa chỉ email vào và chọn nút theo dõi là sẽ hoàn thành. Đơn giản và hiệu quả!

    Hộp theo dõi qua email Feed

    [​IMG]

    Hướng dẫn tạo hộp theo dõi qua email bằng Feedburner

    Để tạo được hộp theo dõi qua email này thì buộc các bạn phải tạo được RSS (hay là Feed ) trước.

    - Đầu tiên bạn truy cập vào địa chỉ sau: https://feedburner.google.com

    Đây là địa chỉ của Feed, nếu bạn đã tạo RSS cho blog của mình thì sẽ có tên blog ở đó. Hãy truy cập vào blog của bạn.

    - Chuyển sang tab Publicize:

    [​IMG]

    - Tiếp tục chọn tùy chọn Email Subscriptions:

    [​IMG]

    - Ở mục Subscription Form Code, đây chính là đoạn code để chúng ta chèn vào Blogspot tạo hộp theo dõi qua email.

    Hãy copy hết đoạn code này:

    [​IMG]

    - Tiếp theo vào Bố cục (Layout), rồi chọn vị trí muốn thêm hộp theo dõi vào, và chọn thêm tiện ích, chọn HTML/Javascript, và cho đoạn code tạo hộp theo dõi lúc nãy vào phần nội dung.

    Sau đó lưu lại, và thế là ta đã có một hộp theo dõi qua email cho Blogspot

    Chúc bạn thành công!
     
    PS: Ủng hộ diễn đàn bằng cách click quảng cáo hoặc đăng ký mua bitcoin - xin cảm ơn!
Trả lời qua Facebook

Chia sẻ trang này