Mở tất cả các liên kết bên ngoài trên một tab mới cho Blogger

Thông thường khi chèn liên kết cho “link” hay “hình ảnh” nếu muốn mở liên kết trong tab mới, bạn thường phải thêm thuộc tính target=”_blank” bên trong mỗi liên kết. Mình sẽ hướng dẫn các bạn để nó tự động thêm vào mỗi thẻ của bạn 1 thuộc tính target=”_blank”. Điều này sẽ làm bạn giảm cực nhọc hơn khi phải thủ công tùy chọn mỗi khi đưa link vào nội dung Website, blog. Cách Thực Hiện: Truy cập Blogger > Mẫu > Chỉnh sửa HTML Tìm đoạn code </head> và dán đoạn mã dưới đây vào trên nó : Copy All Code <script…

Read More

Tạo trang chuyển hướng cực đẹp và chuyên nghiệp cho Blogspot

Chào các bạn, chắc hẳn các bạn đã từng gặp những trang redirect kiểu như Facebook, Zing Me,… rồi nhỉ? Nói đơn giản trang direct là một trang trung gian, bắt buộc người dùng phải bấm xác nhận để chuyển trang. Mục đích là giúp tăng traffic cho trang đồng thời làm cho trang của bạn trông chuyên nghiệp hơn. Trả lời yêu cầu của một bạn yêu cầu mình chia sẻ thủ thuật này, thì bài viết hôm nay mình sẽ hướng dẫn chi tiết cho các bạn cách…

Read More

Tạo button Demo và Download tuyệt đẹp bằng CSS cho Blogspot

Chào các bạn, trang web của bạn là trang web chia sẻ thủ thuật, phần mềm,… thì một số button (nút) để dẫn các đường link download hay demo cũng khá cần thiết. Có lẽ không cần nói nhiều, từ tiêu đề đã rõ. Bài viết hôm nay mình sẽ chia sẻ các bạn mẫu button tuyệt đẹp được thiết kế từ CSS khá đẹp mắt. Xem demo trước nhé, nếu thấy ưng ý thì áp dụng ngay luôn! Bước 1. Đăng nhập Blogger ➔ Mẫu ➔ Chỉnh sửa HTML.Bước…

Read More

Tổng hợp tất cả thẻ điều kiện cần thiết trong Blogspot

Trong thiết kế blogspot, thẻ điều kiện IF rất quan trọng, giúp bạn thiết kế web thêm chuyên nghiệp hơn. Dưới đây là tổng hợp tất cả các thẻ điều kiện trong blogspot do mình sưu tầm được. TRANG CHỦ, TRANG LABEL (NHÃN), TRANG ARCHIVE (LƯU TRỮ) <b:if cond=’data:blog.pageType == “index”‘> TRANG BÀI VIẾT <b:if cond=’data:blog.pageType == “item”‘> TRANG TĨNH <b:if cond=’data:blog.pageType == “static_page”‘> TRANG LƯU TRỮ (ARCHIVE) <b:if cond=’data:blog.pageType == “archive”‘> TRANG CHỦ <b:if cond=’data:blog.url == data:blog.homepageUrl’> TRANG BÀI VIẾT VÀ TRANG TĨNH <b:if cond=’data:blog.url == data:post.url’> TRANG CHỈ…

Read More

Tạo lightbox trình chiếu hình ảnh tuyệt đẹp (responsive) cho Blogger

Chào các bạn, lightbox trình chiếu hình ảnh mặc định của Blogger khá là sơ sài và đơn giản. Nếu như bạn không thích giao diện lightbox đó thì hãy xem và thực hiện theo bài viết này. Trong bài viết này, mình sẽ chia sẻ cho các bạn một giao diện lightbox hoàn toàn mới được thiết kế tuyệt đẹp bằng CSS và jQuery. Cùng xem và thực hiện nhé!! CÁC BƯỚC THỰC HIỆN Bước 1: Đăng nhập Blogger ➔ Cài đặt ➔ Bài đăng, nhận xét và chia…

