Home
»
Bài viết cho "
Blogspot
"
2 ngày rồi chưa viết lách, hôm nay nổi hứng ngồi cặm cụi tìm thì bây giờ mình sẽ chia sẻ đến các bạn 1 thủ thuật mới là thêm icon bất kì trước tiêu đề bài viết theo nhãn trong blogspot nhé!
 |
| [Blogspot] Thêm icon trước tiêu đề blog theo nhãn |
Sắp đến Trung thu nên rình mò được 1 hiệu ứng flash đẹp tặng các bạn. Nó là 1 cái đèn chùm lắc qua lắc lại trên header của blog nhé. Chắc các bạn hình dung được nên mình không có live demo.
 |
| Trang trí blog với flash đèn chùm đẹp |
Mai phải đi học rồi nên tranh thủ tối nay ém bài cho các bạn luôn. Thủ thuật hôm nay sẽ giúp các bạn tạo ra 1 quả chuông màu đỏ lắc lư và sẽ hiển thị thông báo khi click vào nó rất đẹp mắt và thú vị cho blog của bạn đó.
 |
| Hướng dẫn tạo quả chuông thông báo lắc lư đẹp mắt cho blogspot |
Bạn làm blog? Bạn có bao giờ phải chỉnh sửa blog như thay
Template, sửa bài viết hay gì gì đó không? Mỗi lần bạn làm điều đó, chắc hẳn sẽ không muốn ai nhìn thấy sự lộn xộn, mất thẩm mỹ của blog mình đúng không?
Nếu như đặt chế độ riêng tư chỉ cho tác giả xem thì người đọc sẽ hay nhầm tưởng là bạn không dùng blog đó nữa đấy. Vì vậy hôm nay mình sẽ hướng dẫn các bạn cách tạo 1
trang thông báo bảo trì website vô cùng đơn giản nhưng không kém phần chuyên nghiệp nhé.
Chắc hẳn đã có lúc bạn gặp tình trạng ngồi ngắm 1 mớ bình luận dài lê thê ở 1 bài viết bất kì nào trong blog của mình rồi đúng không? Nó khiến cho
tốc độ tải trang cũng chậm đi đáng kể vì phải load quá nhiều bình luận kèm hình ảnh 1 lúc mà.
Để giải quyết vấn đề đó thì hôm nay mình sẽ hướng dẫn đến các bạn cách tạo
button ẩn, hiện bình luận trong bài viết của blogspot nhé.
 |
| Ẩn, hiện bình luận bằng button trong bài viết trong blogspot |
Mới gần đây mình có tình cờ ghé thăm blog 1 anh cả trong làng
blog thủ thuật của Việt Nam thì thấy có 1 bài hay quá là hay, chất quá là chất nên hôm nay muốn chia sẻ lại cho các bạn. TUT hôm nay sẽ hướng dẫn các bạn làm sao để tạo cho blog mình 1 tiện ích hiển thị các
bình luận mới nhất theo phong cách windows 8 cực đẹp.
Đối với một blog chuyên về thủ thuật thì code là bạn đồng hành không thể thiếu trong mỗi TUT rồi đúng không? Nhưng đối với các template sử dụng đa phần sẽ không tích hợp khung code kèm Jquery
Double click to select (tức click chuột 2 lần sẽ bôi đen hết chỗ code đó), khung code thì đơn giản. Nên nếu bạn là 1 con người sống đơn giản và nhanh, gọn, lẹ thì
khung code có sẵn nút Select all là sự chọn lựa tuyệt vời cho bạn đó.
 |
| Tạo khung code có nút Select all cho Blogspot |
Trang chủ là nơi hiển thị tóm tắt các bài đăng mới kèm thumbnail cũng như 1 phần nội dung của bài đó. Các bài đăng đều được hiển thị như nhau nên hôm nay mình sẽ hướng dẫn các bạn 1 thủ thuật giúp đính thêm 1 icon nhỏ nhỏ nhằm phân biệt bài đăng mới nhất với các bài còn lại nhé.
 |
| Thêm icon cho bài đăng mới nhất |
Mới gần đây mình có chỉnh sửa lại chút ít giao diện blog, làm cho nó trông gọn mắt hơn tí :))
Cũng cạn ý tưởng rồi nên hôm nay viết bài cho các bạn nhằm mục đích chia sẻ cái thanh chia sẻ bài viết (
cạnh nút thích và không thích giống Facebook) có hiệu ứng tooltip kèm theo trông khá đơn giản nhưng cũng đẹp đẹp mà :D
Trong bài viết sau đây mình có sử dụng hiệu ứng tooltip từ
Arlina Design. Giờ thì bắt đầu thôi!
 |
| Tạo thanh chia sẻ bài viết có hiệu ứng tooltip đẹp cho blogspot |
Trên các mạng xã hội như Facebook, Twitter, Instagram...đều có các nút Like để thể hiện sự đồng tính hay thích 1 thứ gì đó. Thiết nghĩ tại sao ta lại không làm 1 thủ thuật nho nhỏ để thêm các nút đó vào ngay chính những bài viết trong blog nhỉ?!
Nếu thêm nút Like, Share từ Facebook thì đôi khi làm blog tải trang khá chậm vì phải chạy Js từ web server, vì vậy mình sẽ chia sẻ cho các bạn
2 nút Like và Dislike khác đơn giản hơn mà không kém phần hiệu quả nhé.
 |
