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

Post on 29-Nov-2014

598 views 1 download

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

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),…

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

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 )

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

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

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

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

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

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.

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 đề)

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

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

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

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

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

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

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

+…)

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 )

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

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

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