Tạo bộ Button đẹp bằng CSS3 (P2)

Người đăng: kiepngheo989899 on Thứ Ba, 6 tháng 8, 2013



Tạo bộ Button đẹp bằng CSS3 Phần 2
Hôm nay mình tiếp tục giới thiệu cho các bạn thêm cách tạo Button bằng CSS3 với hiệu ứng gradient rất đẹp mắt. Nếu muốn luwauj chọn các mẫu đẹp khác xem tại đây
» Bắt đầu thủ thuật

1. Đăng nhập (login) vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn Chỉnh sửa HTML (Edit HTML) >> Chọn Tiếp tục(continue) >> Xem video:
Đọc thêm »
More about

Chia cột và kẻ bảng cho Widget và bài đăng trên Blog

Người đăng: kiepngheo989899


Chia cột, kẻ bảng cho Widget và bài đang trên Blog
Đôi khi bạn muốn lập các bảng biểu hoặc chia bài viết thành nhiều cột mà chưa biết cách sau đây mình xin giới thiệu cho các bạn cách tạo khung cho bài viết, với cách này bạn có thể thỏa thích sáng tạo như đưa các bảng số liệu lên bài viết,tạo các list phim tạo các Banner quảng cáo 4 cột trên các Widget.

 Xem Demo

Để sử dụng các bạn Pate trực tiếp vào các Widget hoặc phần HTML của bài viết. Đây là code chia cái module làm 2 cột :
Đọc thêm »
More about

Thủ thuật load ảnh trước

Người đăng: kiepngheo989899



Load ảnh trước dùng Javascript
Kỹ thuật load ảnh trước là một cách để cải thiện tốc độ tải trang web. Khi ảnh được load trước trong công cụ trình duyệt, người đọc có thể lướt qua trang web của bạn nhanh chóng hơn. Kỹ thuật này đặc biệt hữu ích cho các trang web có bộ sưu tập hình ảnh.

Sau đây xin giới thiệu một kỹ thuật giúp load ảnh trước sử dụng Javascript. 

Đặt phần code dưới đây vào trước thẻ <body>.
 

Đọc thêm »
More about

Tạo Khung ghi chú đẹp cho Blog

Người đăng: kiepngheo989899


Khung ghi chú cho Blogspot - box note for blogspot
Khi muốn thông báo về một sự kiện nào đó cho blog của mình bạn sẽ cần có một khung ghi chú đẹp để thu hút sự chú ý của mọi người và nhấn mạnh nội dung của phần ghi chú đó.

Đây là một thủ thuật tạo khung ghi chú đơn giản, nó cũng tương tự như khung thông báo. Chỉ với một đoạn code CSS và XMl đơn giản bên dưới bạn sẽ tạo dduwwocj một khung thông báo đẹp. Ưu điểm của thủ thuật này là không ảnh hưởng nhiều tới tốc độ load do không sử dụng mã javarscip mà chỉ là mã CSS và XMl đơn thuần.

Các bạn hãy xem Demo để thấy rõ hơnKhung ghi chú cho Blogspot.
Đọc thêm »
More about

Xóa đường viền của ảnh trên blog

Người đăng: kiepngheo989899 on Thứ Hai, 5 tháng 8, 2013



Xóa đường viền của ảnh cho Blogspot
Đây là một trong những kiến thức cơ bản về CSS, ở đây mình cũng xin giới thiệu cho các bạn chưa biết. Những ai biết rồi thì bỏ qua đừng chém mình nha (thủ thuật áp dụng cho nhưng template mặc định sẵn thuộc tính border cho ảnh).

Thực ra bình thường trong blog, nếu ta muốn post ảnh, thì chỉ cần đặt trong thẻ
<img src="{link ảnh}"/>
Ảnh minh họạ:
Xóa đường viền của ảnh cho Blogspot
Là mặc định nó sẽ không có đường viền bao quanh ảnh. Khi muốn tạo đường viền bao quanh ảnh thì ta chỉ cần thêm thuộc tính border vào là xong.
Ví dụ:
Đọc thêm »
More about

Tạo Script liệt kê và gọi script cho blog

Người đăng: kiepngheo989899


Tạo Script liệt kê và gọi script cho blog
Trong quá trình thiết kế weblog trên nền tảng Blogspot, hẳn bạn đã, đang và sẽ vọc rất nhiều script, dẫn đến thực tế là gắn nhiều script vào Template sẽ gây ảnh hưởng đến tốc độ load trang. Có một yêu cầu của bạn đọc về việc làm sao có script gọi được script, tức là gom các file script vào một chỗ rồi đến lúc nào cần script đó hoạt động thì mới gọi nó ra, chứ không cho nó load hết toàn bộ trong trang.

Mình có thể mô tả thủ thuật này như sau: Trước hết mình tạo một tiện ích để chứa các file script và mình đặt tiện ích này lên trên tiện ích Header để dễ bề quản lý, sau đó mình dùng script liệt kê tất cả các file js cần dùng trong Template rồi đặt vào tiện ích này; mỗi khi cần bất kỳ một file js nào hoạt động thì chỉ cần dùng lệnh gọi script đó ra là được, như vậy sẽ không load tất cả các file js ra cùng một lúc. Nói như thế nghĩa là giả sử mình sử dụng đến 1000 file js trong Template song vẫn không hề ảnh hưởng đến tốc độ load trang của Template.

Đọc thêm »
More about

Tạo nút button cho blog bằng css

Người đăng: kiepngheo989899



Tạo nút button bằng css
Nút button được ứng dụng khá nhiều trên các blog có thể làm nút home link, nút RSS... bạn cũng có thể sử dụng để làm menu cho blog. Có nhiều cách để tạo nút bạn có thể dùng phần mềm hoặc tạo trực tuyến từ các trang web. Hôm nay không cần phần mềm hay hổ trợ của web, mình xin chia sẻ cách để bạn có thể tạo nút bằng css dùng để ứng dụng cho blog mình. Thủ thuật này sẽ hình thành nên một nút dạng hình chữ nhật và có hiệu ứng khi rê chuột.
Các bạn cso thể dê chuột vào buttun ở bên dưới để xem demo.
Blog Namkna

☼ Cách tiến hành:
1- Đăng nhập vào Blog

Đọc thêm »
More about