Trang chủ / Thủ thuật Online / Wordpress / Thêm form đăng ký theo dõi qua email vào cuối bài viết

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

Thêm form đăng ký theo dõi qua email vào cuối bài viết5 (7 votes)

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ẻNhấn vào chia sẻ trên Facebook (Opens in new window)Bấm để chia sẻ trên Google+ (Opens in new window)Bấm để chia sẻ trên Twitter (Opens in new window)

Bài viết liên quan

About hoangnguyen

Có thể bạn cũng thích

Khắc phục lỗi cache của Google Analytics một cách đơn giản

Khắc phục lỗi cache của Google Analytics một cách đơn giản4.4 (13 votes) Khắc phục …