Posts

Showing posts with the label Blogtip

Cách chuyển hướng Blog cũ sang Blog mới trong Blogspot

Image
Cái này mình thấy nhiều người thắc mắc nên viết để chia sẻ luôn. Giả sử bạn đang viết blog bằng dịch vụ của Google là Blogger, một buổi sáng đẹp trời bạn tỉnh dậy và cảm thấy: "Ôi, Blogger không được!!". Thế là bạn mua ngay một cái Hosting, Domain để chuyển sang dịch vụ khác (Wordpress, Joomla, Drupal...).

Social Bookmarks với hiệu ứng CSS

Image
Xin chào mọi người, hôm nay em sẽ giới thiệu cho mọi người một thủ thật tạo Social Bookmarks với hiệu ứng CSS mà em vừa "nghiên cứu" được. Demmo nằm ở bên dưới. Di chuột vào để xem hiệu ứng nhé!

Nút Share hình trái tim cho Blog

Image
Nhân dịp ngày Lễ tình yêu Valentine sắp đến, Karl giới thiệu cho các bạn thủ thuật tạo một Share Box hình trái tim. Share Box này giống như Share Box h ình qu ả tr ứn g. K h á đ ẹp nh ỉ!  

Thay đổi nền chữ khi được chọn với CSS3

Image
Hình như ảnh không đúng với tiêu đề :)) Hôm nay em sẽ giới thiệu cho các bạn một thủ thuật rất hay có dùng CSS3 như đã giới thiệu ở phần tiêu đề. Với thủ thuật này, trang Web/blog của mọi người sẽ có một style mới, khiến người khác phải "thán phục" :)) .

Search Form Cho Blogger

Image
Có lẽ lâu lắm rồi em không viết bài nhỉ, Chắc khoảng 1 tuần rồi. Chả là do việc "dùi mài kinh sử" nó rối tung cả lên, nên đành ngậm ngùi gác blog sang một bên để mà văn ôn võ luyện. Được lúc sáng nay rảnh nên tranh thủ post bài về Search Form cho Blogger luôn. Cái form này em thấy trên mấy WP blog khá đẹp, nên dùng view-source đại pháp đem về dùng :D.

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.

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ỉ?".

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.

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ó.