| Hướng dẫn tạo nút Like và Dislike đơn giản cho bài viết trong Blogspot |
Có khi nào bạn muốn copy một đoạn text nào đó chưa? Mình nghĩ là có rồi đó. Và trước khi có thể ấn được Copy hay Ctrl+C thì bạn phải bôi đen hay còn gọi là khởi tạo vùng chọn đối với đoạn text đó.
Thông thường khi bôi đen mặc định sẽ là nền xanh lam, chữ trắng nhưng như thế là bình thường quá nhỉ?! Vậy thì hôm nay mình sẽ hướng dẫn cho các bạn một đoạn CSS nho nhỏ giúp bạn
đổi màu nền hoặc chữ khi bôi đen nhé :)
 |
| Đổi màu vùng chọn khi bôi đen text |
Tiện ích
thống kê số lượt xem bài viết trong Blogspot cũng không có nhiều blog áp dụng và những cách cũ cũng có phần không hoạt động được nữa nên hôm nay mình xin hướng dẫn các bạn một cách mới vừa đơn giản, vừa hiệu quả từ Firebase nhé.
 |
| Thêm số lượt xem bài viết mới nhất từ Firebase |
Các bạn có để ý ở khung viết bình luận (comment) có thanh cuộn dọc không? Trông nó rất mất thẩm mĩ và ta cứ phải kéo lên kéo xuống để ấn chữ Xuất bản, Xem trước....
Vậy thì hôm nay để giải quyết vấn đề rắc rối này mình sẽ chỉ cho các bạn một cách vô cùng đơn giản, nhanh gọn mà hiệu quả luôn.
 |
| Loại bỏ thanh cuộn dọc (scrollbar) trong khung bình luận |
Icon cảm xúc (emoticons) là một chức năng khá ổn dành cho mục bình luận (comment) của blogspot. Nhờ nó mà blog bạn có những bình luận kèm biểu tượng cảm xúc khá đặc sắc và thú vị. Trước đây cũng có khá nhiều blog chia sẻ về cách chèn emoticons rồi nhưng là cách cũ, vậy nên hôm nay mình sẽ hướng dẫn cho các bạn một cách hoàn toàn mới vừa ngắn gọn, vừa đơn giản mà vô cùng hiệu quả.
 |
| Chèn icon cảm xúc (emoticons) cho khung bình luận của blogspot |
#Blogspot
#Thủ thuật
Xem tiếp
Trước đây, mình đã có giới thiệu với các bạn một dạng
Sitemap theo kiểu Dynamic vô cùng độc đáo rồi. Vì thế mà hôm nay mình sẽ tiếp tục gửi đến các bạn một kiểu mới là
Sitemap dạng table (dạng bảng) cực chất cho blogspot nhé.
 |
| Sitemap dạng table cực chất cho blogspot |
#Blogspot
#Thủ thuật
Xem tiếp
Trước đây khi có ghé thăm một blog nước ngoài có tình cờ thấy được mẫu
Popular Posts (bài đăng phổ biến) này khá đẹp. Đẹp vì khi bạn rê chuột vào ảnh thì nó sẽ ngày càng rõ nét và nổi lên trong rất bắt mắt. Vì thế mà mình đã view source ra đoạn code đó, đem về đây chia sẻ cho các bạn.
 |
| Popular Posts hiệu ứng hover cực đẹp cho blogspot |
#Blogspot
#Thủ thuật
Xem tiếp
Đối với các loại nút
Back To Top trước đây thì hầu như đều là loại truyền thống, hiệu ứng đơn giản. Nhưng hôm nay mình sẽ giới thiệu cho các bạn một loại mới có hình móc câu cá cực kì thú vị và độc đáo cho blog.
 |
| Nút Back To Top hình dây móc cá cực thú vị cho blogger |
#Blogspot
#Thủ thuật
Xem tiếp
Đối với 1
Responsive Template thì tác giả đã làm cho phần hiển thị các phần tử như widget (tiện ích), top menu, main menu, header, footer tối ưu hóa hết sức có thể rồi và trông rất gọn và đẹp.
Tuy nhiên, đối với 1 phần tử chưa được điều chỉnh để responsive nếu bạn cảm thấy khó quá hoặc nhiều khi không muốn hiển thị quá nhiều phần tử trên chế độ xem ở điện thoại (mobile) thì ta sẽ tìm cách để ẩn chúng đi, tốc độ load trang sẽ nhanh hơn nữa.
Để giải quyết vấn đề đó thì mình xin chia sẻ cho các bạn 1 cú pháp đơn giản
giúp ẩn những phần tử không cần thiết trên mobile nhé.
 |
| Ẩn phần tử bất kì trên chế độ xem mobile |
#Blogspot
#Thủ thuật
Xem tiếp
Đối với những mẫu
Recent Posts (bài viết mới nhất) trước đây ta hay sử dụng kiểu truyền thống tức xếp thành 1 cột bên sidebar nhưng hôm nay mình sẽ hướng dẫn cho các bạn 1 kiểu mới là
Recent Posts có thumbnail nằm ngang hiệu ứng cực đẹp cho blogger/blogspot nhé.
 |
| Recent Posts với thumbnail nằm ngang đẹp cho blogger |
#Blogspot
#Thủ thuật
Xem tiếp
