• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Thêm form đăng ký theo dõi qua email vào cuối bài viết
hosting-tot-nhat-danh-cho-wordpress

Thêm form đăng ký theo dõi qua email vào cuối bài viết

Cập nhật: 12/11/2015 Trung Hiếu 14 Bình luận

Thêm form đăng ký theo dõi qua email vào cuối bài viết.

email-subscription-thank-you

Nếu không có độc giả và subscribers thì việc viết blog cũng hoàn toàn vô nghĩa. Để tăng lượng độc giả và subscribers, bạn nên có một tùy chọn để cho phép mọi người đăng ký theo dõi các bài viết mới trên blog. Đặt một biểu mẫu (form) đăng ký theo dõi bài viết mới qua email là một ý tưởng tuyệt vời để tăng số lượng subscribers. Bạn có thể đặt biểu mẫu ở bất cứ nơi nào trên blog và một trong những vị trí hiệu quả nhất là ngay dưới mỗi bài viết.

Hầu hết các blogger đều sử dụng FeedBurner để gửi thông tin cập nhật đến độc giả và subscribers của họ. Thêm một form đăng ký FeedBurner tuyệt vời sau mỗi bài viết có thể mang lại cho bạn một lượng subscribers kha khá. Và bạn sẽ nhận được lợi ích gấp đôi nếu thêm hồ sơ mạng xã hội của bạn vào trong biễu mẫu đăng ký. Điều này cũng có thể giúp tăng lượng người hâm mộ trên Facebook, theo dõi trên Twitter và trong “vòng tròn” Google+.

email-subscription-form

Trước khi thêm Subscription box này vào trong blog, chắc chắn rằng bạn đã đăng ký một tài khoản FeedBurner và có tài khoản trên các mạng xã hội khác.

Làm thế nào để thêm một mẫu đăng ký FeedBurner vào dưới cùng của mỗi bài viết?

Bạn có thể làm điều này bằng cách chỉnh sửa tập tin single.php. Tuy nhiên đó là một cách tương đối khó khăn và phức tạp. Hơn nữa, nếu không cẩn thận, bạn có thể làm file single.php rối tung lên và giao diện blog của bạn sẽ bị lỗi.

Đừng lo lắng, tôi sẽ hướng dẫn bạn một cách đơn giản và an toàn để thực hiện điều này. :)

Bước 1. Cài đặt và kích hoạt Post layout plugin.
Bước 2. Truy cập Settings => Post Layout.
Bước 3. Paste code sau đây vào mục After the Content.

<b:if cond=’data:blog.pageType == "item"’>
<style>
form.feedburner{
margin:20px 0 0;
display:block;
clear:both;
}
.dcstyle{
background:url(https://wpcanban.com/images/email_icon.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:2px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.dcsubmit{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}

#emailwidget-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:480px;
}
#emailwidget-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#emailwidget-outer td{
padding:3px 0;
}
</style>

<center>
<div id=’emailwidget-outer’>
<div id=’emailwidget’>
<table style=’border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;’ width=’100%’>
<tbody>

<tr style=’border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;’>

<td align=’left’ style=’border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;’> <p style=’color:#666; font-weight: bold; font-size: 18px; margin:0px 0px 5px 0px; ‘>Get Updates on Your Email!</p>
<form action=’http://feedburner.google.com/fb/a/mailverify’ class=’feedburner’ method=’post’ onsubmit=’window.open('http://feedburner.google.com/fb/a/mailverify?uri=wpcanban;, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true’ style=’margin: 0pt;’ target=’popupwindow’>
<input name=’uri’ type=’hidden’ value=’roadtoblogging’/>
<input name=’loc’ type=’hidden’ value=’en_US’/>
<input class=’dcstyle’ name=’email’ onblur=’if (this.value == "") {this.value = "Enter your email…";}’ onfocus=’if (this.value == "Enter your email…") {this.value = ""}’ type=’text’ value=’Enter your email…’/>

<input alt=”” class=’dcsubmit’ title=” type=’submit’ value=’Submit’/>
</form>
</td>

<td style=’border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;’><p style=’color:#666; font-weight: bold; font-size: 12px; margin:0px 0px 5px 0px; ‘>Follow us!</p>
<a href=’http://feeds.feedburner.com/wpcanban‘ rel=’nofollow’ target=’_blank’ title=’Suscribe to RSS Feed’><img src=’https://wpcanban.com/images/rss.png‘/></a>

<a href=’http://www.facebook.com/wpcanban‘ rel=’nofollow’ target=’_blank’ title=’Follow us on Facebook’><img src=’https://wpcanban.com/images/facebook.png‘/></a>

<a href=’http://twitter.com/wpcanban‘ rel=’nofollow’ target=’_blank’ title=’Follow me on Twitter’><img src=’https://wpcanban.com/images/twitter.png‘/></a>

<a href=’https://plus.google.com/115415464508533962899/’ rel=’nofollow’ target=’_blank’ title=’Follow us on Google+’><img src=’https://wpcanban.com/images/google-plus.png‘/></a>

</td>
</tr>
</tbody></table>
<div align=’right’><span style=’font-style: italic; font-size: 8px; color: solid #ffffff;’><a href=’https://wpcanban.com/wordpress/thu-thuat-wordpress/them-form-dang-ky-theo-doi-qua-email-vao-cuoi-bai-viet.html’ style=’text-decoration: none;’ target=’_blank’><font color=’#ffffff’ decoration=’none’>[Get this widget]</font></a></span></div>
</div></div>
</center>
</b:if>

Bước 4. Lưu các thiết lập.

Lưu ý:

