Hướng dẫn thay đổi giao diện cho blogspot chi tiết bằng hình ảnh

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,... Khi đã chọn được giao diện ưng ý bạn bấm Do

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

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

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 )

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

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

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

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

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

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

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

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

(Tiêu đề)

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

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

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

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

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

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

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

+… )

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

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

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

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

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