Như các bạn biết thì Abu Farhan là người viết khác nhiều script phân trang cho blogspot. Tôi đã có nhiều bài viết giới thiệu một vài kiểu phân trang như vậy. Bạn có thể tìm ở tagPagination trên blog này để tham khảo. Hôm nay xin tiếp tục giới thiệu một kiểu phân trang khác của Abu Farhan, tuy nhiên ở đây tôi có chút điều chỉnh để tạo dáng vẻ khác một chút cho kiểu phân trang này để cộng đồng Blogger Việt tham khảo.

Trước tiên bạn hãy xem hình minh họa bên dưới.

Để có dáng vẻ như vậy thì chúng ta cần tạo code CSS như bên dưới. 

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML. Đặt đoạn code bên dưới vào trước dòng ]]>.


<span style="background-color: rgb(241, 242, 240); font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; ">#blog-pager{padding:4px 0;text-align:center;}</span></p><span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); color: blue; ">/* Số trang */</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">.showpageNum a {</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">padding: 3px 8px;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">margin:0 4px;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">text-decoration: none;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">border:1px solid #999;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">-webkit-border-radius:3px;-moz-border-radius:3px;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">background: #ddd;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">}</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">.showpageNum a:hover {</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">border:1px solid #888;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">background: #ccc;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">color:#fff;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">}</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); color: blue; ">/* Trang x trong y */</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">.showpageTotal {</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">margin:0 8px 0 0;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">}</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); color: blue; ">/* Trang hiện tại được đánh dấu */</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">.showpagePoint {</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">color:#fff;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">text-shadow:0 1px 2px #333;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">padding: 3px 8px;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">margin: 2px;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">font-weight: 700;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">-webkit-border-radius:3px;-moz-border-radius:3px;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">border:1px solid #999;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">background: #666;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">text-decoration: none;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">}</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); color: blue; ">/* Trang trước – Trang sau */</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">.showpagePN a {</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">padding: 3px 8px;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">margin:0 4px;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">text-decoration: none;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">border:1px solid #999;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">-webkit-border-radius:3px;-moz-border-radius:3px;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">background: #ddd;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">}</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">.showpagePN a:hover {</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">border:1px solid #888;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">background: #ccc;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">color:#fff;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">}</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); color: blue; ">/* Liên kết tạo Widget */</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">.showpageWidget{</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">font-size: 10px;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">float: right;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">margin: 10px 10px 0 300px;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">}</span><p> </p><p>
Bạn có thể lấy mã mầu để tùy biến CSS theo ý muốn của mình để có một style khác.

Nếu bạn muốn ẩn liên kết Set up on your blogspot thì thêm display:none vào class showpageWidget.
Bước 2. Đặt đoạn code sau đây vào trước thẻ .

<span style="background-color: rgb(241, 242, 240); font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; "><script type='text/javascript'></span></p><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">//<![CDATA[</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">var </span><span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); color: red; ">postperpage=10</span><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">var numshowpage=4;</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">var total_pag='Page:';</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">var upPageWord ='« Prev';</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">var downPageWord ='Next »';</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">var widget_pag='Set up on your blogspot';</span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); ">//]]></span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "></script></span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><span style="font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 16px; background-color: rgb(241, 242, 240); "><script src='http://goo.gl/rgegj' type='text/javascript'/></span> <p>


Lưu Template.

Bước 3. Chọn Expand Widget Templates. Tìm tất cả các dòng 'data:label.url' rồi thay nó bằng dòng

'data:label.url + "?&max-results=10"'

Lưu Template là OK.