Tạo Trang Lưu Trữ Bài Viết Cho Web/blog

Một tiện ích Blog vô cùng cần thiết cho Web hay Blog của bạn. Nhằm cho người xem có cái nhìn bao quát toàn bộ các bài viết trên trang Web/ blog của bạn.

Cài đặt

Bạn đang nhập vào Blogspot đến phần Trang -> Tạo 1 trang mới -> Copy toàn bộ Code phía dưới vào Trang ( lưu ý: Trang ở chế độ HTML)

<style type="text/css">
#tocTable {
  border:2px solid white;
  font:normal 11px Verdana,Arial,Sans-Serif;
  color:#333;
  border-collapse:collapse;
  text-align:left;
}
#tocTable th, #tocTable td {
  border:1px solid white;
  background-color:#fafafa;
  padding:10px 15px;
}
#tocTable th {
  background-color:#5d5d5d;
  font-weight:bold;
  color:white;
  text-shadow:0px 1px 0px rgba(0,0,0,0.3);
}
th#th1         {width:60%;background-color:#5A930D;}
th#th2, th#th3 {width:20%;}
#tocTable td.toc-header-col1,
#tocTable td.toc-header-col2 {padding:0px 0px !important;background-color:#2372A7;}
#tocTable td.toc-header-col3 {background-color:#D7DEF0;}
#tocTable a {
  display:block;
  text-decoration:none;
  color:white;
  padding:10px 15px;
  background:transparent;
}
#tocTable td.toc-header-col1:hover,
#tocTable td.toc-header-col2:hover {
  background-color:#174B6F;
  -webkit-box-shadow:inset 0px 0px 3px rgba(0,0,0,0.4);
  -moz-box-shadow:inset 0px 0px 3px rgba(0,0,0,0.4);
  box-shadow:inset 0px 0px 3px rgba(0,0,0,0.4);
}
select#tocSort {
  width:200px;
  border:1px solid #ccc;
  display:block;
  margin:0px 0px 7px 0px;
}
</style>
<script type="text/javascript">
var numberpost   = 999,
    theOption    = "Tùy chọn...",              
    theSortPost  = "Sắp xếp thêm tên",
    theSortLabel = "Sắp xếp theo nhãn",
    theJudul     = "Tiêu Đề Bài Viết",
    theLabel     = "Nhãn Bài Viết",
    theDate      = "Ngày Đăng",
    blankLabel   = "Không Thuộc Nhãn",
    yoursite     = "http://www.tynisoft.com"; // URL Của bạn
</script>
<script type="text/javascript" src="https://tynisoft.googlecode.com/svn/Archives/toctablesort-v1.js"></script>

Tạo trang Archives cho Blog

Demo
Archives  là một tiện ích lưu trữ giúp cho người xem theo dõi Web/blog của bạn một cách thuận tiện nhất.
Với Blogspot thì Archives quá đơn điệu không chuyên nghiệp.
Thay vì một tiện ích hôm nay mình xin giới thiệu đến các bạn tạo 1 trang Archives vừa đẹp vừa đơn giản.

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

  1. Bạn đang nhập vào Web/blog
  2. Bạn tạo 1 Trang mới và Coppy toàn bộ Code phía dưới dán vào trang đó với định dạng HTML 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/acc-toc-datesort-default.css" type="text/css" />
<script type="text/javascript"> var accArchive = true, modeID = true, sDownSpeed = 600, sUpSpeed = 600; </script>
<script src="http://reader-download.googlecode.com/svn/trunk/archivelist-v1.js" type="text/javascript"></script>
<script src="http://www.tynisoft.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Tùy chỉnh 

Màu đỏ: Nếu Web/blog bạn có thư viện Java thì bỏ qua dòng đó
Màu xanh: Thay URL bằng địa chỉ của bạn.