Your SlideShare is downloading. ×

Thairobbin huong dan thiet ke website tu blogger

443

Published on

SĂP TỚI MÌNH CÓ NHIỀU DỰ ÁN HAY MUỐN TÌM MỘT SỐ ĐỐI TÁC. …

SĂP TỚI MÌNH CÓ NHIỀU DỰ ÁN HAY MUỐN TÌM MỘT SỐ ĐỐI TÁC.
Liên Hệ: 090.678.5753 (Manager Thái Robbin)
Facebook: http://www.facebook.com/ThaiRobbin
Web: http://thairobbin.blogspot.com
Dự án của Thái Robbin:
Thiết Kế web Kiếm tiền: http://thietkeweb.kienthuchay.net/?i=ehIJWyRThgk
Xây dựng cộng đồng kiến thức hay:http://kienthuchay.net/tuyendung/?i=ehHaCNMeG

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
443
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
36
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 1TÀI LIỆU HƯỚNG DẪNTHIẾT KẾ WEBSITE TỪ BLOGGERBƯỚC 1TẠO TÀI KHOẢNĐăng nhập Blogger.com – Sau đó nhập Email (Gmail) + Mật khẩu
  • 2. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 2Bạn chọn Tên hiển thị cho Blog của bạn ( Có thể viết tiếng Việt có dấu )Click vào Chấp thuận các điều khoảnSau đó bấm Tiếp tục
  • 3. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 3Sau đó bạn chọn TẠO BLOG NGAY để tạo Blog.
  • 4. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 4Bạn đặt tên cho Blog- Đặt tiêu đề cho Blog ( Bạn có thể viết tiếng Việt có dấu )- Địa chỉ Blog ( Bạn viết chữ không dấu và không dấu cách )- Nếu địa chỉ Blog đã có người sử dụng thì bạn phải chọn tên khácSau đó bạn bấm tiếp tục
  • 5. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 5Chọn mẫu cho BlogBạn hãy chọn mẫu bạn thích và phù hợp với công việc kinh doanhSau đó bấm TIẾP TỤC
  • 6. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 6BƯỚC 2ĐƯA BÀI VIẾT LÊN BLOGBạn bấm BẮT ĐẦU VIẾT BLOG để đưa nội dung vào Blog.
  • 7. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 7Bạn đưa tiêu đề và nội dung vào Blog. (Nội dung có thể sẽ bao gồm bài viết+ Video + Hình ảnh + Bảng biểu …)Ở đây chúng tôi chỉ làm ví dụ là đưa bài viết vào BlogSau đó chọn XUẤT BẢN BÀI ĐĂNG
  • 8. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 8Tiếp theo bạn chọn XEM BÀI ĐĂNG
  • 9. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 9Vậy là bài đăng đã được đưa vào Blog thành công.
  • 10. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 10BƯỚC 3TẠO TRANG VÀ ĐƯA NỘI DUNG VÀO TRANGBạn vào chọn ĐĂNG BÀI, tiếp theo chọn CHỈNH SỬA TRANG và chọnTRANG MỚILúc này sẽ xuất hiện cửa sổ mới bạn ghi tiêu đề trang và nội dung trangbạn muốn tạo.Bạn chèn hình ảnh vào Blog bằng cách click vào biểu tượng trênSau đó sẽ mở ra cửa sổ như hình dưới đây
  • 11. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 11Bạn có thể chọn ảnh từ máy, từ Blog này hay từ anbom Picasa (Nếu bạn đãtạo tài khoản trên Picasa) hay từ URLSau khi đã chọn được ảnh bạn bấm nút chọn để đưa ảnh vào BlogBạn chèn Video vào Blog bằng cách click vào biểu tượng trênSau đó sẽ mở ra cửa sổ như hình dưới đây
  • 12. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 12Bạn có thể chọn video từ máy tính của bạn, từ YouTube hoặc Video Trênkênh YouTube của bạn (Nếu bạn đã tạo kênh riêng trên YouTube)Sau khi đã chọn được Video bạn bấm nút chọn để đưa Video vào Blog
  • 13. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 13Khi bạn đưa bài viết, Video, hình ảnh lên Blog xong bạn chọn XUẤT BẢNTRANG
  • 14. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 14Khi chọn XUẤT BẢN TRANG sẽ mở ra cửa sổ trên bạn chọn CÁC TABBLOG sau đó bấm LƯU VÀ XUẤT BẢN
  • 15. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 15Tiếp theo chọn XEM TRANG
  • 16. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 16Trang (Marketing Online) vừa tạo đã thành công.
  • 17. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 17BƯỚC 4CHỈNH SỬA & THIẾT KẾ GIAO DIỆN CHO BLOGBạn vào phần THIẾT KẾ tiếp theo chọn TRÌNH THIẾT KẾ MẪU
  • 18. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 18Bạn chọn giao diện phù hợp cho công việc kinh doanh của bạn và sở thíchcủa bạn
  • 19. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 19Chọn giao diện cho Blog
  • 20. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 20Bạn chọn NỀNBạn có thể xóa hình nền.Sau đó chọn màu nền phù hợp cho Blog của bạn.
  • 21. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 21Chọn BỐ CỤC - bạn có thể chọn 1 cột, 2 cột, 3 cột , tùy theo ý thích
  • 22. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 22Sau khi chọn xong bố cục bạn chọn ĐIỀU CHỈNH ĐỘ RỘNG của từng cộttùy vào bố cục bạn chọn
  • 23. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 23Phần thiết kế NÂNG CAO ở phần này bạn có thể thiết kế cho nhiều hạngmục như- Chữ trong trang- Nền- Tiêu đề Blogvv…
  • 24. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 24Bạn chọn NÂNG CAOChọn CHỮ TRONG TRANG ở đây bạn có thể chọn Font chữ, màu chữ, cỡchữ
  • 25. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 25Bạn chọn NÂNG CAOChọn NỀN ở phần này bạn có thể chọn màu cho nền Blog:- Nền ngoài- Nền đầu trang- Nền bài đăng.
  • 26. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 26Chọn NÂNG CAOChọn LIÊN KẾT ở phần này bạn chọn màu cho các liên kết như:- Màu liên kết- Màu các liên kết đã truy cập- Màu di chuột
  • 27. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 27Chọn NÂNG CAOChọn TIÊU ĐỀ BLOG ở phần này bạn cò thể chọn Font chữ, cỡ chữ, màuchữ cho Tiêu Đề Blog
  • 28. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 28Chọn NÂNG CAOChọn CHỮ TRÊN TAB ở phần này bạn có thể chọn Font chữ, cỡ chữ, màuchữ, màu chữ của Tab
  • 29. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 29Bạn chọn NÂNG CAOChọn NỀN TAB ở đây bạn có thể chọn màu nền của Tab, chữ của Tab đãchọn, màu dấu phân cách
  • 30. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 30Bạn chọn NÂNG CAOChọn TIÊU ĐỀ BÀI ĐĂNG bạn chọn Font chữ và cỡ chữ
  • 31. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 31Bạn chọn NÂNG CAOChọn TIÊU ĐỀ NGÀY ở đây bạn chọn màu chữ thích hợp
  • 32. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 32Bạn chọn NÂNG CAOChọn BÀI ĐĂNG (nội dung bài viết ) bạn có thể chọn màu chữ ở chântrang, đường viền quanh bài đăng
  • 33. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 33Chọn NÂNG CAOChọn TIỆN ÍCH ở phần này bạn có thể chọn font chữ, cỡ chữ, màu của chữcho tiện ích
  • 34. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 34Chọn NÂNG CAOChọn CHÂN TRANG ở đây bạn chọn màu văn bản, màu cho tiêu đề
  • 35. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 35Chọn NÂNG CAOChọn LIÊN KẾT Ở CHÂN TRANG bạn chọn màu Liên Kết, màu của LiênKết đã truy cập, màu di chuột
  • 36. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 36Khi hoàn thành tất cả các thao tác bạn bấm ÁP DỤNG CHO BLOG
  • 37. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 37BƯỚC 5XÓA BỎ MỘT SỐ TIỆN ÍCH TRÊN BLOGBạn có thể xóa những tiện ích ở Blog của bạn nếu muốn, ví dụ như nhữngtiện ích: NGƯỜI THEO DÕI, GIỚI THIỆU BẢN THÂN, LƯU TRỮ BLOG,…Để xóa những tiện ích trên bạn vào THIẾT KẾ chọn PHẦN TỬ TRANGSau đó chọn CHỈNH SỬA cho từng tiện ích như hình dưới đây
  • 38. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 38Khi đã chọn CHỈNH SỬA thì nó mở ra cửa sổ mới bạn chọn XÓA BỎ sauđó chọn OK.
  • 39. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 39Như vậy một số tiện ích đã được xóa
  • 40. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 40BƯỚC 6TẠO FOOTER (CHÂN TRANG) CHO BLOGThông thường Footer của website là: Tên công ty + địa chỉ + điện thoại +email + …Khi mới tạo Blog thì Footer chưa có thông tin gì của bạn cả
  • 41. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 41Bây giờ bạn vào phần THIẾT KẾ chọn CHỈNH SỬA HTML
  • 42. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 42Khi chọn CHỈNH SỬA HTML bạn bấm Ctrl +F và Search att.NẾU BẠN SỬ DỤNG WIN 7 THÌ Ô SEARCH NẰM Ở GÓC TRÁI PHÍADƯỚI MÀN HÌNH
  • 43. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 43Khi Search att bạn sẽ thấy đoạn Code như trên bạn xóa bỏ đoạn code nàyvà thay vào đó là đoạn code có: Tên công ty + địa chỉ + điện thoại + email+.. của bạn vào đó. Bạn xem đoạn Code mẫu dưới đây và thay một sốthông số như Tên công ty của bạn + địa chỉ + điện thoại<div style="text-align: center;"><b><span class="Apple-style-span" style="color: white;">CÔNG TY QUẢNG CÁO TRỰC TUYẾN VI NA</span></b></div><div style="text-align: center;"><b><span class="Apple-style-span" style="color: white;">47 Tân Vĩnh - Phường 4 - Quận 4 - TP. Hồ ChíMinh</span></b></div><div style="text-align: center;"><b><span class="Apple-style-span" style="color: white;">08.3941.31.61 - 0919.19.8610</span></b></div>
  • 44. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 44Khi thay Code xong bạn bấm LƯU MẪU lúc này có một cửa sổ mới mở ra ởbên trên bạn chọn XÓA TIỆN ÍCH và chọn XEM BLOG
  • 45. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 45Vậy là Footer đã được thay đổi
  • 46. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 46BƯỚC 7ĐỊNH CẤU HÌNH BÀI ĐĂNG TRONG BLOGTrong cấu hình bài đăng của Blog có rất nhiều lựa chọn như:-Ngày tháng đăng bài-Liên kết-Nhãn-Nút chia sẻ-Nhận xét-….Nếu như bạn không muốn thông tin bài đăng hiện ra như vậy bạn có thểxóa chúng đi bằng cách:
  • 47. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 47Bạn vào THIẾT KẾ chọn PHẦN TỬ TRANG sau đó bạn chọn CHỈNH SỬAtrong ô BÀI ĐĂNG TRÊN BLOG. Sẽ bung ra cho bạn một cửa sổ khác nhưdưới đây.
  • 48. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 48Lúc này bạn chọn bỏ đi những tính năng nào không cần thiết sau đó bấmLƯU
  • 49. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 49Vậy là những cấu hình bài đăng đã không còn, bạn nên để lại biểu tượngcây viết để chỉnh sửa, thay đổi nội dung cho tiện
  • 50. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 50BƯỚC 8TẠO THÊM MỘT SỐ TIỆN ÍCH CHO BLOGCó một số tiện ích rất quan trọng chúng ta nên bổ sung vào Blog để khiBlog trở thành Website các tiện ích này sẽ phát huy hiệu quả rất cao.Để thêm những tiện ích vào Blog bạn vào THIẾT KẾ tiếp theo chọn PHẦNTỬ TRANG
  • 51. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 51Lúc này bạn chọn THÊM TIỆN ÍCH sẽ mở ra cho bạn cửa sổ mới
  • 52. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 52Bạn tìm và chọn HTML/Javascipt khi bạn chọn sẽ mở ra cửa sổ sau:
  • 53. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 53HƯỚNG DẪN TẠO TIỆN ÍCH HỖ TRỢ TRỰC TUYẾNLúc này bạn đưa tiêu đề và đoạn code vào phần nội dung sau đó bấm LƯUBạn hãy thay những thông số của bạn vào chỗ chữ đỏ nền vàng như tên của bạn vànick name của bạn<p style="text-align: center"><span style="font-size: large"><span style="font-family: Verdana"><span style="color:rgb(0,0,255)"><span style="color: rgb(0,0,128)"><span class="style5"><span style="color: rgb(0,128,128)">MrKhanh</span> <a href="ymsgr:sendim?vinaads01"><img border="0" alt=""src="http://opi.yahoo.com/online?u=vinaads01&amp;m=g&amp;t=2"/></a></span></span></span></span></span></p>
  • 54. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 54Vậy là tiện ích HỖ TRỢ TRỰC TUYẾN đã xuất hiện trên Blog.
  • 55. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 55BƯỚC 9THAY ĐỔI ICON CHO BLOGIcon chính là biểu tượng của BlogVí dụ như Icon của Blogger là hình sauTrước khi thực hiện bước này thì bạn phải thiết kế biểu tượng cho mìnhBước này chúng tôi sẽ hướng dẫn bạn thay đổi Icon của Blog thành Iconcủa bạn
  • 56. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 56Đầu tiên bạn vào website iconj.com
  • 57. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 57Bấm CHỌN TỆP TIN biểu tượng của mình và chọn UPLOAD NOW
  • 58. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 58Sau khi bạn chọn UPLOAD NOW bạn Coppy đường link (theo mũi tên ởhình trên)
  • 59. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 59Bạn quay về Blog của mình vào phần THIẾT KẾ chọn CHỈNHSỬA HTML, ngay trên đầu bạn sẽ nhìn thấy đoạn code :<title><data:blog.pageTitle/></title>
  • 60. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 60Bạn dán đường link từ Iconj trước đoạn code ở phía dưới, sau đóbấm LƯU MẪU<title><data:blog.pageTitle/></title>
  • 61. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 61Vậy là Icon đã được thay đổi
  • 62. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 62BƯỚC 10BỎ THANH ĐIỀU KHIỂN CỦA BLOGThanh điều khiển của Blog nằm ngay dưới cửa sổ trình duyệt.Để xóa thanh điều khiển bạn làm như sau:
  • 63. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 63Bạn chọn THIẾT KẾ tiếp theo chọn CHỈNH SỬA HTMLBấn Ctrl + F search ký tự ]] tìm đoạn code : ]]></b:skin> và dántrước nó đoạn Code sau:#navbar {height: 0px;visibility: hidden;display: none;Tiếp theo bấn LƯU MẪU và chọn XEM BLOG.
  • 64. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 64Như vậy, bạn thấy thanh điều khiển Blog đã không còn nữa.Thanh điều khiển không còn nữa bây giờ bạn muốn vào phần quảntrị của Blog bạn phải vào trang Blogger.com hoặc điền thêm phíasau địa chỉ Blog của bạn /admin
  • 65. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 65BƯỚC 11ĐƯA BANNER VÀO BLOGTrước khi đưa Banner vào Blog thì bạn phải thiết kế cho mình mộtBanner có kích thước vừa với giao diện Blog
  • 66. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 66Bây giờ bạn vào trang Blogger.com ( để đăng nhập tài khoản)
  • 67. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 67Bạn chọn THIẾT KẾ.
  • 68. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 68Bạn chọn CHỈNH SỬA ngay dưới ô của TIÊU ĐỀ
  • 69. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 69Bạn chọn CHỌN TỆP TIN sau đó tìm File (Banner) từ máy tính của bạnỞ trong ô vị trí : Bạn chọn Thay cho tiêu đề và mô tảXong bạn bấm LƯU
  • 70. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 70Banner đã đưa vào Blog thành công
  • 71. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 71BƯỚC 12TRỎ TÊN MIỀN VÀO BLOGTrước khi trỏ tên miền vào Blog thì bạn phải có tên miềnTùy vào việc các bạn đăng ký tên miền ở nhà cung cấp nào mà phần khaibáo các thông số trong cấu hình DNS các bước đầu và cuối có khác nhaumột chút. Nhưng có các thông số trên là không thay đổi
  • 72. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 72Sau khi cài đặt xong các thông số DNS cho tên miền bạn quay về blog vàlàm các bước sauBạn vào CÀI ĐẶT.
  • 73. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 73Bạn chọn XUẤT BẢNBạn chọn MIỀN TÙY CHỈNH ( Dòng chữ màu xanh ở bên trên)
  • 74. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 74Tiếp theo bạn bấm vào dòng CHUYỂN SANG CÀI ĐẶT NÂNG CAO
  • 75. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 75Bạn nhập địa chỉ tên miền của bạn vào ô MIỀN CỦA BẠN, Tiếp theo bạn gõcác chữ ở ô XÁC MINH TỪ và bạn chọn LƯU CÀI ĐẶT.
  • 76. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 76Khi bấm LƯU CÀI ĐẶT sẽ mở ra cửa sổ như hình trên bạn check vào ôCHUYỂN HƯỚNG…Ngay dưới ô MIỀN CỦA BẠN . Tiếp theo bạn gõ cácchữ ở ô XÁC MINH TỪ và bạn chọn LƯU CÀI ĐẶT lại lần nữa là xong
  • 77. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 77Vậy là tên miền đã được trỏ về Blog.Bây giờ Blog dangkylophoc.blogspot.com đã chínhthức trở thành Website: www.dangkylophoc.comTHẬT LÀ TUYỆT VỜI PHẢI KHÔNG CÁC BẠNBài hướng dẫn phần này đến đây là kết thúc. Bạn xem thêm tài liệu Hướngdẫn thay đổi giao diện cho Blog để bạn có thể có được một website với giaodiện chuyên nghiệp và đẹp hơn.Chúc các bạn thành công!
  • 78. VinaAds TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TỪ BLOGGERwww.VinaAds.netwww.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 78DANH SÁCH CÁC TÀI LIỆUSẼ XÂY DỰNG TRONG THỜI GIAN TỚI

×