post img { max-width:538px; // chiều rộng tối đa max-height:468px; //chiều cao tối đa padding:4px; border:1px solid $bordercolor; }
Hiển thị các bài đăng có nhãn Blog. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Blog. Hiển thị tất cả bài đăng

9.09.2014

Tab menu đơn giản cho blogspot



   Tab menu giúp tiết kiệm không gian trên trang web, làm cho blog của bạn trông gọn gàng và chuyên nghiệp hơn. Có nhiều phương pháp để làm một tab nội dung ở sidebar, ở đây mình giới thiệu một cách đơn giản nhất, đó là sử dụng Jquery.


Tìm trong template đoạn mã sau:
Code:

Emoticons đẹp cho blog

1. Mở template và chèn đoạn mã dưới đây trước thẻ
Code:

Auto readmore cho blog

       Blogger đã có readmore tuy nhiên nó khá thủ công, với blog đã có nhiều bài viết thì việc tạo readmore cho từng bài là rất vất vả và blogger thường tìm đến với auto readmore javascript. Auto readmore javascript thực ra chỉ hiển thị một phần bài viết qua hàm document.write, nội dung cả bài viết vẫn được trình duyệt tải về. Nhược điểm của nó là không thân thiện với các bộ máy tìm kiếm và các công cụ dịch trực tuyến, ngoài ra với bài viết dài nếu không dùng thêm readmore của Blogger thì sẽ gặp lỗi phân trang do Blogger tự ngắt trang. Thủ thuật auto readmore mình giới thiệu sau đây hoàn toàn mới, không sử dụng javascript mà dùng các câu lệnh do chính Blogger cung cấp. Nó sẽ cải thiện tốc độ blog của bạn khi duyệt các trang kiểu index, archive do chỉ tải về trích đoạn nội dung của bài viết.

Tạo bài viết liên quan theo nhãn

Trước đây mình có giới thiệu bài Tạo bài viết liên quan theo nhãn được viết bởi hoctro.blogspot.com
tuy nhiên thủ thuật này có nhược điểm là lỗi hiển thị với tên nhãn 
Tiếng Việt và vẫn hiển thị tên bài đang xem ở danh sách bài viết liên 
quan. Thủ thuật mình giới thiệu sau đây sẽ khắc phục 2 nhược điểm đó. 
Thủ thuật này được phát triển bởi một blogger người Ấn Độ tại địa chỉ Way2Blogging và mình có thêm tính năng hiển thị ngày tháng đăng bài khi đưa chuột vào tên bài viết.

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

1. Thêm đoạn mã dưới đây vào trước thẻ </head>
Code:

Tạo nút nhày lên đầu hay xuống cuối trang blog

   Để tiện cho việc người khác lướt blog(web) của mình, các bạn có thể tạo các nút nhảy lên đầu trang, nhảy xuống cuối trang , hoặc nhảy vào giữa trang. Bài viết này mình sẽ hướng dẫn các bạn thực hiển nó. Để cho sinh động, ta nên tạo nút bằng hình ảnh.

Đầu tiên bạn phải có 3 tấm hình (nhỏ thôi, tầm 30x30 px), dùng để tạo 3 button : lên, xuống, và giữa.