Thay đổi các URL cho phù hợp với blog của bạn:

  • http://feeds.feedburner.com/wpcanban – Thay thế bằng link FeedBurner của bạn.
  • http://twitter.com/ItachiUchihaSu – Thay thế bằng liên kết đến hồ sơ cá nhân của bạn trên Twitter.
  • http://www.facebook.com/wpcanban – Facebook cá nhân của bạn hoặc fanpage của blog.
  • https://plus.google.com/115415464508533962899/ – Thay thế bằng liên kết đến tiểu sử trên Google+ của bạn.

Download bộ icon tại đây. Upload lên host của bạn và lấy link thay vào các link tương ứng bên dưới:

  • https://wpcanban.com/images/google-plus.png
  • https://wpcanban.com/images/rss.png
  • https://wpcanban.com/images/email_icon.png
  • https://wpcanban.com/images/twitter.png
  • https://wpcanban.com/images/facebook.png

Bạn đã làm xong. Bây giờ, hãy tận hưởng thành quả. Nếu bạn gặp bất cứ vấn đề gì khi thực hiện thủ thuật này, hãy cho tôi biết trong những bình luận bên dưới. Chúc bạn thành công.

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Thay đổi hệ thống thông báo bài viết mới qua email
Thay đổi hệ thống thông báo bài viết mới qua email
Một số thiết lập cơ bản để tối ưu FeedBurner cho WordPress
Một số thiết lập cơ bản để tối ưu FeedBurner cho WordPress
Hướng dẫn đăng ký FeedBurner cho WordPress
Hướng dẫn đăng ký FeedBurner cho WordPress

Chuyên mục: Thủ thuật WordPress Thẻ: FeedBurner

wpcanban-com-facebook-group

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Gửi email thông báo khi có bình luận mới trên WordPress
Bài viết sau Tạo sticky widget trượt dọc theo blog/ website WordPress »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Dũng 11 bình luậnviết

    21/12/2017 lúc 21:00

    chào bạn! mình muốn thêm cả form đăng ký số điện thoại để khách hàng có thể gửi cả mail và số điện thoại thì mình cần phải làm gì nữa vậy bạn! thank bạn trước nhé!

    Bình luận
  2. duc 1 bình luậnviết

    23/03/2017 lúc 10:43

    Không thấy mục after the conten đâu anh ơi!

    Bình luận
  3. noinauchao 1 bình luậnviết

    08/06/2016 lúc 16:33

    Mình hỏi chút là wp có plugin giống thế này không?

    Bình luận
    • Trung Hiếu Quản lýviết

      08/06/2016 lúc 16:40

      Bạn có thể dùng plugin WP Subscribe Pro của MyThemeShop nhé. :P

      Bình luận
  4. Văn Anh 3 bình luậnviết

    20/02/2016 lúc 19:30

    Không thấy mục after the conten đâu anh ạ/
    Cảm ơn anh về bài viết, hi

    Bình luận
  5. Kim Linh 5 bình luậnviết

    05/11/2015 lúc 21:02

    Bạn Hiếu chia sẻ cho mình bộ Genesis framework và Genesis child theme với nhé.

    Bình luận
    • Trung Hiếu Quản lýviết

      05/11/2015 lúc 22:03

      Bạn qua topic này và làm theo hướng dẫn để nhận nhé: https://wpcanban.com/qua-tang/giveaways-nhan-mien-phi-genesis-framework-va-thesis-framework.html

      Bình luận
  6. Cốc Vũ 167 bình luậnviết

    29/11/2014 lúc 10:43

    Cái ô nhận bài qua mail ở bên sidebar của H là plugin hay gì đó. Guide tớ với

    Bình luận
    • Trung Hieu Quản lýviết

      29/11/2014 lúc 10:47

      Cái này là Genesis eNews Extended được thiết kế dành riêng cho Genesis framework và Genesis child theme nhé. :P

      Bình luận
      • Cốc Vũ 167 bình luậnviết

        29/11/2014 lúc 10:58

        Đc, hướng dẫn luôn :D vừa hôm qua xin cậu chuyển sang bộ này rồi

        Bình luận
        • Trung Hieu Quản lýviết

          29/11/2014 lúc 13:20

          Bạn cài plugin, chèn thêm widget vào sidebar và nhập tên FeedBurner vào đó là dùng được mà. :)

          Bình luận
  7. lap rap may lanh 16 bình luậnviết

    28/05/2014 lúc 13:51

    Cái zụ này mới biết nè :)

    Bình luận
    • Trung Hieu Quản lýviết

      28/05/2014 lúc 18:23

      Test thử đi bạn. Hehe. :D

      Bình luận
  8. ảnh bikini 6 bình luậnviết

    27/05/2014 lúc 22:32

    Cho em hỏi plugin kéo đến đâu load ảnh đến đó là plugin gì vậy anh Hiếu?

    Bình luận
    • Trung Hieu Quản lýviết

      27/05/2014 lúc 23:07

      Tên là BJ Lazy Load. :)

      Bình luận

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới. Tặng miễn phí ebook "Bảo mật WordPress toàn tập" do WP Căn bản biên soạn!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-chat-luong-cao

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Thủ thuật CloudFlare

Sửa lỗi WordPress

Thủ thuật LiteSpeed

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Xóa base slug của custom post type và taxonomy 04/07/2025
  • Ra mắt plugin Hybrid Object Cache độc quyền tại WP Căn bản 30/06/2025
  • Monarx Security được tích hợp vào dịch vụ WordPress Hosting 15/06/2025
  • Hiển thị code trong bài viết của WordPress 07/06/2025

Bình luận mới nhất

  • Trung Hiếu trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Tịnh Nguyễn trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Trung Hiếu trong Hướng dẫn nâng cấp PHP 7.4 cho website WordPress
  • dự án vlasta hải phòng trong Hướng dẫn nâng cấp PHP 7.4 cho website WordPress

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 1.007 Bài viết - 35.554 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting