Cách tạo mật khẩu bảo vệ nội dung bài viết và trang web cho Blogger

How to Create Password Protect a Web Page

Có khá nhiều lý do để bạn tạo một mật khẩu bảo vể nội dung cho một website như: thông tin cá nhân, nội dung không dành cho trẻ em... Hoặc chỉ đơn giản bạn muốn tránh sự dòm ngó của người khác, chỉ muốn những người nhất định đọc được nội dung này.

Ở một bài viết trước Tạo Mật khẩu bảo vệ cho Bài viết của bạn trên Blogger Iris Tips đã chia sẻ cho các bạn cách đặt mật khóa để khóa bài viết lại, tuy nhiên phương pháp đó có một nhược điểm là sẽ bị yêu cầu nhập password ngay khi tải trang và nó sẽ khóa toàn bộ nội dung trang web, đã có một số bạn đã hỏi Iris Tips rằng có cách nào chỉ khóa một phần nội dung trên bài viết thôi chứ không toàn bộ. Sau đây Iris Tips sẽ chia sẻ cho các bạn một vài cách để thực hiện điều trên.

Xem thêm: Tạo Mật khẩu bảo vệ cho Bài viết của bạn trên Blogger

Xem thêm

Mô phỏng tính năng Facebook Reactions cho Blogger của bạn

Facebook Reactions for your Blogger

Reactions là một tính năng khá thú vị của Facebook giúp bạn bày tỏ được cảm xúc trên các bài viết, bình luận của bạn bè, người thân... Hôm nay Iris Tips sẽ giúp mang tính năng vào Blogger của bạn thông qua 4 style reactions bên dưới.

Xem thêm

Thanh công cụ chức năng dành cho website bán hàng

Responsive Side Panel for Blogger

Khi lướt qua các website bán hàng, nhất là nền tảng WordPress các bạn sẽ thường thấy thanh công cụ trượt dọc theo cạnh bên website có chứa các lối tắt chức năng vô cùng tiện lợi. Hôm nay nhân dịp Iris Tips làm theme WP cho khách hàng, mình xin trích ra 1 vài widget ra sang cho Blogger và chia sẻ cho các bạn.

Thanh công cụ này sẽ trượt dọc theo website của bạn, kèm theo chức năng phóng to - thu nhỏ vô cùng tiện lợi.

Xem thêm

Tạo nút Demo, Download và Buy Now phong cách Material Design với hiệu ứng Ripple độc đáo

Demo, Download & Buy Now button Material Design style with Ripple effect

Demo, Download và Buy Now là 3 nút bấm khá phổ biến đối với các website chia sẻ thủ thuật, phần mềm, bán sản phẩm... Hôm nay Iris Tips sẽ chia sẻ cho các bạn cách tạo trọn bộ bộ nút bấm này với phong cách Material Design hiện đại cùng hiệu ứng gợn sóng (ripple) độc đáo khi bạn bấm nào các nút đó.

Xem thêm

Tạo thanh menu biến hình độc đáo với CSS3 cho Blogger của bạn

Morph Menu with CSS3

Với sự nhỏ gọn và tiện dụng, thanh menu dạng "hamburger" ngày nay đã trở nên quen thuộc và xuất hiện khá nhiều nhiều trên các website. Hôm nay Iris Tips sẽ chia sẻ với các bạn thanh menu "hamburger" như thế với, tận dụng lợi thế của CSS3 làm nên những hiệu ứng biến hình khá độc đáo. Thanh Morph Menu sau đây chắc chắn sẽ không làm bạn thất vọng.

Xem thêm

Tạo nút Đánh giá bài viết 5 sao cho Blogger

Star Rating, Like Dislike Voting

Bạn muốn có nút bình chọn 5 sao hay nút like/dislike sau mỗi bài viết giống Wordpress. Hãy xem thử những thủ thuật trong bài viết dưới đây.

Tất nhiên do sự hạn chế của nền tảng Blogger, những nút đánh giá bên dưới chỉ mang tính chất làm đẹp là chính thôi, chúng không thể lưu lại kết quả đánh giá như Wordpress được, nhưng cũng đáng thể dùng thử phải không nào.

Lưu ý những thủ thuật dưới đây sẽ chỉ hiện nút bình chọn sau mỗi bài viết trên website của bạn, không phải Google Rich Snippets Ratings, tức là không phải hiện kết quả đánh giá 5 sao trong kết quả tìm kiếm trên Google.

Nếu muốn thực hiện thủ thuật Google Rich Snippets Ratings hay nút rating có thể lưu lại kết quả, các bạn có thể sử dụng plugin của bên thứ 3. tham khảo thêm ở bài viết bên dưới.

Xem thêm: Nút Like và Dislike không Facebook (Rating Post) dành cho Blogger

Xem thêm

Metro Side Menu phong cách Windows 10 trượt dọc theo website

Metro Side Menu for Blogger

Bạn yêu thích phong cách metro trên Windows, bạn muốn đem những ô live tile vào website của bạn. Metro Side Menu sẽ giúp bạn điều đó. Với hiệu ứng ẩn hiện đầy tinh tế Metro Side Menu chắc hẳn sẽ không làm bạn thất vọng.

Xem thêm

Tạo Sitemap dạng Timeline tuyệt đẹp cho Blogger

Timeline Sitemap for Blogger

Ở bài viết trước Cách tạo Sitemap và một số mẫu Sitemap đẹp cho Blogger, Iris Tips đã giới thiệu cho các bạn một số mẫu sitemap dùng cho Blogger. Hôm nay sẽ là một kiểu sitemap hoàn toàn mới đó là Sitemap dạng Timeline cho Blogger dựa trên ajax.

Xem thêm

Ẩn hiện Blogger Label với JQuery

Show hide Blogger Label with JQuery

Đây là thủ thuật giúp làm đẹp cho Widget Label với thiết kế Flat UI hiện đại sẽ giúp tiết kiệm khá nhiều không gian trên website của bạn đấy.

Xem thêm

Tạo công cụ Up ảnh mini dành cho Blogger

Image Upload Tools for Blogger

Đây là một công cụ up ảnh có tên là zzImgUr do Zzbaivong viết nên. Ưu điểm của tool này là chỉ viết trên nền HTML5, không sử dụng php nên khá nhẹ và không phải setup host rắc rối. Bạn chỉ việc dán đoạn code bên dưới bài viết vào và sử dụng thôi.

Xem thêm

Tạo Floating Related Post - Bài viết liên quan cho Blogger

Create Floating Related Post for Blogger

Related Post là một tiện ích khá quen thuộc trong Blogger. Hôm nay Iris Tips sẽ chia sẻ cho các bạn cách tạo Related Post cực kỳ đơn giản. Khi vào đọc bài viết đọc giả sẽ được cung cấp các bài viết với chủ để tương tự giúp tăng lượng click trên trang của bạn.

Xem thêm

Summer Note - khung soạn thảo văn bản - web text editor cho Blogger

Web text editor for Blogger

Summer Note - mang trình soạn thảo văn bản khi viết bài của Blogger vào ngay trên website của bạn. Đặc biệt có thêm tính năng chuyển đổi sang code HTML rất thuận tiện khi bạn soạn thảo để dán vào khung bình luận hay 1 trường trong Google Form.

Xem thêm

Tạo Khung tìm kiếm có Gợi ý Từ khóa Autocomplete giống Google cho Blogger

Search Box Autocomplete

Hôm nay Iris Tips sẽ chia sẻ cho các bạn cách làm một khung tìm kiếm có hỗ trợ Keyword Autocomplete. Với khung tìm kiếm này bạn hoàn toàn có thể gợi ý độc giả tìm đến những từ khóa, bài viết hot mà bạn muốn tăng lượt truy cập trên website của mình.

Xem thêm

Thay thế Comment Avatar mặc định của Blogger bằng Avatar tùy chỉnh

Replace Default Blogger Comment Avatar with Customized Avatar

Khi độc giả bình luận trên website của bạn bằng tài khoản ẩn danh (anonymous) hay tài khoản Blogger mặc định (vẫn để avatar mặc định của Blogger) thì chúng ta có thể dễ dàng nhận thấy là các avatar mặc định rất chi là xấu và có thể bị vỡ điểm ảnh do kích thước của chúng khá bé.

Nếu vẫn để như thế thì không đẹp chút nào phải không nào? Vậy làm sao để thay thế các avatar mặc định đó bằng những hình ảnh do chính chúng ta lựa chọn. Hãy làm theo thủ thuật dưới đây để thực hiện điều đó nhé.

Xem thêm

Ẩn Sticky Menu khi cuộn xuống và hiện lại khi cuộn lên cho Blogger

Hide Sticky Menu on scroll down and show on scroll up

Trong bài viết trước Cố định, tạo "Sticky" Floating Menu và Widget cho Blogger chắc hẳn các bạn đã tạo được cho mình một "Sticky Menu" ưng ý rồi chứ? Hôm nay Iris Tips sẽ chia sẻ cho các bạn một thủ thuật nâng cao của "Sticky Menu", giúp cho menu của bạn trông hiện đại và chuyên nghiệp hơn, đó là "Ẩn Sticky Menu khi cuộn xuống và hiện lại khi cuộn lên cho Blogger".

Thủ thuật khá hữu ích khi các bạn lướt web bằng di động, không bị "Sticky Menu" chiếm mất một phần diện tích màn hình. Bạn cũng có thể Demo trực tiếp thủ thuật này khi truy cập Iris Tips trên điện thoại di động đấy.

Xem thêm

Cố định thanh Menu (Sticky Menu) và Widget khi cuộn trang cho Blogger

"Sticky" Floating Menu & Widget in Blogger

Vào một số website các bạn sẽ thấy thanh menu hoặc 1 số widget nhất luôn cố định khi cuộn trang, người ta gọi đó "Sticky Menu hoặc Widget". Việc giữ cố định Menu hoặc Widget như vậy rất tiện dụng cho các thao tác của độc giả. Bạn không cần phải cuộn chuột lên đầu trang để lựa chọn các mục của Menu hoặc Widget qua đó giúp giảm bớt các thao tác không cần thiết và tăng lượng tương tác với bạn đọc. Có một lưu ý nhỏ các bạn không nên sticky các banner quảng cáo vì có thể vi phạm chính sách của họ, ví dụ như Google Adsense.

Xem thêm

Recent Post xáo trộn bài viết ngẫu nhiên cho Blogger

Randomly Shuffling Recent Posts widget for Blogger

Hôm nay Iris Tips xin chia sẻ cho các bạn một kiểu recent post - bài viết gần đây kết hợp với hiệu ứng slide chuyển bài viết ngẫu nhiên khá đẹp mắt dành cho Blogger. Bạn có thể kết hợp với Multi Tabbed để tạo nên một widget chuyên nghiệp và hiện đại cho website của mình.

Xem thêm

Script Cảnh báo người dùng khi rời khỏi trang

Script warning the user before leaving the page

Đoạn script sau sẽ xác nhận lại điều hướng khi người dùng rời khỏi trang bằng cách nhấn vào liên kết bất kỳ trên trang hay đóng tab, tải lại trang bằng cách hiện lên hộp thoại cảnh báo.

Xem thêm

Thêm nút Chia sẻ lên Mạng xã hội khi rê chuột vào Hình ảnh trên Blogger

Add Stylish Share Buttons On Image Hover on Blogger

Iris Tips đã từng chia sẻ khá nhiều về Social Sharing Widgets cho Blogger. Nhưng là chia sẻ bài viết chứ không phải các hình ảnh. Hôm nay Iris Tips sẽ chia sẻ cho các bạn thủ thuật tạo nút chia sẻ lên các mạng xã hội khi rê chuột vào hình ảnh trên Blogger, sử dụng thủ thuật này sẽ góp phần làm tăng traffic từ các mạng xã hội cho website của bạn.

Xem thêm

Gắn nhãn New cho Bài viết mới nhất trên Blogger

Label New for first post on Blogger

Đây là một thủ thuật nhỏ nhưng khá thú vị đang được áp dụng trên Iris Tips. Có bạn đã hỏi nên mình sẽ chia sẻ cho mọi người. Thủ thuật này sẽ tự động gắn nhãn New vào bài viết mới nhất trên blog của bạn.

Xem thêm