Thanh cuộn vô hạn từ Jquery cho Blogger

Thanh cuộn vô hạn (Infinite Scrolling) đề cập đến khả năng tiếp tục tải các nội dung mới trên trang web mà không phải làm mới nó sự xuất hiện của các bài viết là vô tận khi bạn kéo thanh cuộn xuống phía dưới chân blog. Tiện ích này được sử dụng nhiều trong các trang web lớn như Google, Facebook và Twitter và khá thành công tại đó. Lợi ích lớn nhất là tiếp xúc với nhiều nội dung và duyệt web nhanh hơn. Namkna sẽ hướng dẫn ccs bạn làm thế nào để tích hợp nó vào blog Blogger của bạn bằng cách sử dụng Ajax Infinite Scroll jQuery plugin.

Đọc thêm»

Code Popup hỏi trước khi thoát khỏi blog/web

Bình thường khi muốn thoát khỏi một web site bạn chỉ cần bấm vào dấu x màu đỏ góc trên bên phải của trình duyệt. Nhưng bạn nghĩ sao khi blog/web của bạn sẽ xuất hiện một thông báo popup yêu cầu độc giả xác nhận việc họ muốn rời khỏi blog của bạn như hình dưới đây:

Xem demo: VIEW DEMO

Với thủ thuật này của namkna khi độc giả lỡ tay click chuột nhàm vào nút tắt thì cũng không thoát ra khỏi trang web của bạn nếu họ chưa xác nhận.
Đọc thêm»

Xoay và lật hình ảnh với hiệu ứng 3D từ CSS3

Các thuộc tính CSS3 có khả năng xoay các thành phần html theo phong cách 3D. CSS3 3D này sẽ giúp bạn biết cách làm thế nào để xoay hoặc lật hai mặt của hình ảnh hoặc thành phần html để tiết lộ nội dung ở phía sau của hình ảnh ban đầu. Khi người sử dụng di chuột lên các hình ảnh hoặc thành phần  html ban đầu họ sẽ thấy hình ảnh lật và xoay với hiệu ứng 3D.

Đọc thêm»

Khung Blockquote với hiệu ứng chuột cho Blogger

Namkna đã tạo codes Css  đơn giản cho Blockquote. Không code Blockquote Highlighter này rất đẹp và bắt mắt. Blockquote rất quan trọng với Blogs nó được rất nhiều blogger hướng dẫn  khác nhau, mỗi Blogger giới thiệu một site khác nhau nhưng tất cả đề dùng CSS, JavaScript, Script, jquery,..
Demo bên dưới mỗi mẫu trong bài viết này!

Đọc thêm»

Trang trí blog ngày Valentine's day (14/2)

Ngày 14/2 là ngày lễ dành riêng cho tình yêu, là ngày để các cặp tình nhân trên khắp thế giới bày tỏ tình yêu của mình qua những tấm thiệp, viên Socola, những bông hồng. Bài viết này mình sẽ hướng dẫn các bạn tạo hiệu ứng trái tim rơi và thay đổi nền backgroud cho blog nhân ngày 14/2 cho anh em blogger.

Đọc thêm»

Heading Tag với hiệu ứng đổ bóng và dê chuột Hover

Blogger blog cho phép chỉnh sửa stylesheet. Bạn có thể tùy chỉnh các mã để blog như ý muốn. Bài trước, Namkna đã chia sẻ nhiều cách khác nhau tùy biến các thẻ tiêu đề, tức là H3. Namkna sử dụng thẻ H3 bên trong mỗi bài viết. Thẻ tiêu đề (heading tag) được xem là phần quan trọng nhất với Seo. Hôm nay chúng ta sẽ tìm hiểu làm thế nào để tạo ra một tiêu đề tùy chỉnh và sẽ thay đổi màu sắc khi chuột di chuột. Namkna sẽ sử dụng CSS3 hiệu ứng để tạo ra một hiệu ứng đổ bóng cùng với hiệu ứng hover khi dê chuột lên tiêu đề đó. Điều này sẽ cung cấp cho tiêu đề của bạn một cái nhìn mới hơn. Vì vậy, hãy làm điều đó!

Đọc thêm»

Hiệu ứng Link Nudging với Jquery cho blogger.

Hiệu ứng thụt đầu dòng cho link khi dê chuột vào link nào đó. Với plugin này blog của bạn sẽ hấp dẫn hơn khi khách truy cập blog của bạn di chuột lên một link bất kỳ trên blog. Sau đây namkna đưa ra hai loại. đó là cho các liên kết bạn muốn và cho các nhãn blogger cộng với tất cả liên kết trong blog.

Đọc thêm»

Cách tắt hiệu ứng Lightbox của blogger

Blogger đã công bố chính thức lightbox plugin cho hình ảnh trong bài viết từ lâu. Với hiệu ứng hộp ánh sáng, bạn có thể xem hình ảnh bài viết và hình ảnh của bạn trong cửa sổ bật lên trong hộp ánh sáng. Plugin này rất đẹp cho các bài trưng bày hình ảnh. Tuy nhiên, một số blogger không cần sử dụng plugin này (hoặc) đã có cài đặt các plugin Lightbox tùy chỉnh khác. Hiện nay blogger đã cập nhật lightbox tùy chọn vào Bảng điều khiển. Vì vậy, bạn có thể vô hiệu hóa plugin này với 2 đến 3 bước đơn giản.

Đọc thêm»