Đây là một hộp bao gồm nút like và send, hộp đăng ký qua Email (Subscription box) và các biểu tượng lá cờ liên kết đến các mạng xã hội. Widget này được sử dụng rất nhiều trên blog wordpress, nó thuuwongf nằm ở dưới cùng của bài viết. Góp phần thu hút sự chú ý của độc giả truy cập và thuận tiện khi độc giả đó muốn thích hay chia sẻ bài viết của bạn. Đó là lý do tại sao namkna đặt tên cho tiện ích này là "hộp like và đăng ký cuối bài viết". Nó sẽ làm tăng của bạn lưu lượng truy cập vào trang web của bạn thông qua các mạng truyền thông như: Facebook , Google, Twiter,... Đồng tăng truy cập trên các mạng xã hội của bạn từ trang web của bạn.
Hãy xem demo để thấy rõ tiện ích hoạt động thế nào:

VIEW DEMO

Ảnh minh họa:
hộp like và đăng ký cuối bài viết - Like, Subscription box for blogger

» Thêm Like, Subscription box vào blogspot của bạn!

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn Chỉnh sửa HTML (Edit HTML)
4. Chọn Mở rộng tiện ích (Expand Widget Templates).
5. Tìm kiếm một trong 2 thẻ bên dưới:
<data:post.body/>
Hoặc thẻ sau:
<div class='post-footer'>
- Dán vào sau nó đoạn code ben dưới:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.namknatext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirmLfIN-VyRukh4FqYkoAGmb8AkERCNGwSeOs5EOxS5mzOydw7bgZoadoO8inPFylblfWIXdzZ4MF1_VEnZbn259027jFLi40Tl7d_QN6Xsjj9J5nKGN8Hn7pSwSgDM4kPPIpSzlNtER5E/s1600/namkna-blogspot-com-mail.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px 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;
}
.namknabutton{
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=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}

#doulike-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;
}
#doulike-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;
}
#doulike-outer td{
padding:3px 0;
}
</style>

<div id='doulike-outer'>
<div id='doulike'>
<table width='100%'>
<tbody>
<span style='font-style: italic; font-size: 30px; font-family: arial,sans-serif, verdana;  color:#FF683F;'>Bạn có thích bài viết này...?</span>
<tr>
<td>
<!-- Facebook like and share link -->
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='300'/>
<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>
</td>
</tr>
<tr>

<td align='left'> <p style='color:#666; font-style:italic; margin:0px 0px 5px 0px; '>Nhận tin miễn phí hằng ngày!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=--namkna--&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='--namkna--'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='namknatext' 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;}' type='text' value='Enter your email...'/>

<input alt='' class='namknabutton' title='' type='submit' value='Submit'/>
</form>
</td>


<td><p style='color:#666; font-style:italic; margin:0px 0px 5px 0px;  '>Follow us!</p>
<a href='http://feeds.feedburner.com/--namkna--' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg63jZ9oy3oRQSCDY_8tybIVbonEXVRVBx-YKL54cJfa_OtHKn_NkEGDQX7HKrgdCUo8VBCcqJwNwZEC4f4KU8NejIMEZwzaMHUo6as19BYrYJxnbBYUKQfEuQelzG0FVNHNO8eQNSCz15t/s1600/namkna-blogspot-com-RSS-0001.png'/></a>

<a href='http://twitter.com/namkna' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0UOlDc61siByBgutJfGlwcFJ5aoHxfQdnUnLKtd7lAfyNhpTcgYDOql4e-IWXq2tDjT00YcW8EXLZKt5NbwwlLQPCYUFjFpvkQnB4iJXwDArbl0Rz49COJ3kAzuyEtO-OBy22aoLoKbdl/s1600/namkna-bl;ogspot-com-Twitter-001.png'/></a>

<a href='http://www.facebook.com/pages/namkna-blogspot' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGekmeT8-SsEQsL9S-V6F5jmrYbY-VipablXw46PcrxDkLgSPQkNrPGZ76ANzVzXEnR8q4VRlgVbmXLR_GJz7kt0jvr22BMQs1VCA502bSBnTroAe4L2dx-Pn_QA45_hER1G6T-d93bCXT/s1600/namkna-blogspot-com-flag-FaceBook.png'/></a>
</td>

</tr>
</tbody></table></div></div>
</b:if>

Tùy chỉnh!

  1. Thay namkna thành id trên twiter của bạn.
  2. Thay --namkna-- là id feed của bạn.
  3. Thay http://www.facebook.com/pages/namkna-blogspot là URL trang facebook hoặc fanpage của bạn.
  4. Thay #FF683F là màu sắc của chữ "bạn có thích bài viết này...?"
- Cuối cùng lưu mẫu lại sau đó vào một bài viết bất kỳ và xem kết quả nha.
Tác giả: mybloggertricks.com