Tạo trang recent comment tuyệt đẹp phong cách phẳng cho Blogspot

Sunday, November 12, 2017

Hello xin chào các bạn, chào mừng các bạn đã trở lại với blog Bác Sĩ Windows.
Theo yêu cầu của nhiều bạn gửi đến Bác Sĩ Windows, yêu cầu mình chia sẻ trang recent comment (hay bình luận gần đây) trên Blogspot.
Thì hôm nay mình vừa hoàn thiện xong CSS responsive nên mình sẽ viết bài chia sẻ cho các bạn.
Đây là trang giúp hiển thị những bình luận mới nhất được đăng tải trên blog, giúp các bạn có thể dễ dàng theo dõi ai đã bình luận trên blog của mình để tiện trả lời nhanh chóng. Mình đã viết thêm CSS responsive cho nó hiển thị tốt trên điện thoại và máy tính bảng.
Xem demo tại đây: Link Demo 1 hoặc Link Demo 2.

Các bước thực hiện

Bước 1. Tiến hành tạo một trang mới, đặt URL càng ngắn càng tốt.
(VD: /recent-comments hoặc /comments)
Bước 2. Copy URL của trang vừa tạo.
(VD của Bác Sĩ Windows sẽ là http://www.bacsiwindows.com/p/recent-comments.html)
Bước 3. Truy cập vào giao diện chỉnh sửa HTML của Blogspot.
Bước 4. Copy toàn bộ code sau và dán vào sau thẻ <body> hoặc <body trong theme.
<b:if cond='data:blog.url == &quot;http://www.bacsiwindows.com/p/recent-comments.html&quot;'>
<style type='text/css'>
@media screen and (max-width:800px){#rc-avatar-plus ul,#rc-avatar-plus{width:100%!important;padding:0 5px;box-sizing:border-box}#rc-avatar-plus img{width:50px!important;height:50px!important}#rc-avatar-plus h4{display:none}#rc-avatar-plus span{font-size:10px!important;right:0!important}#rc-avatar-plus .rc-author a:after{left:-10px!important;border-top:12px solid #7577a9!important;border-left:12px solid transparent!important}#rc-avatar-plus .rc-author a{padding:10px!important}#top-wrap-bsw-menu{position:fixed!important}}
.wrapper{display:none!important}
#lower{position:inherit!important;float:left}
#intro_postpage{position:absolute!important;top:0}
#rc-avatar-plus ul,#rc-avatar-plus{background:transparent!important;word-wrap:break-word;width:900px;margin:0 auto}
#rc-avatar-plus li{margin:0 0 2em!important;border:0!important;background:transparent!important;padding:0!important;list-style-type:none!important;float:left;width:100%}
#rc-avatar-plus .rc-info{width:14%;text-align:center}
#rc-avatar-plus img{width:80px;height:80px;border:1px solid #fff;padding:2px!important;border-radius:50%;overflow:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}
#rc-avatar-plus span{float:right;position:absolute;bottom:-10px;right:-10px;background:#fff;color:#666;padding:5px;font-size:14px;box-shadow:0 0 50px rgba(0,0,0,.1);border-radius:4px}
#rc-avatar-plus img:hover{filter:brightness(80%);transition:.75s}
#rc-avatar-plus h4{margin:5px 0!important;font-weight:500}
#rc-avatar-plus a{position:relative;width:82%;padding:5px}
#rc-avatar-plus a:hover{opacity:.8}
#rc-avatar-plus a:after{content:&quot;&quot;;position:absolute;top:10px;width:0;height:0;line-height:0}
#rc-avatar-plus p{margin:0;padding:0;color:#fff;line-height:1.7}
#rc-avatar-plus .rc-author .rc-info,#rc-avatar-plus .rc-admin a{float:left}
#rc-avatar-plus .rc-admin .rc-info,#rc-avatar-plus .rc-author a,#rc-avatar-plus span{float:right}
#rc-avatar-plus .rc-author a{background-image:linear-gradient( 135deg,#7577A9 10%,#8480c5 100%);border-radius:4px;margin:0 0 2em;padding:15px;box-sizing:border-box}
#rc-avatar-plus .rc-author a:after{left:-15px;border-top:20px solid #7577a9;border-left:20px solid transparent}
#rc-avatar-plus .rc-admin a{background:#7577a9;border-radius:10px 10px 10px 10px;border-bottom:none}
#rc-avatar-plus .rc-admin a:after{right:-10px;border-top:10px solid #88B04B;border-right:10px solid transparent}
.post-body h4{color:red;font-size:15px}
</style>
<div id='rc-avatar-plus'>
<script type='text/javascript'>
var copyright_by_duypham_dot_info=&#39;Recent Comments free version 3.2 by http://duypham.info&#39;;
nc=100;
length_name=30;
length_content=170;
no_avatar=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE5lrIRlLmOHZfmS8vysCKQ47hVuHtdZITdUZ4OilWAQKTK2uchsA8zcVoX2UQNT7Gl1szVSqWAbMmcteq2fcOiFnwP73JKu8xMsjW78Zh4vW9Om-3C4QqSgd_5-K4hS5sR5lAvCgOVlo/s90/no-avatar.png&#39;;
on=&#39;on&#39;;
home_page=&#39;http://www.bacsiwindows.com/&#39;;
admin_uri=&#39;https://plus.google.com/109138108074512416264&#39;;
admin_avatar=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPE-HjnS5ADeV-YIE4SeMnfsiEpOWiXcQor7DYGKT_wNXdE7h9ZM3XoZHYj-LhH85AiFkzAIIU2KixsYj19fpbWzputqJ2si0IuVWZCLQUklbeEBWLAq84MgC9YH6hFSW0edMvgv_IpMqP/s100/Logo-Bac-Si-Windows.png&#39;;
//<![CDATA[
var dp=["\x55\x20\x62\x3D\x5B\x22\x5C\x45\x5C\x47\x5C\x52\x5C\x76\x5C\x4D\x5C\x66\x5C\x41\x22\x2C\x22\x5C\x4D\x5C\x65\x5C\x65\x5C\x76\x5C\x31\x70\x5C\x72\x5C\x72\x22\x2C\x22\x5C\x58\x22\x2C\x22\x5C\x71\x5C\x6E\x5C\x48\x5C\x73\x22\x2C\x22\x5C\x4D\x5C\x6A\x5C\x68\x5C\x48\x22\x2C\x22\x5C\x31\x65\x5C\x41\x5C\x43\x5C\x32\x41\x22\x2C\x22\x5C\x71\x5C\x6E\x5C\x45\x5C\x68\x5C\x57\x5C\x31\x47\x5C\x48\x22\x2C\x22\x5C\x72\x5C\x76\x5C\x72\x22\x2C\x22\x5C\x31\x66\x5C\x65\x22\x2C\x22\x5C\x65\x5C\x71\x5C\x65\x5C\x6C\x5C\x68\x22\x2C\x22\x5C\x68\x5C\x6E\x5C\x65\x5C\x6A\x5C\x52\x22\x2C\x22\x5C\x48\x5C\x68\x5C\x68\x5C\x45\x22\x2C\x22\x5C\x73\x5C\x76\x5C\x68\x5C\x6E\x5C\x32\x42\x5C\x68\x5C\x66\x5C\x6A\x5C\x6D\x5C\x4D\x5C\x31\x66\x5C\x65\x5C\x73\x5C\x65\x5C\x66\x5C\x6C\x5C\x31\x46\x5C\x68\x5C\x6B\x5C\x47\x5C\x6C\x5C\x65\x5C\x6B\x22\x2C\x22\x5C\x47\x5C\x6A\x5C\x71\x22\x2C\x22\x5C\x66\x5C\x47\x5C\x65\x5C\x4D\x5C\x73\x5C\x6A\x22\x2C\x22\x5C\x6B\x5C\x6A\x5C\x6D\x22\x2C\x22\x5C\x4A\x5C\x45\x5C\x31\x66\x5C\x71\x5C\x41\x5C\x66\x5C\x4A\x5C\x68\x22\x2C\x22\x5C\x6C\x5C\x68\x5C\x6E\x5C\x4A\x5C\x65\x5C\x4D\x22\x2C\x22\x5C\x6C\x5C\x71\x5C\x6E\x5C\x31\x63\x22\x2C\x22\x5C\x72\x22\x2C\x22\x5C\x6B\x5C\x76\x5C\x6C\x5C\x71\x5C\x65\x22\x2C\x22\x5C\x65\x5C\x4D\x5C\x6A\x5C\x31\x66\x5C\x71\x5C\x6E\x5C\x49\x5C\x6A\x5C\x68\x5C\x76\x5C\x6C\x5C\x52\x5C\x49\x5C\x65\x5C\x73\x22\x2C\x22\x5C\x4C\x5C\x66\x5C\x6C\x5C\x47\x5C\x68\x22\x2C\x22\x5C\x4A\x5C\x45\x5C\x31\x66\x5C\x68\x5C\x57\x5C\x65\x5C\x68\x5C\x6E\x5C\x45\x5C\x68\x5C\x45\x5C\x31\x4C\x5C\x6A\x5C\x73\x5C\x76\x5C\x68\x5C\x6A\x5C\x65\x5C\x52\x22\x2C\x22\x5C\x6D\x5C\x73\x5C\x6E\x5C\x65\x5C\x68\x5C\x6E\x5C\x65\x22\x2C\x22\x5C\x6B\x5C\x47\x5C\x41\x5C\x41\x5C\x66\x5C\x6A\x5C\x52\x22\x2C\x22\x5C\x54\x5C\x31\x76\x5C\x32\x7A\x5C\x32\x79\x5C\x32\x75\x5C\x31\x6A\x5C\x31\x48\x22\x2C\x22\x5C\x78\x22\x2C\x22\x5C\x6A\x5C\x68\x5C\x76\x5C\x6C\x5C\x66\x5C\x6D\x5C\x68\x22\x2C\x22\x22\x2C\x22\x5C\x6B\x5C\x47\x5C\x50\x5C\x6B\x5C\x65\x5C\x6A\x5C\x71\x5C\x6E\x5C\x4A\x22\x2C\x22\x5C\x6C\x5C\x66\x5C\x6B\x5C\x65\x5C\x31\x4D\x5C\x6E\x5C\x45\x5C\x68\x5C\x57\x5C\x31\x47\x5C\x48\x22\x2C\x22\x5C\x54\x5C\x31\x76\x5C\x31\x6E\x5C\x31\x77\x5C\x31\x77\x5C\x31\x48\x22\x2C\x22\x5C\x6E\x5C\x66\x5C\x41\x5C\x68\x22\x2C\x22\x5C\x4D\x5C\x65\x5C\x65\x5C\x76\x5C\x31\x70\x5C\x72\x5C\x72\x5C\x71\x5C\x41\x5C\x4A\x5C\x31\x6E\x5C\x58\x5C\x50\x5C\x6C\x5C\x73\x5C\x4A\x5C\x50\x5C\x6C\x5C\x73\x5C\x4A\x5C\x58\x5C\x6D\x5C\x73\x5C\x41\x5C\x72\x5C\x71\x5C\x41\x5C\x4A\x5C\x72\x5C\x50\x5C\x6C\x5C\x66\x5C\x6E\x5C\x31\x63\x5C\x58\x5C\x4A\x5C\x71\x5C\x48\x22\x2C\x22\x5C\x6E\x5C\x73\x5C\x78\x5C\x66\x5C\x4C\x5C\x66\x5C\x65\x5C\x66\x5C\x6A\x22\x2C\x22\x5C\x44\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x76\x5C\x65\x5C\x78\x5C\x65\x5C\x52\x5C\x76\x5C\x68\x5C\x43\x5C\x77\x5C\x65\x5C\x68\x5C\x57\x5C\x65\x5C\x72\x5C\x31\x62\x5C\x66\x5C\x4C\x5C\x66\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x76\x5C\x65\x5C\x77\x5C\x78\x5C\x6B\x5C\x6A\x5C\x6D\x5C\x43\x5C\x77\x5C\x4D\x5C\x65\x5C\x65\x5C\x76\x5C\x6B\x5C\x31\x70\x5C\x72\x5C\x72\x5C\x31\x64\x5C\x31\x64\x5C\x31\x64\x5C\x58\x5C\x50\x5C\x6C\x5C\x73\x5C\x4A\x5C\x4A\x5C\x68\x5C\x6A\x5C\x58\x5C\x6D\x5C\x73\x5C\x41\x5C\x72\x5C\x48\x5C\x68\x5C\x68\x5C\x45\x5C\x6B\x5C\x72\x22\x2C\x22\x5C\x72\x5C\x76\x5C\x66\x5C\x4A\x5C\x68\x5C\x6B\x5C\x72\x5C\x45\x5C\x68\x5C\x48\x5C\x66\x5C\x47\x5C\x6C\x5C\x65\x5C\x72\x22\x2C\x22\x5C\x31\x65\x5C\x66\x5C\x6C\x5C\x65\x5C\x43\x5C\x31\x62\x5C\x6B\x5C\x73\x5C\x6E\x5C\x49\x5C\x71\x5C\x6E\x5C\x49\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x76\x5C\x65\x5C\x54\x5C\x6D\x5C\x66\x5C\x6C\x5C\x6C\x5C\x50\x5C\x66\x5C\x6D\x5C\x31\x63\x5C\x43\x5C\x6A\x5C\x6D\x5C\x31\x75\x5C\x66\x5C\x4C\x5C\x66\x5C\x65\x5C\x66\x5C\x6A\x5C\x31\x6A\x5C\x77\x5C\x42\x5C\x44\x5C\x72\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x76\x5C\x65\x5C\x42\x22\x2C\x22\x5C\x31\x64\x5C\x6A\x5C\x71\x5C\x65\x5C\x68\x22\x2C\x22\x5C\x44\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x76\x5C\x65\x5C\x78\x5C\x65\x5C\x52\x5C\x76\x5C\x68\x5C\x43\x5C\x77\x5C\x65\x5C\x68\x5C\x57\x5C\x65\x5C\x72\x5C\x31\x62\x5C\x66\x5C\x4C\x5C\x66\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x76\x5C\x65\x5C\x77\x5C\x78\x5C\x6B\x5C\x6A\x5C\x6D\x5C\x43\x5C\x77\x22\x2C\x22\x5C\x72\x5C\x48\x5C\x68\x5C\x68\x5C\x45\x5C\x6B\x5C\x72\x22\x2C\x22\x5C\x72\x5C\x6D\x5C\x73\x5C\x41\x5C\x41\x5C\x68\x5C\x6E\x5C\x65\x5C\x6B\x5C\x72\x5C\x45\x5C\x68\x5C\x48\x5C\x66\x5C\x47\x5C\x6C\x5C\x65\x5C\x31\x65\x5C\x66\x5C\x6C\x5C\x65\x5C\x43\x5C\x31\x62\x5C\x6B\x5C\x73\x5C\x6E\x5C\x49\x5C\x71\x5C\x6E\x5C\x49\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x76\x5C\x65\x5C\x54\x5C\x41\x5C\x66\x5C\x57\x5C\x49\x5C\x6A\x5C\x68\x5C\x6B\x5C\x47\x5C\x6C\x5C\x65\x5C\x6B\x5C\x43\x5C\x31\x6E\x5C\x54\x5C\x6D\x5C\x66\x5C\x6C\x5C\x6C\x5C\x50\x5C\x66\x5C\x6D\x5C\x31\x63\x5C\x43\x5C\x6A\x5C\x6D\x5C\x31\x75\x5C\x66\x5C\x4C\x5C\x66\x5C\x65\x5C\x66\x5C\x6A\x5C\x31\x6A\x5C\x77\x5C\x42\x5C\x44\x5C\x72\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x76\x5C\x65\x5C\x42\x22\x2C\x22\x5C\x31\x46\x5C\x68\x5C\x6D\x5C\x68\x5C\x6E\x5C\x65\x5C\x78\x5C\x31\x4A\x5C\x73\x5C\x41\x5C\x41\x5C\x68\x5C\x6E\x5C\x65\x5C\x6B\x5C\x78\x5C\x48\x5C\x6A\x5C\x68\x5C\x68\x5C\x78\x5C\x4C\x5C\x68\x5C\x6A\x5C\x6B\x5C\x71\x5C\x73\x5C\x6E\x5C\x78\x5C\x31\x77\x5C\x58\x5C\x31\x6A\x5C\x78\x5C\x50\x5C\x52\x5C\x78\x22\x2C\x22\x5C\x72\x5C\x48\x5C\x68\x5C\x68\x5C\x45\x5C\x6B\x5C\x72\x5C\x6D\x5C\x73\x5C\x41\x5C\x41\x5C\x68\x5C\x6E\x5C\x65\x5C\x6B\x5C\x72\x5C\x45\x5C\x68\x5C\x48\x5C\x66\x5C\x47\x5C\x6C\x5C\x65\x5C\x31\x65\x5C\x66\x5C\x6C\x5C\x65\x5C\x43\x5C\x31\x62\x5C\x6B\x5C\x73\x5C\x6E\x5C\x49\x5C\x71\x5C\x6E\x5C\x49\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x76\x5C\x65\x5C\x54\x5C\x41\x5C\x66\x5C\x57\x5C\x49\x5C\x6A\x5C\x68\x5C\x6B\x5C\x47\x5C\x6C\x5C\x65\x5C\x6B\x5C\x43\x22\x2C\x22\x5C\x54\x5C\x6D\x5C\x66\x5C\x6C\x5C\x6C\x5C\x50\x5C\x66\x5C\x6D\x5C\x31\x63\x5C\x43\x5C\x6A\x5C\x6D\x5C\x31\x75\x5C\x66\x5C\x4C\x5C\x66\x5C\x65\x5C\x66\x5C\x6A\x5C\x31\x6E\x5C\x77\x5C\x42\x5C\x44\x5C\x72\x5C\x6B\x5C\x6D\x5C\x6A\x5C\x71\x5C\x76\x5C\x65\x5C\x42\x22\x2C\x22\x5C\x44\x5C\x47\x5C\x6C\x5C\x42\x22\x2C\x22\x5C\x31\x4A\x5C\x73\x5C\x41\x5C\x41\x5C\x68\x5C\x6E\x5C\x65\x5C\x6B\x5C\x78\x5C\x73\x5C\x6E\x5C\x78\x22\x2C\x22\x5C\x31\x70\x5C\x78\x22\x2C\x22\x5C\x31\x76\x5C\x6D\x22\x2C\x22\x5C\x6D\x5C\x73\x5C\x41\x5C\x41\x5C\x68\x5C\x6E\x5C\x65\x5C\x31\x4C\x5C\x66\x5C\x4A\x5C\x68\x5C\x43\x22\x2C\x22\x5C\x54\x22\x2C\x22\x5C\x31\x65\x22\x2C\x22\x5C\x44\x5C\x6C\x5C\x71\x5C\x78\x5C\x6D\x5C\x6C\x5C\x66\x5C\x6B\x5C\x6B\x5C\x43\x5C\x77\x22\x2C\x22\x5C\x6A\x5C\x6D\x5C\x49\x5C\x66\x5C\x45\x5C\x41\x5C\x71\x5C\x6E\x22\x2C\x22\x5C\x6A\x5C\x6D\x5C\x49\x5C\x66\x5C\x47\x5C\x65\x5C\x4D\x5C\x73\x5C\x6A\x22\x2C\x22\x5C\x77\x5C\x42\x5C\x44\x5C\x45\x5C\x71\x5C\x4C\x5C\x78\x5C\x6D\x5C\x6C\x5C\x66\x5C\x6B\x5C\x6B\x5C\x43\x5C\x77\x5C\x6A\x5C\x6D\x5C\x49\x5C\x71\x5C\x6E\x5C\x48\x5C\x73\x5C\x77\x5C\x42\x5C\x44\x5C\x71\x5C\x41\x5C\x4A\x5C\x78\x5C\x66\x5C\x6C\x5C\x65\x5C\x43\x5C\x77\x22\x2C\x22\x5C\x77\x5C\x78\x5C\x6D\x5C\x6C\x5C\x66\x5C\x6B\x5C\x6B\x5C\x43\x5C\x77\x5C\x6A\x5C\x6D\x5C\x49\x5C\x66\x5C\x4C\x5C\x66\x5C\x65\x5C\x66\x5C\x6A\x5C\x77\x5C\x78\x5C\x6B\x5C\x6A\x5C\x6D\x5C\x43\x5C\x77\x22\x2C\x22\x5C\x77\x5C\x72\x5C\x42\x5C\x44\x5C\x4D\x5C\x31\x4B\x5C\x42\x22\x2C\x22\x5C\x44\x5C\x72\x5C\x4D\x5C\x31\x4B\x5C\x42\x5C\x44\x5C\x72\x5C\x45\x5C\x71\x5C\x4C\x5C\x42\x5C\x44\x5C\x66\x5C\x78\x5C\x4D\x5C\x6A\x5C\x68\x5C\x48\x5C\x43\x5C\x77\x22\x2C\x22\x5C\x77\x5C\x78\x5C\x6A\x5C\x68\x5C\x6C\x5C\x43\x5C\x77\x5C\x6E\x5C\x73\x5C\x48\x5C\x73\x5C\x6C\x5C\x6C\x5C\x73\x5C\x31\x64\x5C\x77\x5C\x78\x5C\x65\x5C\x71\x5C\x65\x5C\x6C\x5C\x68\x5C\x43\x5C\x77\x22\x2C\x22\x5C\x78\x5C\x73\x5C\x6E\x5C\x78\x22\x2C\x22\x5C\x77\x5C\x42\x5C\x44\x5C\x76\x5C\x42\x22\x2C\x22\x5C\x44\x5C\x72\x5C\x76\x5C\x42\x22\x2C\x22\x5C\x65\x5C\x6A\x5C\x47\x5C\x68\x22\x2C\x22\x5C\x44\x5C\x6B\x5C\x76\x5C\x66\x5C\x6E\x5C\x42\x22\x2C\x22\x5C\x44\x5C\x72\x5C\x6B\x5C\x76\x5C\x66\x5C\x6E\x5C\x42\x22\x2C\x22\x5C\x44\x5C\x72\x5C\x66\x5C\x42\x5C\x44\x5C\x45\x5C\x71\x5C\x4C\x5C\x78\x5C\x6D\x5C\x6C\x5C\x66\x5C\x6B\x5C\x6B\x5C\x43\x5C\x77\x5C\x6D\x5C\x6C\x5C\x68\x5C\x66\x5C\x6A\x5C\x77\x5C\x42\x5C\x44\x5C\x72\x5C\x45\x5C\x71\x5C\x4C\x5C\x42\x5C\x44\x5C\x72\x5C\x6C\x5C\x71\x5C\x42\x22\x2C\x22\x5C\x44\x5C\x72\x5C\x47\x5C\x6C\x5C\x42\x22\x2C\x22\x5C\x71\x5C\x6E\x5C\x6E\x5C\x68\x5C\x6A\x5C\x32\x62\x5C\x32\x63\x5C\x32\x69\x5C\x32\x6A\x22\x2C\x22\x5C\x6A\x5C\x6D\x5C\x49\x5C\x66\x5C\x4C\x5C\x66\x5C\x65\x5C\x66\x5C\x6A\x5C\x49\x5C\x76\x5C\x6C\x5C\x47\x5C\x6B\x22\x2C\x22\x5C\x4A\x5C\x68\x5C\x65\x5C\x32\x6B\x5C\x6C\x5C\x68\x5C\x41\x5C\x68\x5C\x6E\x5C\x65\x5C\x32\x4E\x5C\x52\x5C\x31\x4D\x5C\x45\x22\x5D\x3B\x31\x67\x3D\x30\x3B\x75\x3D\x30\x3B\x56\x3D\x5B\x5D\x3B\x64\x3D\x5B\x5D\x3B\x70\x3D\x5B\x5D\x3B\x5A\x3D\x5B\x5D\x3B\x31\x69\x3D\x5B\x5D\x3B\x31\x42\x3D\x5B\x5D\x3B\x74\x3D\x5B\x5D\x3B\x31\x79\x3D\x5B\x5D\x3B\x31\x7A\x3D\x5B\x5D\x3B\x61\x3D\x5B\x5D\x3B\x59\x3D\x5B\x5D\x3B\x31\x68\x3D\x5B\x5D\x3B\x31\x6F\x3D\x5B\x5D\x3B\x31\x43\x3D\x5B\x5D\x3B\x31\x44\x3D\x5B\x5D\x3B\x31\x52\x3D\x62\x5B\x30\x5D\x3B\x31\x53\x3D\x62\x5B\x31\x5D\x3B\x31\x59\x3D\x62\x5B\x32\x5D\x3B\x31\x51\x3D\x62\x5B\x33\x5D\x3B\x31\x4E\x3D\x32\x59\x5B\x62\x5B\x34\x5D\x5D\x3B\x79\x3D\x31\x4E\x5B\x62\x5B\x36\x5D\x5D\x28\x62\x5B\x35\x5D\x29\x3B\x31\x78\x20\x32\x57\x28\x31\x71\x29\x7B\x4B\x28\x64\x5B\x75\x5D\x5B\x62\x5B\x36\x5D\x5D\x28\x62\x5B\x37\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x5A\x5B\x75\x5D\x3D\x31\x3B\x6F\x3D\x31\x71\x5B\x62\x5B\x31\x30\x5D\x5D\x5B\x62\x5B\x39\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x3B\x74\x5B\x75\x5D\x3D\x6F\x7D\x4F\x7B\x6F\x3D\x31\x71\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x39\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x3B\x74\x5B\x75\x5D\x3D\x6F\x3B\x31\x4F\x3D\x31\x71\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x31\x32\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x3B\x69\x3D\x32\x51\x28\x28\x31\x4F\x2D\x31\x29\x2F\x32\x53\x29\x2B\x31\x3B\x5A\x5B\x75\x5D\x3D\x69\x7D\x3B\x75\x2B\x2B\x7D\x3B\x31\x78\x20\x32\x54\x28\x53\x29\x7B\x31\x67\x3D\x53\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x31\x32\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x3B\x31\x42\x3D\x53\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x39\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x3B\x4B\x28\x62\x5B\x31\x33\x5D\x31\x6D\x20\x53\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x29\x7B\x31\x43\x3D\x53\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x31\x33\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x7D\x3B\x31\x44\x3D\x53\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x31\x35\x5D\x5D\x3B\x31\x57\x28\x67\x3D\x30\x3B\x28\x67\x3C\x31\x41\x29\x26\x26\x28\x67\x3C\x31\x67\x29\x3B\x67\x2B\x2B\x29\x7B\x63\x3D\x53\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x31\x30\x5D\x5D\x5B\x67\x5D\x3B\x4B\x28\x67\x3D\x3D\x53\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x31\x30\x5D\x5D\x5B\x62\x5B\x31\x37\x5D\x5D\x29\x7B\x32\x55\x7D\x3B\x56\x3D\x63\x5B\x62\x5B\x31\x38\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x34\x5D\x5D\x3B\x56\x3D\x56\x5B\x62\x5B\x32\x30\x5D\x5D\x28\x62\x5B\x31\x39\x5D\x29\x3B\x31\x58\x3D\x56\x5B\x34\x5D\x3B\x31\x73\x3D\x56\x5B\x35\x5D\x3B\x31\x49\x3D\x56\x5B\x38\x5D\x3B\x64\x5B\x67\x5D\x3D\x63\x5B\x62\x5B\x32\x31\x5D\x5D\x5B\x62\x5B\x34\x5D\x5D\x3B\x4B\x28\x79\x21\x3D\x2D\x31\x29\x7B\x64\x5B\x67\x5D\x3D\x64\x5B\x67\x5D\x2B\x62\x5B\x35\x5D\x7D\x3B\x31\x79\x5B\x67\x5D\x3D\x63\x5B\x62\x5B\x32\x33\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x32\x32\x5D\x5D\x3B\x31\x7A\x5B\x67\x5D\x3D\x63\x5B\x62\x5B\x32\x33\x5D\x5D\x5B\x31\x5D\x5B\x62\x5B\x32\x32\x5D\x5D\x3B\x70\x5B\x67\x5D\x3D\x31\x49\x3B\x4B\x28\x62\x5B\x32\x34\x5D\x31\x6D\x20\x63\x29\x7B\x55\x20\x46\x3D\x63\x5B\x62\x5B\x32\x34\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x7D\x4F\x7B\x4B\x28\x62\x5B\x32\x35\x5D\x31\x6D\x20\x63\x29\x7B\x55\x20\x46\x3D\x63\x5B\x62\x5B\x32\x35\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x7D\x4F\x7B\x55\x20\x46\x3D\x62\x5B\x32\x36\x5D\x7D\x7D\x3B\x46\x3D\x46\x5B\x62\x5B\x32\x38\x5D\x5D\x28\x2F\x3C\x32\x50\x20\x5C\x2F\x3E\x2F\x67\x2C\x62\x5B\x32\x37\x5D\x29\x3B\x46\x3D\x46\x5B\x62\x5B\x32\x38\x5D\x5D\x28\x2F\x40\x3C\x61\x2E\x2A\x3F\x61\x3E\x2F\x67\x2C\x62\x5B\x32\x39\x5D\x29\x3B\x46\x3D\x46\x5B\x62\x5B\x32\x38\x5D\x5D\x28\x2F\x3C\x5B\x5E\x3E\x5D\x2A\x3E\x2F\x67\x2C\x62\x5B\x32\x39\x5D\x29\x3B\x4B\x28\x46\x5B\x62\x5B\x31\x37\x5D\x5D\x3C\x31\x45\x29\x7B\x31\x69\x5B\x67\x5D\x3D\x46\x7D\x4F\x7B\x46\x3D\x46\x5B\x62\x5B\x33\x30\x5D\x5D\x28\x30\x2C\x31\x45\x29\x3B\x55\x20\x31\x6C\x3D\x46\x5B\x62\x5B\x33\x31\x5D\x5D\x28\x62\x5B\x32\x37\x5D\x29\x3B\x46\x3D\x46\x5B\x62\x5B\x33\x30\x5D\x5D\x28\x30\x2C\x31\x6C\x29\x3B\x31\x69\x5B\x67\x5D\x3D\x46\x2B\x62\x5B\x33\x32\x5D\x7D\x3B\x51\x3D\x63\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x33\x33\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x3B\x4B\x28\x51\x5B\x62\x5B\x31\x37\x5D\x5D\x3C\x31\x50\x29\x7B\x61\x5B\x67\x5D\x3D\x51\x7D\x4F\x7B\x51\x3D\x51\x5B\x62\x5B\x33\x30\x5D\x5D\x28\x30\x2C\x31\x50\x29\x3B\x55\x20\x31\x6C\x3D\x51\x5B\x62\x5B\x33\x31\x5D\x5D\x28\x62\x5B\x32\x39\x5D\x29\x3B\x51\x3D\x51\x5B\x62\x5B\x33\x30\x5D\x5D\x28\x30\x2C\x31\x6C\x29\x3B\x61\x5B\x67\x5D\x3D\x51\x2B\x62\x5B\x33\x32\x5D\x7D\x3B\x4B\x28\x62\x5B\x31\x33\x5D\x31\x6D\x20\x63\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x29\x7B\x31\x6F\x5B\x67\x5D\x3D\x63\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x31\x33\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x7D\x3B\x4B\x28\x63\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x31\x35\x5D\x5D\x3D\x3D\x62\x5B\x33\x34\x5D\x29\x7B\x59\x5B\x67\x5D\x3D\x32\x6D\x3B\x31\x68\x5B\x67\x5D\x3D\x62\x5B\x33\x35\x5D\x7D\x4F\x7B\x59\x5B\x67\x5D\x3D\x63\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x31\x35\x5D\x5D\x3B\x31\x68\x5B\x67\x5D\x3D\x61\x5B\x67\x5D\x7D\x3B\x4B\x28\x64\x5B\x67\x5D\x5B\x62\x5B\x36\x5D\x5D\x28\x62\x5B\x37\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x31\x6B\x5B\x62\x5B\x31\x72\x5D\x5D\x28\x62\x5B\x33\x36\x5D\x2B\x31\x58\x2B\x62\x5B\x33\x37\x5D\x2B\x31\x73\x2B\x62\x5B\x33\x38\x5D\x29\x7D\x4F\x7B\x31\x6B\x5B\x62\x5B\x31\x72\x5D\x5D\x28\x62\x5B\x31\x54\x5D\x2B\x31\x55\x2B\x62\x5B\x32\x56\x5D\x2B\x31\x73\x2B\x62\x5B\x32\x58\x5D\x29\x7D\x7D\x7D\x3B\x4B\x28\x32\x52\x3D\x3D\x62\x5B\x32\x5A\x5D\x2B\x31\x53\x2B\x31\x52\x2B\x31\x59\x2B\x31\x51\x29\x7B\x31\x6B\x5B\x62\x5B\x31\x72\x5D\x5D\x28\x62\x5B\x31\x54\x5D\x2B\x31\x55\x2B\x62\x5B\x32\x4F\x5D\x2B\x31\x41\x2B\x62\x5B\x32\x6C\x5D\x29\x7D\x3B\x31\x78\x20\x32\x6E\x28\x29\x7B\x55\x20\x4E\x3D\x62\x5B\x32\x39\x5D\x3B\x4E\x2B\x3D\x62\x5B\x32\x6F\x5D\x3B\x31\x57\x28\x7A\x3D\x30\x3B\x28\x7A\x3C\x31\x41\x29\x26\x26\x28\x7A\x3C\x31\x67\x29\x3B\x7A\x2B\x2B\x29\x7B\x74\x5B\x7A\x5D\x3D\x74\x5B\x7A\x5D\x5B\x62\x5B\x32\x38\x5D\x5D\x28\x62\x5B\x32\x72\x5D\x2B\x31\x42\x2B\x62\x5B\x32\x71\x5D\x2C\x62\x5B\x32\x39\x5D\x29\x3B\x55\x20\x31\x61\x3D\x62\x5B\x32\x39\x5D\x3B\x4B\x28\x5A\x5B\x7A\x5D\x3D\x3D\x31\x29\x7B\x31\x61\x3D\x62\x5B\x31\x56\x5D\x7D\x4F\x7B\x31\x74\x3D\x62\x5B\x32\x70\x5D\x2B\x5A\x5B\x7A\x5D\x2B\x62\x5B\x31\x56\x5D\x3B\x4B\x28\x79\x21\x3D\x2D\x31\x29\x7B\x31\x61\x3D\x62\x5B\x32\x61\x5D\x2B\x31\x74\x7D\x4F\x7B\x31\x61\x3D\x62\x5B\x31\x5A\x5D\x2B\x31\x74\x7D\x7D\x3B\x4E\x2B\x3D\x62\x5B\x32\x64\x5D\x3B\x4B\x28\x28\x28\x31\x6F\x5B\x7A\x5D\x3D\x3D\x31\x43\x29\x26\x26\x28\x59\x5B\x7A\x5D\x3D\x3D\x31\x44\x29\x29\x7C\x7C\x28\x28\x31\x6F\x5B\x7A\x5D\x3D\x3D\x32\x65\x29\x26\x26\x28\x59\x5B\x7A\x5D\x3D\x3D\x32\x68\x29\x29\x29\x7B\x4E\x2B\x3D\x62\x5B\x32\x67\x5D\x7D\x4F\x7B\x4E\x2B\x3D\x62\x5B\x32\x66\x5D\x7D\x3B\x4E\x2B\x3D\x62\x5B\x32\x73\x5D\x2B\x31\x68\x5B\x7A\x5D\x2B\x62\x5B\x32\x74\x5D\x2B\x59\x5B\x7A\x5D\x2B\x62\x5B\x32\x48\x5D\x2B\x61\x5B\x7A\x5D\x2B\x62\x5B\x32\x47\x5D\x2B\x64\x5B\x7A\x5D\x2B\x31\x61\x2B\x70\x5B\x7A\x5D\x2B\x62\x5B\x32\x46\x5D\x2B\x61\x5B\x7A\x5D\x2B\x62\x5B\x32\x49\x5D\x2B\x74\x5B\x7A\x5D\x2B\x62\x5B\x32\x4A\x5D\x2B\x31\x69\x5B\x7A\x5D\x2B\x62\x5B\x32\x4D\x5D\x3B\x4B\x28\x31\x79\x5B\x7A\x5D\x21\x3D\x62\x5B\x32\x4C\x5D\x29\x7B\x4E\x2B\x3D\x62\x5B\x32\x4B\x5D\x2B\x31\x7A\x5B\x7A\x5D\x2B\x62\x5B\x32\x45\x5D\x7D\x3B\x4E\x2B\x3D\x62\x5B\x32\x44\x5D\x7D\x3B\x4E\x2B\x3D\x62\x5B\x32\x78\x5D\x3B\x31\x6B\x5B\x62\x5B\x32\x77\x5D\x5D\x28\x62\x5B\x32\x76\x5D\x29\x5B\x62\x5B\x32\x43\x5D\x5D\x3D\x4E\x7D\x3B","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x5F\x30\x78\x39\x36\x35\x66\x7C\x7C\x7C\x78\x37\x34\x7C\x78\x36\x31\x7C\x7C\x78\x36\x35\x7C\x7C\x78\x37\x32\x7C\x78\x37\x33\x7C\x78\x36\x43\x7C\x78\x36\x33\x7C\x78\x36\x45\x7C\x7C\x7C\x78\x36\x39\x7C\x78\x32\x46\x7C\x78\x36\x46\x7C\x7C\x7C\x78\x37\x30\x7C\x78\x32\x32\x7C\x78\x32\x30\x7C\x7C\x7C\x78\x36\x44\x7C\x78\x33\x45\x7C\x78\x33\x44\x7C\x78\x33\x43\x7C\x78\x36\x34\x7C\x5F\x30\x78\x33\x31\x32\x36\x78\x35\x7C\x78\x37\x35\x7C\x78\x36\x36\x7C\x78\x32\x44\x7C\x78\x36\x37\x7C\x69\x66\x7C\x78\x37\x36\x7C\x78\x36\x38\x7C\x5F\x30\x78\x33\x31\x32\x36\x78\x38\x7C\x65\x6C\x73\x65\x7C\x78\x36\x32\x7C\x61\x32\x7C\x78\x37\x39\x7C\x5F\x30\x78\x33\x31\x32\x36\x78\x34\x7C\x78\x32\x36\x7C\x76\x61\x72\x7C\x6C\x6B\x7C\x78\x37\x38\x7C\x78\x32\x45\x7C\x69\x6D\x7C\x70\x6E\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x5F\x30\x78\x33\x31\x32\x36\x78\x39\x7C\x78\x36\x41\x7C\x78\x36\x42\x7C\x78\x37\x37\x7C\x78\x33\x46\x7C\x78\x32\x34\x7C\x74\x74\x7C\x61\x6C\x74\x7C\x6A\x32\x7C\x78\x33\x32\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x5F\x30\x78\x33\x31\x32\x36\x78\x36\x7C\x69\x6E\x7C\x78\x33\x31\x7C\x75\x72\x7C\x78\x33\x41\x7C\x5F\x30\x78\x33\x31\x32\x36\x78\x32\x7C\x33\x39\x7C\x70\x69\x64\x7C\x63\x70\x7C\x78\x35\x46\x7C\x78\x32\x33\x7C\x78\x33\x33\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x70\x69\x7C\x74\x69\x7C\x6E\x63\x7C\x74\x62\x7C\x75\x72\x61\x7C\x69\x6D\x61\x7C\x6C\x65\x6E\x67\x74\x68\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x78\x35\x32\x7C\x78\x34\x46\x7C\x78\x33\x42\x7C\x63\x69\x64\x7C\x78\x34\x33\x7C\x78\x33\x34\x7C\x78\x35\x30\x7C\x78\x34\x39\x7C\x61\x33\x7C\x6E\x75\x6D\x7C\x6C\x65\x6E\x67\x74\x68\x5F\x6E\x61\x6D\x65\x7C\x69\x6E\x66\x7C\x61\x64\x7C\x6C\x6F\x63\x7C\x34\x30\x7C\x68\x6F\x6D\x65\x5F\x70\x61\x67\x65\x7C\x34\x39\x7C\x66\x6F\x72\x7C\x62\x69\x64\x7C\x64\x6F\x74\x7C\x35\x32\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x35\x31\x7C\x78\x34\x38\x7C\x78\x35\x34\x7C\x35\x33\x7C\x61\x64\x6D\x69\x6E\x5F\x75\x72\x69\x7C\x35\x35\x7C\x35\x34\x7C\x61\x64\x6D\x69\x6E\x5F\x61\x76\x61\x74\x61\x72\x7C\x78\x34\x44\x7C\x78\x34\x43\x7C\x78\x34\x35\x7C\x34\x35\x7C\x6E\x6F\x5F\x61\x76\x61\x74\x61\x72\x7C\x72\x63\x5F\x61\x76\x61\x74\x61\x72\x7C\x34\x36\x7C\x35\x30\x7C\x34\x38\x7C\x34\x37\x7C\x35\x36\x7C\x35\x37\x7C\x78\x33\x39\x7C\x37\x30\x7C\x37\x31\x7C\x36\x38\x7C\x78\x33\x35\x7C\x78\x33\x38\x7C\x78\x33\x30\x7C\x78\x35\x33\x7C\x36\x39\x7C\x36\x37\x7C\x36\x36\x7C\x36\x30\x7C\x35\x39\x7C\x35\x38\x7C\x36\x31\x7C\x36\x32\x7C\x36\x35\x7C\x36\x34\x7C\x36\x33\x7C\x78\x34\x32\x7C\x34\x34\x7C\x62\x72\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x63\x6F\x70\x79\x72\x69\x67\x68\x74\x5F\x62\x79\x5F\x64\x75\x79\x70\x68\x61\x6D\x5F\x64\x6F\x74\x5F\x69\x6E\x66\x6F\x7C\x32\x30\x30\x7C\x72\x63\x5F\x61\x76\x61\x74\x61\x72\x31\x7C\x62\x72\x65\x61\x6B\x7C\x34\x31\x7C\x72\x63\x5F\x61\x76\x61\x74\x61\x72\x32\x7C\x34\x32\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x34\x33\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0xe62bx1,_0xe62bx2,_0xe62bx3,_0xe62bx4,_0xe62bx5,_0xe62bx6){_0xe62bx5=function (_0xe62bx3){return (_0xe62bx3<_0xe62bx2?dp[4]:_0xe62bx5(parseInt(_0xe62bx3/_0xe62bx2)))+((_0xe62bx3=_0xe62bx3%_0xe62bx2)>35?String[dp[5]](_0xe62bx3+29):_0xe62bx3.toString(36));} ;if(!dp[4][dp[6]](/^/,String)){while(_0xe62bx3--){_0xe62bx6[_0xe62bx5(_0xe62bx3)]=_0xe62bx4[_0xe62bx3]||_0xe62bx5(_0xe62bx3);} ;_0xe62bx4=[function (_0xe62bx5){return _0xe62bx6[_0xe62bx5];} ];_0xe62bx5=function (){return dp[7];} ;_0xe62bx3=1;} ;while(_0xe62bx3--){if(_0xe62bx4[_0xe62bx3]){_0xe62bx1=_0xe62bx1[dp[6]]( new RegExp(dp[8]+_0xe62bx5(_0xe62bx3)+dp[8],dp[9]),_0xe62bx4[_0xe62bx3]);} ;} ;return _0xe62bx1;} (dp[0],62,195,dp[3][dp[2]](dp[1]),0,{}));
//]]>
</script>
<script type='text/javascript'>rc_avatar();</script>
</div>
</b:if>
Lưu ý: Thay link màu đỏ thành link trang mà bạn đã tạo ở bước 1.
Bước 5: Lưu mẫu, rồi mở trang vừa tạo lúc nảy lên xem và chỉnh sửa lại tí cho cân đối là ok.

Lời kết

Đây là tiện ích được chia sẻ bởi blogger Duy Phạm và đã được mã hóa bản quyền bằng javascript.
Toàn bộ CSS do Bác Sĩ Windows viết lại và khác hoàn toàn với CSS cũ của Duy Phạm, nên khi copy bài viết vui lòng ghi rõ được thiết kế bởi Bác Sĩ Windows nhé.
Nếu thực hiện không thành công hoặc xảy ra lỗi trong quá trình thực hiện thì hãy bình luận xuống phía dưới để mình giúp đỡ (nếu có thể) nhé, chúc các bạn thành công.
(Copy vui lòng ghi rõ nguồn).

Subscribe box

Nhập địa chỉ Email và bấm đăng ký, bạn sẽ nhận được bài viết mới nhất từ STAR SINH BLOG hoàn toàn miễn phí qua Gmail!

0 Nhận xét: