Bạn đang muốn ẩn nội dung trên blog, chẳng hạn như:
• 🔗 Link tải Google Drive
• 🎁 Mã giftcode
• 🧾 File quan trọng
• Hoặc đơn giản là nội dung VIP chỉ dành cho người có pass
Thay vì dùng các dịch vụ bên ngoài (nhiều quảng cáo, dễ die link), giờ đây bạn hoàn toàn có thể tạo mã hóa ngay trên chính Blog của mình – không cần plugin, không cần hosting!
Trong bài viết này, mình sẽ giới thiệu một công cụ đơn giản nhưng cực kỳ hiệu quả, giúp bạn:
✔ Nhập nội dung cần ẩn
✔ Đặt mật khẩu bảo vệ
✔ Tự động tạo đoạn mã đã mã hóa
✔ Dán vào bất kỳ bài viết nào
✔ Khi độc giả nhập đúng pass → nội dung sẽ hiển thị
Hashtag: Tool tạo key mã hóa & Ẩn nội dung trên Blog 🔒
Trong quá trình chia sẻ tài nguyên trên blog/wap/web, nhiều Blogger chọn cách đính kèm pass tải file như một cách giữ quyền kiểm soát và tăng độ tương tác. Tuy nhiên, nếu hiển thị pass ngay trong bài viết thì dễ bị bot hoặc người khác sao chép mà không để lại bất kỳ tương tác nào.
Bài viết này chia sẻ cho bạn một thủ thuật đơn giản nhưng hiệu quả: Hiện pass tự động dưới bình luận của người dùng có tài khoản google, giúp vừa tăng tương tác bình luận, vừa hạn chế việc bị copy pass hàng loạt. Đây là mẹo cực kỳ hữu ích nếu bạn thường xuyên chia sẻ tài nguyên có giới hạn trên blog.
Hashtag: Tăng tương tác cho Blog với thủ thuật hiện pass trong bình luận
Bình luận là một phần quan trọng của blog, giúp bạn kết nối với độc giả và tạo ra những cuộc thảo luận sôi nổi. Tuy nhiên, nếu bình luận mới không hiển thị rõ ràng, rất có thể chúng sẽ bị bỏ lỡ, làm giảm đi sự tương tác đáng quý.
Trong bài viết này, mình sẽ hướng dẫn bạn cách hiển thị danh sách bình luận gần đây trên blog một cách đẹp mắt và chuyên nghiệp bằng CSS và JavaScript. Cách làm này không chỉ giúp blog của bạn trở nên sinh động hơn mà còn giúp độc giả dễ dàng theo dõi những phản hồi mới nhất.
Hãy cùng điểm qua một số tính năng nổi bật bên dưới nhé!
✔ Hỗ trợ avatar: Hiển thị ảnh đại diện, có thể bo tròn để đẹp hơn.
✔ Tùy chỉnh tên người dùng ẩn danh: Tự động đổi "Anonymous" thành tên khác (ví dụ: "Đặc cầu đồn lầu").
✔ Thay đổi avatar mặc định: Cho phép đặt avatar riêng cho người dùng không có ảnh.
✔ Cài đặt icon admin: Hiển thị biểu tượng đặc biệt bên cạnh tên admin để phân biệt.
✔ Giao diện gọn gàng, dễ nhìn: Tên người dùng in đậm, bình luận rõ ràng.
✔ Dẫn link trực tiếp: Mỗi bình luận có liên kết đến bài viết gốc.
✔ Tùy chỉnh linh hoạt: Điều chỉnh số lượng bình luận, kích thước avatar, hiển thị hoặc ẩn "Đọc tiếp...".
✔ Dễ tích hợp vào Blogger: Sử dụng API Blogger, chỉ cần chèn vào widget là hoạt động ngay.
Hashtag: Hiển thị bình luận gần đây trên Blog với CSS và JavaScript
Trong bài viết lần trước, mình đã giới thiệu đến với các bạn mẫu Slider ảnh cực đẹp và hiện đại cho Blogger/Blogspot. Lần này mình mang đến một mẫu mini slider từ Dunia Blanter, code gọn nhẹ, hỗ trợ cả hình ảnh và video YouTube, giúp bài viết thêm sinh động và chuyên nghiệp.
Điểm đặc biệt của mẫu này là sự tối ưu về tốc độ, giao diện gọn gàng, dễ tùy chỉnh, phù hợp với mọi nội dung bài viết. Dù bạn muốn trình bày bộ sưu tập ảnh hay chia sẻ video, mẫu slider này đều đáp ứng tốt, giúp trang blog của bạn thêm sinh động và thu hút người xem.
Hashtag: Hướng dẫn thêm Mini Slider vào bài viết Blogger/Blogspot
Bạn muốn blog của mình trông thật ấn tượng và chuyên nghiệp? Một slider ảnh đẹp mắt không chỉ làm nổi bật nội dung mà còn tạo nên sức hút ngay từ cái nhìn đầu tiên. Với đoạn mã slider ảnh cực đẹp và hiện đại này, bạn sẽ dễ dàng nâng cấp giao diện Blogger/Blogspot của mình mà không cần phải là một chuyên gia lập trình.
Hashtag: Code Slider ảnh cực đẹp và hiện đại cho Blogger/Blogspot
Fan Base Responsive Blogspot Template là một mẫu giao diện được thiết kế đặc biệt cho các blog liên quan đến anime, fanpage, hoặc cộng đồng yêu thích văn hóa Nhật Bản. Mẫu này được xây dựng trên nền tảng Blogger/Blogspot và nổi bật với các ưu điểm sau:
Giao diện Responsive
✔ Tương thích với mọi kích thước màn hình (máy tính, máy tính bảng, điện thoại).
✔ Đảm bảo hiển thị đẹp và trải nghiệm người dùng tốt trên mọi thiết bị.
✔ Tối ưu hóa cho nội dung Anime
✔ Hỗ trợ hiển thị hình ảnh và video chất lượng cao.
✔ Bố cục phù hợp để chia sẻ thông tin về anime, nhân vật, sự kiện, hoặc các bài viết liên quan đến văn hóa Otaku.
Hashtag: Fan Base Responsive Blogspot Template - Theme đơn giản cho blog tải anime
Khác với đời thực, các nhân vật trong anime thường sở hữu mái tóc rực rỡ sắc màu và đôi khi có những kiểu dáng độc đáo, phá vỡ mọi giới hạn của sự quen thuộc. Bạn đã bao giờ tự hỏi tại sao tóc của các nhân vật anime lại sặc sỡ đến vậy chưa? Liệu những màu sắc ấy có ẩn chứa ý nghĩa đặc biệt nào không? Hãy cùng bước vào thế giới kỳ diệu của anime qua bài viết này, nơi chúng ta sẽ khám phá toàn bộ bí mật đằng sau màu sắc, kiểu dáng và phong cách mái tóc trong văn hóa Nhật Bản.
Đây là một bài viết tiếng Bồ Đào Nha của một thanh niên tên Kevin, Quý Bửu người Brazil đang sinh sống và làm việc tại Nhựt Bổn. Giờ thì bắt đầu luôn nào!
Hashtag: 1001 kiểu tóc trong Anime, màu sắc và ý nghĩa của chúng
Chắc hẳn bạn đã từng truy cập vào các trang tin tức hoặc trang đọc truyện tranh, nơi nội dung bài viết được chia thành nhiều trang nhỏ. Một nút "Next" (Tiếp theo) đơn giản, nhưng khi nhấn vào, bạn được dẫn đến phần nội dung kế tiếp, giúp việc đọc trở nên nhẹ nhàng hơn.
Có bao giờ bạn tự hỏi liệu mình có thể áp dụng cách này cho blog của mình không? Tin vui là, điều đó hoàn toàn khả thi!
Cách chia nội dung bài viết thành nhiều trang không chỉ là thủ thuật, mà còn là nghệ thuật tổ chức nội dung. Dưới đây là một vài lý do khiến bạn nên thử:
Hashtag: Cách để phân trang trong bài viết Blogger/Blogspot bằng số điều hướng
Bạn muốn làm nổi bật nội dung quan trọng trong bài viết của mình? Hãy thử thêm khung ghi chú vào Blogger/Blogspot. Chỉ vài bước đơn giản, bạn sẽ có ngay một chi tiết đẹp mắt để thu hút độc giả.
Note Block (Alert Box) là gì?
Note Block (hay còn gọi là Alert Box, Khung ghi chú) là một khung nhỏ trong bài viết được thiết kế để làm nổi bật nội dung quan trọng. Nó thường được sử dụng để:
• Nhấn mạnh thông tin: Ghi chú, lưu ý, cảnh báo hoặc hướng dẫn đặc biệt.
• Tạo điểm nhấn: Thu hút sự chú ý của người đọc đến những phần nội dung quan trọng.
• Tăng tính thẩm mỹ: Với thiết kế gọn gàng và màu sắc nổi bật, Note Block giúp bài viết trở nên chuyên nghiệp hơn.
Hashtag: Cách thêm khung ghi chú vào Blogger/Blogspot
Trong năm 2023, trên Chitose2D đã đã có một bài viết hướng dẫn tạo code phát nhạc chỉ bằng HTML5 cho Blogger/Blogspot cực nhẹ. Và hôm nay, mình sẽ tiếp tục cập nhật thêm trình phát nhạc có danh sách phát với sự kết hợp của HTML, CSS & JavaScript.
Ưu điểm của code phát nhạc có danh sách phát cho Blogger/Blogspot 👇
✧ Mặc dù có JavaScript nhưng trình duyệt này cực nhẹ, không gây nặng trang và load nhanh.
✧ Giao diện đẹp mắt, thích hợp cho bạn nào làm web nhạc, hoặc cũng có thể tích hợp vào blog thành Blog truyện Audio.
✧ Không cần mã nhúng của bên thứ 3, tất cả tính năng bạn cần đều trong một đoạn code
✧ Cho phép bạn thỏa mái thay đổi font chữ, màu chữ bằng cách bôi đen văn bản, tận dụng các chức năng kết hợp trong bài viết của Blogger
✧ Độ tùy biến cao, thỏa mái sáng tạo nếu bạn biết code
Nhược điểm: Là méo có chỗ tải đâu nhé, vì trình phát nhạc này tập chung vào phần giữ chân khách ghép thăm, tránh tình trạng tải về, thoát trang mất khách ấy mà. 🤕
Bạn có thể xem demo ở ảnh dưới. 👇
Hashtag: Cách thêm trình phát nhạc có danh sách phát vào Blogger/Blogspot bằng HTML, CSS & JavaScript
Dạo gần đây méo có cảm hứng đăng cái vẹo gì, cữ mỗi lần viết bài tầm 5, 10 phút lại tụt hứng, một phần cũng bận vọc làm video nên méo có thời gian chăm coi blog.
Thôi thì up đại 1 bài cho có lệ vậy, dưới đây là: 10 kiểu Recent Posts (Bài viết gần đây) đẹp và đơn giản cho Blogger/Blogspot. Cho bạn nào cần mà lên mạng toàn mấy cái lẻ tẻ nay gom lại thành một đóng cho gọn, đỡ mất công tìm kiếm. 🙃
◉_◉
Hashtag: 10 kiểu Recent Posts (Bài viết gần đây) đẹp và đơn giản cho Blogger/Blogspot
Lý do mình đưa template này lên đây trong khi có nhiều trang khác đã share là:
Thứ nhất, trong pc mình có đến hàng trăm mẫu giao diện khác nhau, mỗi khi muốn dùng thật sự là méo nhớ rõ hình dáng nó trông như nào, là bản free hay premium do méo có ảnh mô tả.
Thứ 2, có hàng tá giao diện ngoài kia nhưng mỗi khi tìm thấy mẫu ưng ý thì đa số là bản free, thiếu tính năng cao cấp, bản premium thì làm gì có tiền mua. 😐 Và trong lúc tìm kiếm thì vô tình thấy theme này cực kỳ ưng ý, hơn nữa còn là bản premium, sau này tiện làm các content mới của mấy blog khác.
Thứ 3, nhiều trang share thì up lại làm gì? Vì tất cả những trang chia sẻ này chỉ có duy nhất cái template mà không có file hướng dẫn cài đặt. Trên blog Chitose2D này bạn sẽ có đầy đủ file hướng dẫn dự phòng cài đặt, mã ngắn phòng trường hợp trang nguồn die nhé!
Trên trang Templateify nó có giá bán là 12,95$, gần 330k VND. Ở đây bạn sẽ có phiên bản Premium hoàn toàn miễn phí.
• Tên màu: Tên gọi chung của màu sắc bằng tiếng Việt và tiếng Anh.
• Mã màu HTML: Dùng để hiển thị màu sắc trên trang web.
• Mã màu CSS: Dùng để định dạng màu sắc trong CSS.
• Giá trị RGB: Biểu diễn màu sắc bằng ba thành phần: Red (đỏ), Green (xanh lá cây) và Blue (xanh lam). Mỗi thành phần có giá trị từ 0 đến 255.
• Giá trị CMYK: Biểu diễn màu sắc bằng bốn thành phần: Cyan (lục lam), Magenta (đỏ tươi), Yellow (vàng) và Black (đen). Mỗi thành phần có giá trị phần trăm từ 0% đến 100%.
Vì lý do thường xuyên chỉnh sửa blog nên mình hay mò tìm mấy cái mã màu html, css... Mà lúc nào cũng phải tốn thời gian lên google tìm, thôi thì bê của mấy trang có mã màu về lun cho nhanh. Bạn nào cần thì vào lụm nhé! 🤨
Hashtag: Mã màu chuẩn CMYK, RGB, HEX, HTML, CSS thông dụng
Hộp download Anime và Manga là gì? Ờ thì nó là hộp để link download Anime và Manga??? 🤨 Với một số bạn nào thường dùng blog để làm nơi lưu trữ phim, anime, manga các kiểu thì bạn đặt link tải kiểu gì nè?
Đa số các mẫu blog không có code hỗ trợ sẵn, do vậy chúng ta chỉ có cách tạo link trực tiếp luôn trên bài viết, trông thì đơn giản nhanh gọn nhưng không đẹp mắt cho lắm, nhất là với các blog làm về nội dung mà hay chèn link tải chia thành nhiều tập, độ phân giải cùng vô số server để dự phòng.
Vậy phải làm như nào? Bên dưới đây chính là cách tạo hộp download Anime và Manga với chức năng Ẩn/Hiện Javascript.
• Ưu điểm:Code nhẹ không gây nặng trang, trông đẹp mắt và chuyên nghiệp hơn nhiều.
• Bạn có thể xem demo từ ảnh trên hoặc click vào Download: Tên Anime: Ẩn/Hiện ở bên dưới. 👇
Bước 1: Chủ đề > Tùy chỉnh > Chỉnh sửa HTML > Chèn CSS dưới đây, nhớ là dán trước thẻ đóng </head> xong lưu lại.
<style type='text/css'>
/* Tạo hộp download Anime và Manga với chức năng Ẩn/Hiện Javascript
============================ */
#db-area{margin:0 auto;margin-bottom:5px;position:relative;padding:2px;border:1px solid #ddd;background:#eee}
#db-area button{background-color: #3399FF;padding: 10px 12px; border-radius: 3px;border: none;color: #fff;width: 50%;}
#db-area .db-ini h2{margin:auto;font-size:15px;background-color:#333;display:block;color:white;padding:5px;border-radius:1px}
#db-area .db-ini ul{list-style:none;padding:5px;margin:auto}
#db-area .db-ini ul li{margin:3px auto}
#db-area .db-ini ul li b,#db-area .db-ini ul li a{display:inline-block;padding:3px 5px;border-radius:3px;text-decoration:none;color:white}
#db-area .db-ini ul li a{background-color:#7e8392}
#db-area .db-ini ul li a:hover{text-decoration:underline}
#db-area .db-ini ul li:nth-child(even) b{background-color:#df5b5b}
#db-area .db-ini ul li:nth-child(odd) b{background-color:#339999}
</style>
Bước 2: Thêm đoạn JavaScript dưới đây vào trước thẻ đóng </body> và lưu lại.
Lưu ý: Trước khi dùng đoạn code này, hãy viết bài nội dung quần văn què gì đó rồi chuyển sang chế độ xem HTML > Copy code trên dán vào cuối bài viết của bạn. Chủ yếu là để trông chuyên nghiệp và đẹp mắt hơn ấy mà. 🙄
Đây là code lụm bên trang indo, nguồn code.ruidrive nhé!
Hashtag: Tạo hộp download Anime và Manga với chức năng Ẩn/Hiện Javascript
Iori Kyun là một mẫu giao diện thích hợp với những bạn đam mê viết truyện. Phải nói quá là thích hợp lun đi chớ. Tại sao ư? Nghĩ thử xem, nếu bạn là người có sở thích sáng tác truyện, tiểu thuyết, truyện ngắn, thơ ca... thay vì đăng trên các trang facebook, group khiến cho tác phẩm của bạn dễ bị trôi đi, hơn nữa, lại ít người quan tâm do đặc thù người xem fb rất hay lướt.
Phần lớn mọi người đều éo rảnh để tương tác truyện của bạn, đó chính là vấn đề và để giải quyết nó, bạn hãy chủ động hướng sự chú ý của độc giả. Ví dụ, thay vì trưng bày bó rau trên sạp đợi ai đó đi qua mua thì hãy vác nó lên và tự lết cái thân đi bán dạo. Tương tự như vậy với truyện mà bạn sáng tác ra.
Việc sở hữu một trang blog ngày nay với nhiều người thật sự quá dễ dàng, bạn có thể viết truyện trên nó, thông tin về các nhân vật, ảnh minh họa và các chi tiết về bộ truyện bạn đang viết lên blog. Trông chuyên nghiệp hơn nhiều so với việc vứt lên các trang hội nhóm facebook đúng không nào.
Giờ thì bạn chỉ việc chia sẻ link trang truyện của bạn cho bất kỳ ai, trên group, fanpage, mấy web truyện nào đó. Mà thui éo dài dòng nữa, bên dưới đây là thông tin chi tiết về mẫu theme blogger Iori Kyu được chia sẻ trên trang Chitose2D, theme cực kỳ đơn giản dễ cài đặt và có đủ tính năng cần thiết cho một trang blog truyện.
Code này thì để làm cái éo gì? Ờm thì tự nhiên nhớ lại chuyện ngày xửa ngày xưa, đâu đó vào khoảng giữa năm 2017, cái thời nghiện light novel đến nổi đọc tới gần 4 giờ sáng chưa ngủ, ôi nghĩ lại đúng là hao tổn sức khỏe vãi đáiiiii.
Một thời gian sau cũng vì vậy mà tập tành viết truyện đăng trên mấy web kia, nhưng thường có yêu cầu là phải đủ số từ ít nhất phải 2, 3000. Và nhờ code đơn giản này mà đếm số từ văn bản trở nên khá dễ dàng. Bạn có thể xem demo và code bên dưới. 👇
Nhập nội dung văn bản của bạn:
Số từ: 0
Dán code này vào bất kỳ đâu trên blog của bạn, tốt nhất là tạo một bài viết>> Chuyển sang chế độ HTML >> Copy và dán code dưới đây.
Tất nhiên là để trang trí chứ làm cái mọe gì nữa. 🙃
Ngược dòng thời gian hơn chục năm về trước, những đoạn code thời gian luôn rất hot vào thời điểm ấy, đặc biệt là các trang wap giải trí, blog Yahoo! Ngày đó thường có cái suy nghĩ là trông sang chảnh và ngầu lòi cho nên, thế hệ 8x 9x ngày xưa rất chuộng trang trí blog, wap, web bằng code thời gian.
Hashtag: 5 code thời gian ngày giờ có thể nhét vào blog để trang trí
Lang thang trên mạng tìm mấy code cũ ngày xưa chợt thấy cái hiệu ứng này, dù méo phải mùa đông hay giáng sinh nhưng kệ mẹ éo liên quan cũng đăng lun, tại méo biết đăng cái vẹo gì hết á.
Hiện tại đang là mùa hè nắng nóng xịt cả khói, up bài này cho có chút không khí lạnh giá nhỉ? 🥶
Trang trí blog của bạn với hiệu ứng tuyết rơi mùa đông đón giáng sinh. Xem demo trong hình bên dưới. 👇
Bước 1: Chủ đề > Tùy chỉnh > Chỉnh sửa HTML > Thêm đoạn code dưới đây vào trước thẻ đóng </body> và lưu lại.
Có bao giờ bạn thắc mắc độ phân giải màn hình bạn đang dùng là bao nhiêu không? Nếu không thì kệ mọe bạn, nhưng nếu bạn tìm hiểu trên google thì toàn mấy cái trang đưa thông tin dài dòng lê thê.
Một số thì hướng dẫn lụm thước đo thủ công 😵, rồi cái này đến cái nọ mà không vào trọng tâm bài viết, số khác thì chỉ xem được trên pc chứ éo có cách xem cho điện thoại.
Và trong bài viết này sẽ trực tiếp cho bạn xem luôn bên dưới, dù là pc hay điện thoại cũng vẫn hiển thị thông số đúng với màn hình bạn đang dùng.
Hashtag: Kích thước màn hình của máy bạn là bao nhiêu?
