Tác giả: Template Dep

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

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

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

Chào các bạn, theo yêu cầu của một bạn gửi đến thì bài viết này, mình sẽ hướng dẫn các bạn chèn Bài viết liên quan (related post) dạng slide khi cuộn xuống gần cuối trang cho Blogspot. Mang hiệu ứng khá đẹp mắt, thủ thuật này sẽ góp phần làm blogspot của bạn thêm chuyên nghiệp hơn đấy!! CÁC BƯỚC THỰC HIỆN Bước 1. Đăng nhập Blogger ➔ Chủ đề ➔ Chỉnh sửa HTMLBước 2. Chèn CSS vào trước ]]></b:skin> #chslidingbox{background:#fff;width:100%;max-width:330px;height:auto;position:fixed;overflow:hidden;border:none;right:-360px;z-index:99;text-align:left;box-shadow:rgba(0,0,0,0.15) 0 1px 1px 1px;transition:all .4s ease-out}.chslidingbox-title{background:#0093da;color:#fff;display:block;height:40px;line-height:40px;width:100%;font-size:14px;text-transform:capitalize;font-weight:700;letter-spacing:.5px}.chslidingbox-title span a{font-family:initial;float:right;height:40px;margin:0 0…

Read More

Chào các bạn, theo như một bạn yêu cầu thì bài viết này mình sẽ chia sẻ trang báo lỗi 404 cho Blogspot. Được thiết kế hoàn toàn bằng CSS, hiệu ứng màu nền thay đổi sau mỗi giây, thiết kế hợp lí và cân đối, trang báo lỗi này chắc chắn sẽ làm hài lòng bạn với độ ‘đẹp’ của nó! Xem demo bằng hình ảnh tại đây. CÁC BƯỚC THỰC HIỆN Bước 1. Đăng nhập Blogger Chủ đề Chỉnh sửa HTML.Bước 2. Copy đoạn code sau và dán…

Read More

Chào các bạn, thông thường bên dưới mỗi bài viết đều có một khung nhỏ tóm tắt tác giả (người viết) của bài viết đó. Trong bài viết này mình sẽ chia sẻ cho các bạn một khung thông tin tác giả bên dưới bài viết kèm khung đăng ký nhận bài viết qua Email khá đơn giản và đẹp!Các bạn có thể xem demo trực tiếp qua ảnh bên dưới đây nhé. CÁC BƯỚC THỰC HIỆN Bước 1. Chèn CSS #author-bsw-box{user-select:none;background:#fff;float:right;width:100%;margin:0 0 10px}#subscribe-box-bsw p{font-family:Arial,sans-serif;font-size:14px;color:#fff;margin:0 0 24px;padding:0}#subscribe-box-bsw .emailfield{margin:auto}#subscribe-box-bsw .emailfield input{padding:10px…

Read More

Chào các bạn, widget liên kết bạn bè (hay blog bạn bè) khá quan trọng đối với những bạn mới thành lập blog. Nó giúp bạn liên kết với các blog khác. Thường thì widget LKBB đặt ở cuối trang.Bài viết này mình sẽ chia sẻ cho các bạn khung liên kết bạn bè mình đã từng dùng từ lúc mới tạo blog cho đến bây giờ. XEM DEMO CÁCH THỰC HIỆN Đơn giản bạn chỉ việc copy toàn bộ code sau và dán vào một tiện ích HTML/Javascript là được. <style>#bsw-lkbb-widget{padding:0;margin:0;list-style:none}.bsw-lkbb-widget{margin:0;padding:0}.bsw-lkbb-widget…

Read More

Chào các bạn, theo yêu cầu của bạn Trọng Khanh gửi yêu cầu mình chia sẻ khung đăng ký nhận bài viết qua Email mình vừa cài vào Blog.Đây là tiện ích giúp người khác có thể đăng ký theo dõi Blog của bạn bằng địa chỉ Email. Khi bạn xuất bản bài viết mới thì nó sẽ tự động gửi mail về cho người đã đăng ký. Xem thêm: Tạo hộp đăng ký giữa màn hình với hiệu ứng tuyệt đẹp cho Blogspot. XEM DEMO CÁC BƯỚC THỰC HIỆN Bước…

Read More