Background đơn giản và đẹp bằng CSS3

Hình ảnh là một trong những thứ khá bậc nhất làm chậm đi tốc độ tải trang trên website của chúng ta. Chính vì thế mà mình nghĩ ngày nay thì đại đa số những website bỏ đi ảnh background là vậy. Nhưng nếu bạn vẫn muốn có gì đó cho thêm màu sắc vào ảnh nền thì minh đã có cách để giúp các bạn.


Cùng với sức mạnh của CSS3 ngày nay thì bây giờ bạn có thể "vẽ hình" trực tiếp tại trình duyệt. Thì lợi

Nút thích chính chủ của Blogger

Ngày bài viết trước mình đã giới thiệu các bạn cách bật hoặc thêm tính năng chấm điểm bài viết Blogger. Đây là một tính năng có sẵn trong Blogger nhưng đã bị bỏ đi phần tùy chọn trong widget blog. Cũng trong thời gian tìm hiểu về nó, mình phát hiện ra cách thức hoạt động của tính năng Phản ứng có sẵn trong trong Blogger. Thì từ tính năng này mình đã chế thành công nút thích chính chủ cho Blogger.

Bật chấm điểm bài viết mặc định của Blogger

Nếu là một người sử dụng Blogger lâu năm rồi thì các bạn sẽ biết, trước kia trong Blogger có một tính năng có sẵn đó là chấm điểm bài viết. Sau một thời gian Blogger cập nhật thì tùy chọn này đã biến mất trong widget Blog. Nhưng mà mình nghĩ chắc cũng nhiều người tìm lại nó lắm, chính vì thế hôm nay mình sẽ hướng dẫn các bạn thêm hoặc bật lại tính năng này.


Tính năng này đương nhiên nó sẽ có

Genesis Framework ngon từ Wordpress đến Blogger

Gần đây rảnh mình có convert nhanh thử một template của Genesis Framework qua Blogger, ngay từ khi bắt đầu nhìn vào css framework của nó và cấu trúc mặc định thì mình đã rất là hài lòng rồi. CSS và cấu trúc vừa đơn giản vừa tốt ưu khá tốt cho SEO. Thì sau khoảng một ngày ngồi conver toàn bộ những chi tiết nhỏ thì mình đã hoàn thành nó.


Genesis Framework ngon từ Wordpress đến BloggerĐây là địa

Auto Readmore with Thumbnail chuẩn 2014

Sau khi đã chia sẻ với các bạn hai thứ đó là Auto Readmore không thumbnail cho Blogger và Lấy ra ảnh đầu tiên của bài viết của Blogger, thì hôm nay kết hợp chúng lại mình xin đưa ra auto readmore chuẩn nhất. Chuẩn ở đây có nghĩa là tối ưu nhất về cả tính năng lẫn tốc độ xử lý của nó.


Auto Readmore thì chắc ai cũng biết rồi, mà thôi cứ giải thích cho nó dài bài ra, haha. Đối với đoạn mã mình

Lấy ra ảnh đầu tiên của bài viết của Blogger

Ngay hôm trước mình đã chia sẻ với các bạn Auto Readmore không thumbnail, và trong bài viết đó mình có nói sẽ hướng dẫn các bạn lấy là hình ảnh đầu tiên của bài viết mà không cần dụng tới Javascript, chỉ cần sử dụng mã mặc định của Blogger là đã lấy ra được nó rồi.


Việc sử dụng đoạn mã mặc định của Blogger sẽ giúp cho blog của bạn có tốc độ tải trang nhanh hơn và ít lỗi hơn nhiều so với việc

Auto Readmore không thumbnail cho Blogger

Thoáng lướt qua tiêu đề chắc nhiều bạn sẽ nghĩ không có thumbnail thì xài làm gì nhỉ. Thực chất để lấy ra hình ảnh đầu tiên trong bài viết của Blogger thì tương đối rất dễ dàng, bạn có thể hoàn toàn sử dụng code mặc định của nó mà không cần phiền hà đến Javascript và các thứ khác chi cho mất công, thêm vào lại chỉ tổ giảm tốc độ tải trang thôi.


Chính vì thế trước mắt bài viết này mình sẽ chia

Dịch vụ convert giao diện qua Blogger

