11 tháng 3, 2015

Định dạng và Hiển thị ngày tháng Blogspot với Timeago: a jQuery plugin

Template     20:19
Nếu bạn không muốn hiển thị định dạng ngày tháng như mặt định khi xuất bản các bài viết khi sử dụng blogspot (Ví dụ: Ngày 05 tháng 02 năm 2015), mà muốn nó hiển thị với dạng: 1 giây trước2 phút trước5 giờ trước,... mà bạn thường thấy trên các trang mxh như facebook, twitter,.. Với Timeago a jQuery Pluginbạn sẻ dễ dàng làm được điều đó một cách dể dàng. Rất đơn giản, chỉ cần làm theo các bước dưới đây
Hiển thị ngày giờ blogspot dạng timeago 1 giây trước 2 phút trước 3 ngày trước 4 tháng trước

1. Vào Blogger > Mẫu > Chỉnh sửa HTML
2. Tìm </head> hoặc </body> và thêm đoạn mã sau vào trước nó 
3<script>
4jQuery(document).ready(function($){
5  $("abbr.timeago").timeago()
6});
7</script>
3. Tiếp theo, tìm đoạn mã tương tự như đoạn dưới đây (có thể không gióng chính xác)
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
4. Thay thế nó bằng đoạn mã sau:
<abbr class="timeago" expr:title="data:post.timestampISO8601"><data:post.dateHeader/></abbr>
5. Lưu mẫu của bạn lại
6. Cuối cùng là bước quan trọng nhất, kiểm tra kết quả

Đăng nhận xét