truonghuy1189: CSS/HTML

print this page

Thuần hóa các mẫu Template dành cho Blogger /Blogspot

Với một cụm từ "template blogger" trên Google là bạn đã có hàng trăm kết quả để có thể tải về một mẫu template áp dụng cho blog của mình nhưng có điều các mẫu template Blogger được cung cấp trên internet dù đẹp nhưng không thân thiện cho lắm, bạn sẽ phải tinh chỉnh rất nhiều mới làm chủ hoàn toàn mẫu template dành cho blog của mình. Bạn sẽ phải thuần hóa mẫu template blogger để làm chủ blog của mình đấy.

Khi tải về mẫu template Blogger bạn sẽ nhận được một file có định dạng .xml, sau khi tìm được một mẫu template phù hợp bạn tải về và upload lên blog của mình để áp dụng, bạn cần Views blog để xem kết quả thế nào rồi vào tùy chọn Layout để xóa bỏ một số thành phần không cần thiết và sắp xếp lại bố cục cho hợp lý xong lưu lại thiết lập và xem kết quả. Đến đây bạn thấy các menu vẫn chưa hoạt động, nội dung bản quyền không phù hợp, bạn sẽ phải tinh chỉnh các yếu tố đó trong phần chỉnh sửa HTML.
Xem thêm »
0 nhận xét

Tạo banner động với công cụ flashbannermaker 3.8 – nâng đời cho website của bạn.