Cũng đã hơn nửa tháng rồi kể từ ngày ra trường thì nay vẫn chưa kiếm được việc làm nào cả. Kinh tế thì sa sút quá, thời gian rảnh thì nhiều thế nên quyết định phải kiếm gì đó để làm trong thời gian "nghỉ hè" này. Thì như các bạn đã biết blog của mình là blog chia sẻ về thủ thuật Blogger và mình đã  tối ưu và convert ra nhiều template cho Blogger, và bây giờ cũng có thể nói là khá là trâu bò về mã

Làm sao để viết được một bài viết chất lượng?

Là một blogger, công việc của chúng ta là tạo dựng những bài viết hay và chất lượng để cung cấp chúng đến người đọc. Đối với mình một nội dung gọi là chất lượng, thì nội dung đó phải có cung cấp được cho người đọc một cách rõ ràng, đầy đủ và dễ hiểu về thông tin mà họ đang tìm kiếm. Nhưng có một việc là để tạo dựng được một nội dung mà gọi là hay và chất lượng không phải là điều dễ dàng đối với

Không nên đặt URL Google+ có dấu

Lưu ý: Google đã update nên thông tin này không còn chính xác nữa :D

Google+ hỗ trợ cho chúng ta mệt tính năng khá hay là chúng ta có thể tùy biến địa chỉ profile của mình. Hiện tại mình thấy có rất rất nhiều bạn tùy chỉnh địa chỉ profile của Google+ có dấu, nhưng mình nghĩ như vậy là không được tốt cho lắm, đặc biệt là những SEOer và những bạn sử dụng Blogger như mình.





Không nên đặt URL

Mẹo thay thế Font dễ dàng nhất

Như chúng ta đã biết thì hiện nay có rất rất nhiều Blogger Template khá đẹp và nhiều tính năng không thua gì các nền tảng khác. Bây giờ chúng không chỉ có mỗi giao diện blog không thôi, mà còn cả giao diện báo chí, phim ảnh,... đủ mọi thứ để tùy chọn. Nhưng có một điều mà mình chắc chắn mọi người đều sẽ gặp trong quá trình sử dụng những template đó chỉnh là lỗi font chữ.


Hiện tại thì có rất

Auto Readmore không JS lấy ảnh đầu tiên

Tại thời điểm hiện tại thì Blogger khá là phổ biến với dân SEOer, hầu hết mọi cá nhân tổ chức không ít thì nhiều đều sử dụng nó làm website vệ tinh cho mình. Thông thưởng thì đối với một website vệ tinh thì có người thì tự xây dựng nội dung như một website chính thức - TỐT, có người thì sử dụng những phần mềm để auto post bài lấy tin từ những website tin tức.


Vấn đề xây ra thường xuyên là đối

2 dịch vụ tạo form liên hệ miễn phí

Ở bài viết hướng dẫn tạo trang liên hệ cho Blogger, có khá nhiều người hỏi mình có thể thêm một số thành phần khác vào form mặc định của Blogger được không, như số điện thoại rồi đính kèm tập tin, và cả gửi tiền nữa... Thì đối với thủ thuật đó do chúng ta lợi dụng tiện ích biểu mẫu liên hệ của Blogger, nên chúng ta không thể tác động mà thêm được thứ gì vào. Cho dù có thêm vào giao diện thì nó

Lưu trữ file trên Google Drive Mới!!!

Theo mình nhớ thì cũng lâu rồi mình có chia sẻ với các bạn thủ thuật "Lưu trữ CSS và Javascript trên Google Drive" để nhúng về sử dụng trên website. Việc host file trên Google Drive và nhúng về sử dụng phần nào sẽ giúp cho website của bạn đỡ nhẹ nhàng và hoạt động nhanh hơn, không những thế còn chã phải lo lắng đến băng thông hoạt động của nó.




Đối với thủ thuật cũ thì bạn phải mất công up lên

Thẻ PRE với màu xen kẽ giữa các dòng

Gần đây thì mình đã có một bài viết hướng dẫn "đánh thứ tự các dòng trong thẻ code" giúp cho việc khách truy cập dễ nhìn hơn những đoạn mã mà chúng ta chia sẻ. Thì bài viết đó mình cũng đã nói ra mình sẽ chia sẻ thêm nhiều cách thức mà bạn có thể làm để đoạn mã dễ nhìn hơn mà không cần đụng tới Syntax Highlighter nặng nề. Và bài viết này lại tiếp tục mình sẽ hướng dẫn các bạn tạo thẻ pre với màu

