Posts

Showing posts from January, 2013

Form đăng nhập cho Blogspot với hiệu ứng CSS3 và Jquery

Image
 Mấy ngày nay em bận quá, không viết bờ lốc bờ liếc gì được, hôm nay m ới vào thấy blog hơi "vắng kh ách" nên em post tạm bài này. T hứ nhất là để chống cháy, thứ hai là để câu khách :D  Mà thôi không tám tào lao nữa, chúng ta vào việc chính thôi! Cái Form này em thấy ý tưởng từ Noct và một số blog khác cũng post. Đa số đều " view source đại pháp " nên code không chuyên nghiệp chút nào. Vì vậy em viết bài này để giới thiệu Form mới với Style khá bắt mắt. Hy v ọng m ọi ng ư ời s ẽ th ích. DEMO     Cách tiến hành:  Đăng nhập vào Blog Vào Mẫu >> Chỉnh sửa HTML >> Chèn code sau vào trước ]]></b:skin> Ceewave ul { margin: 0; padding: 0; list-style: none; position: relative; float: right; background: #eee; border-bottom: 1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } Ceewave li { float: left; } Ceewave #login { border-right: 1px solid #ddd;...

Trang FAQ với hiệu ứng sử dụng CSS3

Image
 Chào các bạn,  hôm nay Karl sẽ giới thiệu cho các bạn một thủ thuật tạo trang FAQ thật chuyên nghiệp. Điều đặc biệt là trang FAQ này chỉ sử dụng CSS3, nhờ đó làm tăng tốc độ load trang của bạn so với khi sử dụng JS.

FAQ là gì?

Image
Trên một số website các bạn thường hay thấy menu FAQ hay FAQs , vậy FAQ là gì? FAQ là viết tắt của cụm từ Frequently Asked Questions dịch nôm na là các câu hỏi thường gặp, nó đưa ra những câu hỏi phổ biến nhất mà người dùng thường gặp sau đó có phần giải đáp cho các câu hỏi đó luôn bên dưới.

Menu với hiệu ứng Jquery "mượt mà"

Image
 Chắc hẳn các bạn đã ít nhiều biết đến Jquery, một thư viện mã nguồn mở cho Webdeveloper? Trong bài viết này, Karl sẽ giới thiệu cho các bạn một thanh Menu được tạo ra dựa trên thư viện Jquery và kết hợp với CSS3. Hy vọng các bạn sẽ thích.

Cách xóa bỏ dòng "Powered By Blogger" cho Blog

Image
 Có thể bạn đang cảm thấy khó chịu khi nhìn thấy dòng chữ "Powered By Blogger" hiện lù lù trên blog của mình? Bạn có muốn xóa nó? Bài viết này sẽ giúp bạn làm việc ấy.

Tạo Sharebox trượt dọc cho Blog

Image
 Share là hình thức mà độc giả chỉa sẻ bài viết trên blog của bạn cho những người bạn thân hoặc mạng xã hội. Nhờ vậy, blog của bạn sẽ được nhiều người biết đến. Nhưng làm sao để bạn được độc giả share bài viết của mình? Tất nhiên điều tiên quyết chính là bài viết của bạn phải hay, nhưng vị trí và hình thức của nút Share cũng là điều không kém phần quan trọng.

Tạo nút Back To Top cho Blog

Image
Hôm nay là ngày chủ nhật, vào ghé thăm cái blog mới làm. Nhìn ngang ngó dọc vẫn thấy nó thiếu thiếu một cái gì đó. Đang lúc ăn cơm, chợt nghĩ đến cái Back To Top mà mình đã áp dụng cho mấy cái Blog kia, nên bây giờ áp dụng vào blog, tiện thể share luôn. Demo các bạn xem trên blog của mình .

Tạo Thanh trình đơn thả xuống (Drop-down)

Image
 Có bao giờ bạn thấy Thanh trình đơn thả xuống của Blog Archive mà tự hỏi: "Nó được tạo ra như thế nào nhỉ?".

Sơ lược lịch sử phát triển của Firefox

Image
Là một trong những trình duyệt phổ biến, được yêu thích nhất thế giới trong vài năm trở lại đây, Firefox xứng đáng được coi là kẻ châm ngòi cho "đại chiến trình duyệt lần 2". Hiện tại, Firefox đã giành được khoảng 1/4 thị phần trình duyệt trên thế giới.

Rút gọn phần mở rộng của Widget Archive

Image
  Nếu bạn đang sử dụng kiểu Thứ bậc cho widget Lưu trữ Blog của bạn thì bạn sẽ thấy nó khá đồ sộ.   Hôm nay, Karl sẽ giới thiệu cho các bạn cách thu gọn tự động Widget này và bạn cũng có thể mở rộng nó chỉ bằng một cú nhấp chuột.

Blogger - nền tảng blog của Google

Image
 Viết blog dường như là một xu hướng đã có từ bao năm nay, khởi xướng từ xu hướng dùng nền tảng blog Yahoo! 360 nổi lên từ năm 2005 thì cho đến hiện nay đã có rất nhiều blog nổi tiếng lên từ nền tảng đó và cho đến hiện nay họ vẫn phát triển đều đều trên nền tảng blog khác vì Yahoo! 360 đã bị đóng cửa vào tháng 9 năm 2007. Với ước mơ trở thành một Blogger thì Karl cũng tìm cách lập cho mình một blog riêng và nền tảng mình chọn chính là Blogspot.

Tùy chỉnh trang 404

Image
 Nếu như trước đây, Blogger luôn bị chê bai khi so sánh với Wordpress bởi giao diện và đặc biệt là khả năng SEO của 2 nền tảng này (SEO là gì thì mình cũng chưa rõ lắm), thì bây giờ, sau khi Google đã cho ra phiên bản cải tiến cho đứa con Blogger của mình, mọi chuyện đã đổi khác.   Trước hết chúng ta sẽ thảo luận làm thế nào để thiết kế trang 404 (404 not found).

Tạo nút Share với hiệu ứng Tooltips

Image
 Đây là một bộ Share button với hiệu ứng Tooltips khá đẹp. Hy vọng các bạn sẽ thích nó.

Tùy chỉnh thanh tìm kiếm của Google (Google Custom Search)

Image
Google Custom Search là một trong những công cụ có  trong  danh sách các điểm cộng là gần như vô tận . Từ cung cấp các kết quả tìm kiếm   liên quan đến lựa chọn cho chỉ mục theo yêu cầu . GCS là một lợi ích cho tất cả Blog và chủ sở hữu trang web . Nhưng một điều không phù hợp tại chỗ là  khung tìm kiếm   của nó cực kì  đơn giản ,  và không bắt mắt chút nào. Trong bài này Karl   sẽ nói cho bạn làm thế nào để thay đổi hình thức   Search Box GC của bạn thành hộp tìm kiếm CSS3 .