Tạo biểu mẫu liên hệ/ Contact Form cho Blogspot Blogger

Biểu mẫu liên hệ/ Contact Form được tạo ra mặc định thường nằm ở cột Sitebar hoặc là Footer, đó là đều bất tiện trong việc bố trí giao diện đặc biệt hơn nó không thể hiện tính chuyên nghiệp của một blogger.

Hôm nay windows2it sẽ giới thiệu cho bạn một vài biểu mẫu đẹp để cho bạn lựa chọn. Đây là một tiện ích thủ thuật blog cực kỳ hay, tạo sự chuyên nghiệp cho blog của bạn ngay từ cái nhìn đầu tiên. Bắt đầu thực hiện đi nhé!

Read More

Hướng dẫn kiểm tra giao diện Mobile/Responsive cho website, wordpress hay blogger

Chắc bạn cũng không xa lạ gì với các từ khóa “Hướng thiết kế Responsive” “template blog chuẩn Responsive” “xây dựng giao diệnResponsive” “kiểm tra tính thân thiện của web” … Các từ khóa này ngày càng xuất hiện nhiều hơn. Ngày 21/04/2015 khi Google công bố “Google sẽ ưu tiên hiển thị các kết quả đến từ các website có thiết kế thân thiện với các thiết bị di động bao gồm điện thoại thông minh và máy tính bảng”.

Vậy câu hỏi đặt ra Responsive là gì ? Responsive ảnh hưởng gì đến web của bạn ? Làm sao kiểm ra Responsive của một trang web ?

Responsive là gì ?

Responsive là phong cách thiết kế web phù hợp trên tất cả các thiết bị, mọi độ phân giải màn hình. 

Responsive ảnh hưởng gì đến web của bạn ?

- Website có thể truy cập dễ dàng bằng tất cả các thiết bị (đáp ứng được nhu cầu của người trong thời đại toàn dùng Smartphonevà máy tính bảng để lướt web) => một trong những tiêu chí Google xếp hạng trang web của bạn.

- Trang web được thiết kế cụ thể hơn với từng loại màn hình => tăng CTR, tối ưu hóa giao diện.

- Không phải mắc công thiết nhiều giao diện khác nhau cho mỗi thiết bị khác nhau.

- Đặc biệt là cải thiện seo cho web của bạn.

Làm sao kiểm ra Responsive của một trang web ?

Thường thì có 2 cách để kiểm tra phổ biến nhất . Rất đơn giản, không cần phần mềm, không cần phải có điện thoại, cũng không phải kéo co giản màn hình như nhiều bạn trước nay vẫn làm...

Cách 1: Truy cập http://ami.responsivedesign.is/ rồi gõ địa chỉ web vào ô bên dưới rồi bấm GO và xem kết quả nhé => Riêng mình thì hay dùng cách này để kiểm tra @!!!

Cách 2: Nếu ở cách 1 bạn phải nhớ một địa chỉ web mới có thể kiểm tra được, còn ở cách 2 này mình sẽ hướng dẫn bạn kiếm Responsive cho của một trang web trực tiếp trên trình duyệt của bạn. Cụ thể là Google Chrome:

Bước 1: Click chuột phải ở bất cứ điểm nào trên website của bạn và chọn kiểm tra phần tử.

Bước 2: Click vào biểu tượng Mobile ở góc trái khu vực code sau khi kiểm tra phần tử.

Bước 3: Sau khi click vào các bạn sẽ đến được chương trình kiểm tra giao diện mobile của Google Chrome nhé!

Chú ý: Bạn cần click vào một bài đăng bất kỳ trong chương trình này hoặc tải lại địa chỉ để kiểm tra cho chính xác.

- Ở phần Device - Bạn có thể chọn các dòng điện thoại mà bạn kiểm tra.

- Ở phần Network - Bạn chọn các mạng mà bạn đang dùng nhé, chẳng hạn như GPRS hay là Wifi.

- Với tiện ích xoay chiều...mở rộng đều được Google Chrome tích hợp cả, bạn cứ vọc thoải mái nha!

Vậy với 2 thủ thuật nhỏ này bạn thể tra trang web đó có Responsive @!!!

Tóm lại:

Việc website tương thích với các thiết bị di động sẽ rất cần thiết sau này dành cho các bạn. Ở thời đại mà việc lướt net bằng thiết bị di động đang dần chiếm lĩnh rồi!

Website của bạn đã thân thiện với Google chưa ? Vậy mình xin thưa nếu web cúa bạn có Responsive thì chắc chắn web đã thận thiện Google, nhưng ngược lại thì không được web thân thiện với Google không nhất thiết phải có Responsive. Kiếm tra tính thân tính thiện của web với Google tại đây

Bạn thì dùng các nào để kiểm ra giao diện Responsive của 1 web ? Để lại ý kiến nếu bạn thoắc mắc !

Read More

Hướng dẫn khắc phục lỗi 404 trong blogspot (blogger)

Đã có rất nhiều bài viết nói về lỗi 404 này, mà chỉ đưa ra cách khắc phục mà không hề đưa ra cách tránh lỗi này.  

Vậy lỗi 404 là gì ? Lỗi này ở đâu ra ? Nó ảnh hưởng gì đến blog/website của bạn ? Cách khác phục nào là tối ưu nhất ?

Thì ở bài viết này mình sẽ lần lượt trả lời hết các câu hỏi trên !

Lỗi 404 là gì ?

Là lỗi mà khi người ta truy cập vào 1 trang không tồn tại thì sẽ bị báo lỗi. Lỗi 404 thường được báo cáo chi tiết trong Google Webmaster Tools.

Lỗi này ở đâu ra ?

Read More

Code chống copy trên blogspot (blogger)

Code chống copy có rất nhiều “loại” (mỗi cách gọi khác nhau thì có những đoạn code khác nhau) VD:

- Code chống click chuột phải.

- Code cho click nhưng lại bỏ chức năng nhớ.

- Code chống quét khối văn bản.

- Code chống chức năng paste.

- …………………………………..

Còn riêng theo mình code chống copy được chia làm 2 loại chủ yếu:

Loại 1:Chống copy toàn bộ nội dung (Chống Copy, Paste và Click chuột phải trên mọi trình duyệt)

Cách 1: Sữa trực tiếp trong template không sử dụng javarscip do vậy không lo ảnh hưởng đến tốc độ load của trang (Là loại code chống coppy ưu việt nhất ngay cả khi trình duyệt không có javarscip hoặc trình duyệt đó tắt javarscip thì code vẫn hoạt động rất tốt)

Read More