Chèn video Youtube, Vimeo Responsive vào Blogger / Blogspot

Hiện nay thì như bạn biết thì chúng ta có hai dịch vụ lưu trữ và chia sẻ video khá phổ biến là Youtube và Video. Để chia sẻ video thì thông thường đối với hai dịch vụ lưu trữ này chúng ta thường tải video lên đó và dùng thẻ iframe để nhúng về blog của mình. Bình thường thì chuyện này khá là ok với những website có giao diện tĩnh, còn đối với những website có tính năng responsive (tự động co giãn

Đặt ảnh Background full màn hình

Hiện nay thì trong việc trang trí và tô điểm cho blog của mình, thì chúng ta phải tìm chăm chút khá nhiều thứ. Hiện tại thì đối với Blogger, trong phần Mẫu > Tùy chỉnh, tùy template sẽ có những tùy chỉnh khác nhau. Có cái thì cho thay đổi font chữ, kích thước, màu sắc rồi, cả hình nền của blog nữa, nhưng có cái tùy không cho bất kì tùy chọn nào.




Do dó bắt buộc chính chúng ta phải căn thiệp

Đánh thứ tự các dòng trong thẻ code

Tiêu đề có vẻ hơi khó hiểu nhỉ, mình cũng không biết phải đặt sao cho đúng nên thôi quất đại haha. Như bạn đã biết thì mấy blog hướng dẫn về tin học khi muốn chia sẻ bất cứ đoạn mã nào thì họ thường cho vào cặp thẻ pre. Thông thường để người dùng dễ nhìn hơn những đoạn mã mà họ chia sẻ, họ thường sử dụng Syntax Highlighter để phân chia màu sắc cũng như đánh số dòng cho đoạn mã đó.

code {
font:

Google+ Follower ẩn hiện bằng CSS3

Như đã hướng dẫn với các bạn Facebook Like Box ẩn hiện bằng CSS3, thì qua bài này mình hướng dẫn luôn thằng Google+ xài thêm vào cho đủ bộ. Mạng xã hội Google+ thì chắc ở Việt Nam ra thì đứng thứ hai sau Facebook, và đối với dân SEO thì chắc nó còn quan trọng hơn thằng Facebook nữa chứ chẳng đùa.




Google+ Follower thì trông nó khá tương tự với Facebook Like Box, nó cũng hiện avatar và số lượng

Facebook Like Box ẩn hiện bằng CSS3

Thời buổi hiện nay thì mạng xã hội xuất hiện ở khắp nơi rồi, đặc biệt là facebook. Dù đi đến website nào bạn cũng thấy nút like, rồi thì nhận xét của facebook, và cả facebook like box nữa. Qua việc này bạn thấy gì? Các mạng xã hội hiện nay đặc biệt là facebook đang có vai trò khá quan trọng trong lĩnh vực thu hút lượng truy cập cho website của chúng ta. Chính vì thế chúng ta không nên bỏ lỡ chúng

HTML5 có tốt cho SEO?

Blog hiện tại của mình đang chia sẻ khá là nhiều thủ thuật giúp cho Blogger tối ưu để đạt được chuẩn HTML5. Và mình tin rằng rất nhiều người tìm kiếm câu hỏi mà mình đặt ra ở tiêu đề bài viết "HTML5 có tốt cho SEO?". Do không muốn các bạn hiểu sai lệch về HTML5 có ảnh hưởng như thế nào đối với SEO, nên mình lập ra bài viết này mong rằng nó giúp ích được cho các bạn đang tìm hiểu SEO biết về HTML5

Sử dụng Google Fonts chuẩn HTML5 cho Blogger

Trước đây thì minh có một bài viết hướng dẫn chung về cách sử dụng mã nhúng Google Fonts chuẩn HTML5 cho tất cả các mã nguồn rồi, nhưng với thằng Blogger này thì khác. Đối với Blogger thì việc sử dụng mấy ký tự đặc biệt bằng HTML chã ăn thua tý, thay "&" thành "&" đã đời thì check cũng vẫn bị lỗi. Chính vì thế mà một trong những tiện ích hay như bài viết liên quan cũng phải nhờ các cao thủ

Tối ưu trang bài viết Blogger chuẩn HTML5

Trước đây mình đã có bài viết giúp các bạn tối ưu cho Blogger Template đạt chuẩn HTML5, nhưng nếu bạn kiểm tra qua từng trang một thì bạn sẽ thấy mình chỉ mới hướng dẫn các bạn tối ưu xong cho phần trang chủ thôi. Chính vì thế để giúp đỡ tiếp tục các bạn có một trang bài viết đạt chuẩn do đó mình mình lập ra bài viết này. Mong rằng qua bài viết này nữa, các bạn sẽ có một template đầy đủ các trang

Dùng chung nhận xét Blogger, Facebook, Google+

Trước đây mình có bài viết hướng dẫn các bạn sử dụng song song nhận xét Blogger và Facebook, và sau một thời gian thì có một bạn phản hồi muốn mình hướng dẫn "áp dụng dụng chung" 3 hệ thống nhận xét Blogger, Facebook và Google+ luôn. Nếu suy nghĩ ra thì cũng khá hợp lý và mình lập ra bài viết này hướng dẫn cho bạn đó cũng như những bạn có chung như cầu như vậy sử dụng chung luôn cả 3 hệ thống này

Bài đăng phổ biến chuẩn HTML5 cho Blogger

Cách thức để tối ưu cho một Blogger template đạt chuẩn HTML5 thì khá là lằng nhằng. Đặc biệt ngoài việc chỉnh sửa lại cấu trúc bên trong blog, chúng ta còn phải chỉnh sửa luôn cả những widget mặc định của nó. Trước đây mình đã có một bài viết hướng dẫn các bạn cách để chỉnh sửa widget Tiêu đề để phần logo blog đạt chuẩn HTML5, và hôm nay mình xin hướng dẫn các bạn chỉnh một widget hầu như có trên

Bình luận phân cấp hack cho Blogger / Blogspot

Đối với một người dùng thông thường thì việc sử dụng Blogger / Blogspot thì mọi thứ mặc định là đã khá là đủ làm lòng những nhu cầu cơ bản rồi. Nhưng đối với một số người thích khám phá thích như mình thì luôn muốn thay đổi và tối ưu cho blog của mình trong hoành tá tràng và bá đạo hơn. Và đây là kết quả của một trong những điều đó bình luận phân cấp hack cho Blogger.

Đoạn mã bình luận phân cấp

Bài viết liên quan chuẩn HTML5 cho Blogger

Tiếp tục với chuỗi bài viết về các tiện ích chuẩn HTML5 cho một website, và hôm nay là một tiện ích chuẩn cho Blogger hay dân chúng thường gọi là Blogspot. Tiện ích chuẩn HTML5 lần này là bài viết liên quan, về tác dụng của nó thì chắc khỏi cần phải nói nó làm gì rồi, làm cho khách truy cập có thể cập nhật nhiều thông tin hưu ích hơn mà họ có thể cũng đang tìm kiếm.

Về tiện ích mà mình tìm được

Widget danh sách tác giả cho Blogger / Blogspot

Ở bài viết trước mình đã hướng dẫn các bạn cách để thêm tác giả vào Blogger. Việc này giúp blog của chúng ta có được lợi thế to lớn trong số lượng và chất lượng bài viết diễn ra trên đó, và từ việc này blog có khả năng phát triển nhanh hơn và ít cạnh tranh hơn cũng như dễ dàng kiếm tiền hơn nhưng blog khác.




Cũng tiện đó mình đã tìm và chỉnh sửa được một đoạn Javascript giúp tự động thống kê

Mời / thêm nhiều tác giả vào Blogger

Đối với một blog cá nhân, việc viết những bài viết chất lượng và đăng thường xuyên là một vấn đề không hề dễ dàng một chút nào. Một trong những lý do lớn nhất là vì như bạn biết đối với nước ta thì rất ít các blog cá nhân có thể kiếm tiền đến mức đủ để chi trả cho cuộc sống hằng ngày, do đó mỗi blogger thường phải tìm và làm nhiều việc khác nữa thay vì chỉ quan tâm đến việc viết blog. Chắc cũng