THIẾT KẾ WEBSITE DÀNH CHO NGƯỜI KHÔNG BIẾT VỀ IT

Mr Zigzig LongFounder & CEO Kiến Thức Hay Corp

THIẾT KẾ WEBSITE DÀNH CHO NGƯỜI KHÔNG BIẾT VỀ IT

Bài 2 :THIẾT KẾ WEBSITE NÂNG CAO

NỘI DUNG ĐÀO TẠO

THÊM CÁC TIỆN ÍCH CHO WEBSITE

TẠO HỆ THỐNG MENU

THỦ THUẬT TINH CHỈNH HTML

THAY ĐỔI SLIDE HÌNH ảNH TRANG CHủ

THỦ THUẬT TẠO SLIDE ẢNH TUYỆT ĐẸP

NHÂN BẢN HỆ THỐNG WEBSITE

KẾT NỐI MẠNG XÃ HỘI

THÊM TIỆN ÍCH JAVASCRIP HTML

CÁC TIỆN ÍCH CỦA BLOGGER

Blogger cho phép tích hợp rất nhiều Tiện Ích. Biết lựa chọn các tiện ích hợp lý sẽ làm website

của bạn đẹp và cân đối.

CÁC TIỆN ÍCH CỦA BLOGGER

Một số tiện ích nên có :

BÀI ĐĂNG MỚI KẾ NỐI

FACEBOOK LIKE BOX

HÌNH ẢNH BANNER QUẢNG

CÁO

WEBSITE LIÊN KẾT

LINK LIÊN KẾT DANH MỤC TAG

TIỆN ÍCH HTML/JAVASCRIPT

Đây là tiện ích mạnh nhất của Blogger. Bạn có thể chèn bất kỳ đoạn mã HTML hay Javascrip vào đây.

Lấy mã nhúng từ Youtube – Zing – Yahoo Chat – email

webform .v.v.

KẾT NỐI MẠNG XÃ HỘI

Tạo Facebook Like BoxTrên thanh tiện ích

Nút chia sẻ trong bài đăng

THỦ THUẬT TINH CHỈNH HTML

Ctrl + F xuất hiện thanh công cụ tìm kiếm

* Nguyên tắc : + Muốn thay đổi cái gì thì tìm đúng cái đó.+ Luôn “xem trước” – chỉ khi nào “OK” thì mới lưu mẫu.+ Ctrl + Z ngay nếu xảy ra lỗi. + Lưu lại file xml trước khi có những thay đổi lớn.

THAY ĐỔI MENU

Ctrl + F để tìm “tên menu” cần thay đổi

<li><a href='#'>Khóa Học <span>Do Zigzig Long Đào Tạo </span></a> <ul class='sub-menu'> <li><a href='#'>Bí Quyết Khởi Nghiệp Dành Cho Người Không Có Vốn </a></li> <li><a href='#'>Thiết Kết Website Dành Cho Người Không Biết Về IT</a></li> <li><a href='#'>Tuyệt Chiêu Khởi Nghiệp 1102 </a></li> <li><a href='#'>Tuyệt Chiêu Kinh Doanh Online </a></li> </ul></li>

Chèn link sau href=‘ ’

Thêm target=‘_blank’ sau ‘Link” để chuyển link qua 1 tab mới <li><a href=' http://www.kienthuchay.net/khoi-nghiep/’ target=‘_blank’>Bí Quyết Khởi Nghiệp Dành Cho Người Không Có Vốn </a></li>

Mở lệnh <li> thì phải có đóng lệnh </li>

TẠO HỆ THỐNG MENU CON

TẠO HỆ THỐNG MENU CON

<li><a href='#'>Khóa Học <span>Do Zigzig Long Đào Tạo </span></a> <ul class='sub-menu'> <li><a href='#'>Bí Quyết Khởi Nghiệp Dành Cho Người Không Có Vốn </a></li> <li><a href='#'>Thiết Kết Website Dành Cho Người Không Biết Về IT</a></li> <li><a href='#'>Tuyệt Chiêu Khởi Nghiệp 1102 </a></li> <li><a href='#'>Tuyệt Chiêu Kinh Doanh Online </a></li> </ul></li>

THÊM MENU CON <li><a href='#'>Khóa Học <span>Do Zigzig Long Đào Tạo </span></a> <ul class='sub-menu'> <li><a href='#'>Bí Quyết Khởi Nghiệp Dành Cho Người Không Có Vốn </a> <ul class='sub-menu'> <li><a href='#'>Nội Dung</a></li> <li><a href='#'>Lịch đào tạo</a></li> </ul> </li> <li><a href='#'>Thiết Kết Website Dành Cho Người Không Biết Về IT</a></li> <li><a href='#'>Tuyệt Chiêu Khởi Nghiệp 1102 </a></li> <li><a href='#'>Tuyệt Chiêu Kinh Doanh Online </a></li> </ul></li>

THAY ĐỔI HÌNH ẢNH SLIDE

Bước 1 : Xem kích thước của ảnh : Click phải chuột vào ảnh và chọn : mở hình ảnh trong tab mới

Chỉnh sửa ảnh cần thay thế đúng với kích thước ảnh cần thay : +Dùng Photoshop +Micro soft Picture Manager +Paint+ .v.v.

Thủ thuật :Dùng google tìm chính xác kích thước hình ảnh – theo đúng chủ đề cần tìm.

TÌM HÌNH SLIDE TUYỆT ĐẸP

THAY ĐỔI HÌNH ẢNH SLIDE

Thủ thuật :Dùng bài đăng của blogger để lấy tạo Link hình ảnh mới.

copy từ http:// …… tên file ảnh (.jpg .png )

- Copy và Thay thế link hình ảnh củ trong HTML

Chèn Link vào sau href=‘’ | Thay thế #

NHÂN BẢN HỆ THỐNG WEBSITE

Hệ thống website Onnet.com.vn

Richdad Loc

NHÂN BẢN HỆ THỐNG WEBSITE

Vào sao lưu khôi phục và “Tải xuống mẫu hoàn chỉnh”

THỦ THUẬT BLOGGER

Thủ thuật Blogger được chia sẻ rất nhiều trên Internet

Từ khóa : “Hướng dẫn thủ thuật blogger”

“Hướng dẫn Blogger”“Thủ Thuật Blogger bằng video”“cách tạo menu trong blogger”“các tiện ích hay trong blogger”

• Lưu Ý : Đặt câu hỏi với Google là cách học tốt nhất

THỦ THUẬT BLOGGER

Cách học tốt nhất

CẦM TAY CHỈ VIỆC