Hướng dẫn thay đổi giao diện Blogger

21
VinaAds TÀI LIỆU HƯỚNG DN THAY ĐỔI GIAO DIN CHO BLOG www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net 08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 1 HƯỚNG DN THAY ĐỔI GIAO DIN CHO BLOG Bn vào website btemplates.com Ở trang này bạn có thể lựa chọn các giao diện theo cột ( 1 cột, 2 cột,..) và chọn theo styles hay chọn theo Colors (màu sắc),…

description

Hướng dẫn thay đổi giao diện Blogger Mr Khanh

Transcript of Hướng dẫn thay đổi giao diện Blogger

Page 1: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 1

HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

Bạn vào website btemplates.com

Ở trang này bạn có thể lựa chọn các giao diện theo cột ( 1 cột, 2 cột,..) và chọn theo styles hay chọn theo Colors (màu sắc),…

Page 2: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 2

Khi chọn mẫu bạn bấm vào Preview để xem giao diện chi tiết

Page 3: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 3

Khi đã chọn được giao diện ưng ý bạn bấm Download để tải giao diện về

máy tính của bạn ( thông thường tải về My Documents/Downloads )

Page 4: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 4

Download xong bạn giải nén tệp tin và nhớ File có đuôi XML

Page 5: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 5

Bạn quay về Blog chọn THIẾT KẾ chọn tiếp CHỈNH SỬA HTML

Page 6: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 6

Bạn CHỌN TỆP TIN chọn File có đuôi

Tiếp theo bạn chọn TẢI LÊN

Page 7: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 7

Khi đã tải xong sẽ hiện cửa sổ ở bên trên bạn có thể chọn XÓA TIỆN ÍCH

hay GIỮ TIỆN ÍCH là tùy bạn

Page 8: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 8

Sau đó bạn bấm LƯU MẪU và XEM BLOG

Page 9: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 9

Lẽ ra trước khi thay đổi giao diện mới bạn nên xóa bỏ banner (nếu có)

Trong trường hợp bạn quên chưa xóa thì bạn sẽ làm thêm một bước dưới

đây.

Page 10: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 10

Bạn vào THIẾT KẾ chọn PHẦN TỬ TRANG tiếp theo chọn CHỈNH SỬA

(Tiêu đề)

Page 11: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 11

Khi bạn chọn CHỈNH SỬA sẽ bung ra cửa sổ ĐỊNH CẤU HÌNH TIÊU ĐỀ

bạn chọn XÓA HÌNH ẢNH (ngay dưới Banner) tiếp theo bạn chọn LƯU

Page 12: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 12

Lúc này bạn thấy giao diện mới đã không còn banner cũ nữa

Page 13: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 13

Bạn có thể thêm (xóa) các tiện ích cho giao diện mới

Page 14: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 14

Phần này bạn làm tương tự như BƯỚC 8 (TẠO THÊM MỘT SỐ TIỆN ÍCH

CHO BLOG) Ở TÀI LIỆU HƯỚNG DẪN THIẾT KẾ WEBSITE TƯ

BLOGGER

Page 15: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 15

Tiện ích đã được đưa vào Blog

Page 16: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 16

Khi thay đổi GIAO DIỆN MỚI thì tất cả các tiện ích đã tạo trước đó có thể bị

xóa nếu khi tải giao diện mới lên bạn chọn XÓA TIỆN ÍCH vì thế bạn phải

tạo lại tiện ích nếu muốn

Page 17: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 17

HƯỚNG DẪN THAY ĐỔI FOOTER CHO GIAO DIỆN MỚI

Bạn vào CHỈNH SỬA HTML bấm Ctrl + F và Search chữ copy

Bạn sẽ thấy đoạn code : Copyright (c) 2011 và bạn xóa đoạn code này đi

thay vào đó là đoạn code Footer của bạn ( Tên công ty + Điện thoại + Email

+…)

Page 18: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 18

Tiếp theo bạn xóa bỏ đoạn code này:

<a expr:href='data:blog.homepageUrl'><data:blog.title/></a>

Designed by Best <a href='http://www.ipadcasespot.com/'>iPad Case</a></div>

<div class='second-links'><a href='http://dcreators.com/'>Dcreators</a>, <a

href='http://onlinebrokershub.com/futures-trading'>Futures Trading</a>, Download <a

href='http://www.stockphotosholiday.com/pictures/holiday' title='Holiday stock

photos'>holiday stock photos</a>

Ở phần này tùy vào giao diện bạn chọn, mỗi giao diện sẽ có code khác nên

khi xóa phần code này các bạn lưu ý hãy chọn XEM TRƯỚC trước khi bạn

bấm LƯU MẪU (Nếu sai thì bạn bấm Ctrl + Z để làm lại )

Page 19: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 19

Khi bạn XEM TRƯỚC mà thấy không có sai xót gì bạn chọn LƯU MẪU và

sau đó chọn XEM BLOG

Page 20: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 20

Vậy là lúc này giao diện mới của Blog hay website: www.dangkylophoc.com

đã hoàn thành.

PHẦN HƯỚNG DẪN THAY ĐỔI GIAO DIỆN ĐẾN ĐÂY LÀ KẾT THÚC

Chúc Các Bạn Thành Công

HẸN GẶP LẠI BẠN Ở TÀI LIỆU TIẾP THEO

Page 21: Hướng dẫn thay đổi giao diện Blogger

VinaAds TÀI LIỆU HƯỚNG DẪN THAY ĐỔI GIAO DIỆN CHO BLOG

www.VinaAds.net www.TaiLieuMarketingOnline.net - www.HocMarketingonline.net - www.TapChiMarketingOnline.net

08.3941.31.61 - 0919.19.8610 – Mr Khanh Page 21

DANH SÁCH CÁC TÀI LIỆU

SẼ XÂY DỰNG TRONG THỜI GIAN TỚI