Read More

Cách làm cho một widget trượt theo khi cuộn trang (Sticky Widget) Blogger Blogspot

Chào các bạn, theo như yêu cầu của một bạn inbox nhờ mình chia sẻ cách làm cho một widget bất kì trượt theo khi bạn cuộn trang. Tức là khi bạn cuộn chuột đến đâu thì widget đó vẫn sẽ hiện trên màn hình chứ không ẩn đi.Thủ thuật này rất phù hợp đối với những widget quảng cáo hay widget đăng ký qua email,… vì nó sẽ luôn dính trên màn hình giúp người xem có thể theo dõi nó bất cứ khi nào mà không phải trượt…

Read More

Tạo DropCap – To chữ cái đầu tiên trong bài viết Blogger

Chào các bạn, bài viết hôm nay mình sẽ chia sẻ các bạn thủ thuật nhỏ giúp cho tất cả chữ cái đầu tiên trong bài viết của blogspot đều in to lên, để rõ hơn thì xem ảnh demo bên dưới nhé.Demo ngay tại bài viết này CÁC BƯỚC THỰC HIỆN Bước 1. Đăng nhập Blogger ➔ Chỉnh sửa HTMLBước 2. Chèn đoạn CSS sau vào trước thẻ ]]></b:skin> trong template. .post-body:first-letter{font:700 65px Roboto;color:black;float:left;padding:0;margin:-4px 5px 0px 0px;line-height:0.9;} Bước 3. Lưu chủ đề.Lưu ý: Bạn nên áp dụng thẻ điều kiện IF để giới…

Read More

Tạo một Template mới trắng tinh như Ngọc Trinh trên Blogspot

Chào các bạn, nếu bạn đã tạo một trang blog khác và muốn chuyển hướng trang cũ của mình sang trang mới thì phải làm sao ? Trong bài viết này, mình sẽ hướng dẫn các bạn tạo một template trắng tinh không có bất cứ thứ gì cả. Hãy áp dụng thử xem nhé! CÁC BƯỚC THỰC HIỆN Các bạn copy toàn bộ code bên dưới và dán vào template rồi lưu là được. <html><head><meta content=’0;url=http://hoidapcongnghevn.blogspot.com‘ http-equiv=’refresh’/><title>Tiêu đề Blog</title>&lt;style type=&quot;text/css&quot;&gt;&lt;!– /*<b:skin/></head><body><b:section class=’main’ id=’main’ showaddelement=’no’/></body></html> KẾT Thủ thuật này khá…

Read More

Tạo menu dạng Material Design với hiệu ứng tuyệt đẹp cho Blogger

Chào các bạn, trả lời yêu cầu của một bạn yêu cầu mình chia sẻ menu bên góc phải thì bài viết hôm nay mình sẽ hướng dẫn các bạn chèn menu đấy vào Blogger.Đây là một menu dạng material design tuyệt đẹp với phong cách đóng/mở dạng circle. Menu này hoàn toàn sử dụng CSS nên sẽ không ảnh hưởng đến tốc độ cũng như sẽ không xung đột với bất cứ thứ gì khác! CÁC BƯỚC THỰC HIỆN Bước 1. Đăng nhập Blogger ➔ Chỉnh sửa HTML.Bước 2. Chèn…

Read More

Lazy Load – Hiệu ứng load ảnh tuần tự và mượt mà cho Blogger

Chào các bạn, nếu trang web/blog của bạn là một trang chuyên chia sẻ hình ảnh hoặc là một trang có nhiều hình ảnh hiển thị thì một tiện ích nào đó giúp những hình ảnh đó load tuần từ và lần lượt chắc chắn sẽ rất cần thiết. Trong bài viết này mình xin giới thiệu đến các bạn một hiệu ứng load ảnh nhẹ nhàng và mượt mà có tên Lazy Load.Nói đơn giản hiệu ứng này sẽ thay thế những hình ảnh chưa load xong bằng một…

Read More