Để trang web hay blog thêm phần sống động và màu mè thì các công cụ flash script là không thể thiếu được. Tuy nhiên, cần phải có một hosting riêng để lưu trữ nội dung Flash và vấn đề đặt ra là làm thế nào để có một hosting tốt và miễn phí.
Hôm nay, tôi xin giới thiệu cách tạo nội dung flash và chèn vào blogspot với hosting là Google Sites (https://sites.google.com), hosting miễn phí và an toàn.
Công việc cần làm như sau:
Xem thêm »
0 nhận xét

Chống copy bài viết với mã nhúng HTML trên blogspot

Biến của người khác thành của mình chỉ có thể là Copy - Paste. Một khẩu hiệu như phương ngôn của kẻ cướp vậy. Không ai cấm bạn sao chép bài viết của người khác để chia sẻ nếu bạn có trích dẫn nguồn gốc xuất xứ của bài viết rõ ràng, thậm chí bạn sao chép mà biết dẫn nguồn đó là một hành động đáng khích lệ ấy chứ, vì thực tế các blogger khác đăng bài lên blog của họ chỉ cốt để chia sẻ, bạn sao chép có dẫn nguồn tức là bạn góp phần vào việc phổ biến nội dung bài viết tới được với nhiều người đồng thời vẫn đảm bảo quyền tác giả. Tuy nhiên, tôi tin là không phải ai cũng thật thà như bạn có thể một số người muốn vơ của thiên hạ về làm của riêng điều đó là khó tránh khỏi vậy nên thủ thuật nhỏ chống copy bài viết dưới đây cũng là một cách để giúp bạn bảo toàn quyền tác giả của mình. 
Xem thêm »
0 nhận xét

Xóa nội dung bản quyền ở chân trang trên blogspot/blogger

Nội dung bản quyền tự chọn là nội dung ở chân trang blog của bạn, ở đó có dẫn nguồn các trang web cung cấp mẫu template và nội dung blog bởi Blogger:

Xem thêm »
0 nhận xét

Chia sẻ bài viết trên blogger/ blogspot trên các mạng xã hội

mang-xa-hoi
Có lẽ bạn không còn xa lạ gì với các biểu tượng mạng xã hội như: nút Like của facebook, nút +1 của Google+ hoặc của Twitter và một vài các mạng xã hội khác xuất hiện trên các trang web khác nhau. Lợi ích của việc nhúng các biểu tượng này là tạo ra phương tiện để phản hồi nhanh chóng nhất của người đọc đối với nội dung bài viết. Với một lần bấm like nghĩa là bạn đã chia sẻ nội dung bài viết lên Facebook một cách nhanh chóng. 

Vậy bạn có muốn nhúng các biểu tượng này trên blog của bạn không nào?
Xem thêm »
0 nhận xét

Chia cột cho bài viết trên blogspot

chia-cot-bai-viet
Chia cột cho bài viết là một thủ thuật nhỏ giúp bạn trình bày các định dạng bảng biểu, sắp xếp hình ảnh tốt hơn và đẹp mắt hơn và chứa được nhiều thông tin hơn trong một bài viết trên blog của bạn.

Sau đây tôi xin giới thiệu hai cách đơn giản để chia cột một bài viết như sau:

Cách 1: Đơn giản nhất, ai cũng làm được

Xem thêm »
0 nhận xét

Slider bài viết mới nhất cho blogger/ blogspot

Thiết kế danh mục bài viết mới nhất theo cấu trúc dạng trượt tức là Silder sẽ đảm bảo blog của bạn trở nên gọn gàng và chuyên nghiệp hơn.
Thủ thuật tạo khung Slider dưới đây được tham khảo bài viết từ Namkna's Blog nhưng để trông đẹp hơn và chuyên nghiệp hơn tôi đã tinh chỉnh một số thông số cấu hình:


Cách thực hiện như sau:
Xem thêm »
0 nhận xét

Tạo biểu mẫu liên hệ với Google Form

Biểu mẫu liên hệ là một chi tiết rất quan trọng đối với mỗi trang web hay blog để tạo ra sự tương tác giữa người quản trị với người dùng. Ngoài ra biểu mẫu liên hệ chính là một giải pháp hiệu quả để thu nhận những ý kiến đóng góp quý báu từ phía người dùng từ đó cải thiện chất lượng cũng như đáp lại người dùng tốt hơn.
Thực tế, nếu bạn tìm kiếm với cụm từ "tạo biểu mẫu liên hệ cho blog/web" thì sẽ có hàng tá cách để các bạn làm nhưng đa phần đều do nhà cung cấp dịch vụ bên thứ 3 nghĩa là bạn sẽ phải đăng ký/ cung cấp thông tin về email, số điện thoại,.. theo yêu cầu thì bạn mới có được đoạn code để chèn vào blog.
Xem thêm »
0 nhận xét

Tạo khung bài viết liên quan cho blogger/ blogspot

Bài viết liên quan theo cùng chủ đề là một tiện ích rất hữu dụng đối với một blog có số lượng bài viết lớn được đánh dấu trong một nhãn bài viết. Tức là tiện ích này sẽ liên kê các bài viết cũ và mới hơn so với bài viết đang được xem trong một danh sách ở cuối bài viết như thế này:

Khung bài viết liên quan

Cách thực hiện như sau:
Xem thêm »
0 nhận xét

Tạo phân trang cho blogger/ blogspot

Tao phân trang cho blogspot
Phân trang cho blog là một công việc cần thiết khi blog của bạn đã có khá nhiều bài viết nhiều hơn một trang, theo mặc định blogspot không phân chia trang blog thành thứ tự trang mà sử dụng cụm từ "bài đăng mới hơn/ cũ hơn" như thế này:
Xem thêm »
0 nhận xét

Tạo nút với nội dung mở rộng trên blogger/ blogspot

 Việc tạo ra một nút có khả năng ẩn hiện nội dung mở rộng rất có ích cho việc trình bày một bài viết gọn gàng và chuyên nghiệp. Như ví dụ trong blog của tôi có các bài học tiếng Anh có nút "Dịch sang tiếng Việt" với nút này bạn có thể lập tức mở rộng nội dung phần dịch để xem nghĩa tiếng Việt mà không phải tải trang mới. 

Để làm được điều này bạn sẽ cần đến một đoạn mã CSS chèn vào khung bài viết ở chế độ soạn thảo HTML với đoạn mã sau:
Xem thêm »
0 nhận xét

Hộp tìm kiếm tùy chỉnh cho blogger/ blogspot

Hộp tìm kiếm mặc định trên blogspot rất tốt để tìm kiếm nhưng lại không đủ thẩm mỹ để xây dự một blog chuyên nghiệp vì tiêu đề "Tìm trong blog này" trong hộp tìm kiếm không bỏ đi được và vì thế nó không đẹp.
Có nhiều cách để thiết kế một hộp tìm kiếm tùy chỉnh, trong đó đơn giản và an toàn nhất là tạo hộp tìm kiếm bằng cách chèn tiện ích HTML/javascript. Sau đây tôi xin giới thiệu một hộp tìm kiếm chỉnh theo cách này như sau:
Hộp tìm kiếm tùy chỉnh
Cách thực hiện như sau:
Xem thêm »
0 nhận xét

Ẩn hiện thanh Navibar trên Blogger/ blogspot

Thanh Navibar chính là thanh điều khiển nằm trên cùng trang blog, chính là cái này:

Thanh này rất hữu ích trong quá trình sử dụng blog nhưng đổi lại là làm cho blog của bạn kém chuyên nghiệp, thực tế ta có thể tắt được hẳn thanh này bằng cách truy cập vào cài đặt bố cục chọn ô điều hướng và tắt bỏ đi thanh điều hướng, nhưng như vậy sẽ gây ra bất tiện nhất định khi bạn thường xuyên phải đăng bài viết mới hay thay đổi cài đặt. Vậy, để có được cả hai thì giải pháp là khi cần thì có không cần thì biến mất tức là ẩn hiện thanh này:
Xem thêm »
0 nhận xét

Tối ưu hóa tiêu đề bài viết trong Blogger/ blogspot

Theo mặc định thì tiêu đề bài viết trong blogspot có dạng: "Tiêu đề blog | tiêu đề bài đăng" như vậy sẽ không tối ưu cho các công cụ tìm kiếm đối với mỗi bài viết, vì các công cụ tìm kiếm thường chú trọng đến từ khóa trong tiêu đề và ưu tiên những từ xuất hiện trước. Để tối ưu hóa ta cần đảo ngược trật tự trên bằng cách như sau:
Xem thêm »
0 nhận xét
 
Copyright © 2013 - 2014. truonghuy1189 - All Rights Reserved. Mẫu cung cấp bởi Mr. CAO .