Công nghệ tin học mò mẩm ( 06 )

Tìm tòi cách làm Blogger ( phần 6 )

Hướng dẫn thay đổi giao diện ( tiếp theo)

NNhư trong bài trước , Liên đã chia sẽ cách thay đổi giao diện theo cách thứ nhất là dùng bảng Sao lưu /Hồi phục.

Trong bài này, ta thay đổi giao diện cách khác có vẻ ngầu hơn một chút, ra vẻ ta đây cũng là dân chuyên nghiệp về mã code cho le...

OK, Như đã nói trong bài trước, nếu các bạn không thích những mẫu giao diện cho sẳn của Google, mà muốn tìm những mẫu bên ngoài (có chổ free, có nơi phải bỏ tiền mua ), tùy các bạn muốn lấy chùa, hay muốn tốn ít tiền để có mẫu vừa ý cho mình thì ...sao cũng được, riêng tui thì chọn không tốn tiền,vì chơi thôi mà.

- Và các bạn cũng nên cẩn thận một chút , khi chọn các nơi cung cấp giao diện (Template ), nên chọn nơi nào cảm thấy tin cậy, vì khi ta download về mà trong đó có kèm theo Trojan, hay vài mã virus độc thì hơi phiền, sau đây có một số trang web đẹp, các bạn có thể vào tham khảo, chọn lựa, nên nhớ bản nào cũng có bảng Demo cho ta mở ra xem trước, nếu thấy bảng nào phù hợp với mục đích của mình thì chọn,

Vvà đây là những trang web cung cấp giao diện đẹp :

- Soratemplate : (https://gooyaabitemplates.com/blogger-template-authors/soratemplates/ )

Btemplate : (https://btemplates.com/)

Pinterest : (https://www.pinterest.com/luccindasteven/free-blog-template/)

..Còn rất nhiều trang, các bạn có thể vảo Google để tìm kiếm thêm...

Nnhư đã hướng dẫn trong bài trước, nhưng ta cần nhắc lại để nhớ thêm, và cũng khỏi thất công mở ra xem lại, vả chăng càng nhắc thì càng nhớ, tui không sợ phiền thi chuyện gì các bạn ngại ?

- Đầu tiên sao lưu/ khôi phục trước :

A _

( a ). Nhấp chuột phải lên màn hình laptop : chọn New , kế đến chọn folder :

( b ). Đặt tên folder là : “ lưu trử template “ :

( c ) - Rồi trở lại Blogger, nhấn : Mẫu .hiện ra khung sau :

( d ) _Nhấn vào chử Sao Lưu và hồi phục ở góc trên bên phải ( mũi tên đỏ )
Màn hình của Sao lưu/ Hồi phục hiện ra :

- Nhấp chuột vào : “ Tải chủ đề xuống “ ( mũi tên số 1 )
- Một file “ them......xml “ ( 2 ) sẽ được tải vào thư mục download trong this PC . xem hình dưới :

- Vào thư mục download của this PC, mở ra file dạng “ them......xml “ ( mới tải về ), nhấp vào để tô đậm , nhấn và giữ chuột trái, kéo lê ra ngoài và đưa vào folder : lưu trử template....xong, bạn đã lưu giử giao diện củ ở đây, nếu sau này có gì không ổn, thì ta có thể copy file .xml này của giao diện mà đem về Paste vô như củ ...vậy là yên tâm được rồi...

B _

OK NOW – Bây giờ ta bắt đầu , thay đổi giao diện bằng cách thứ hai, theo dạng thay đổi cấu trúc bên trong của Template ( giao diện ) dạng : . html
1- Đầu tiên bạn nên tạo một folder , tên là : template ( làm theo giống như cách : { A – (a), (b ) }.
2 -Thí dụ bạn vào website : B-Template và chọn giao diện : Table , sau khi xem demo, và ưng ý, bạn tải , xuống, và trong thư mục download có file zip tên : table.zip (xem hình dưới) :

Giải nén file zip này, tô đen file có đuôi Table.xml ( 1) , Extract to ( 2 )folder template ngoài desktop

3 – Trở lại blogger , nhấp vào chủ đề ( mẫu ) , khung hình hiện ra như bên dưới, bạn nhấn vào : " Chỉnh sửa HTML"( 1), { còn số 2 là dành cho điện thoại, nhấn vào bánh xe, chọn mark : không}

Sẽ hiện ra khung hình của giao diện dưới dạng : HTML

Nhấp chuột trái bất kỳ nơi nào trong khung hình , nhấn tổ hợp (CTRL +a ), để chọn hết code html của giao diện ( vùng tô đen của mũi tên chỉ ), xong rồi bấm delete, để xóa hết code html của giao diện củ .sau đó màn hình sẽ trống trơn một màu trắng xoá...
4 – Nhấp đúp vào folder “ template “ trên màn hình , để mở folder ra :

Và folder “ template "được mở ra với file : Table.xml bên trong , ( mũi tên chỉ ),

- Bạn nhấp chuột phải vào file Table.xml đó ( 1 ).
- Khi màn hình nhỏ xuất hiện bạn bấm vào : “ Open with “ ( 2 )
- và khi thêm một màn hình con xuất hiện thì bạn nhấp chuột và chử : “ notepad “ ( 3 ),
- như trong hình hướng dẩn sau :

- Khi giao diện hiện ra dưới dạng code : html, bạn nhấp chuột vào bất cứ nơi nào trong notepad, nhấn tổ hợp : ( Ctrl +a ), sẽ tô đen hết khung để chọn ( 1 )
- Nhấn tổ hợp : ( Ctrl + C ), để copy toàn bộ ( hay là nhấp chuột phải , rồi chọn copy như trong hình cũng được, sẽ copy như nhau ). – Xem hình :

- Rồi trở vào blogger mẫu với trang trống ( vì ta đã xóa hết giao diện lúc nãy ), nhấp chuột lên bất cứ nơi nào trong đó , bấm tổ hợp : ( Ctrl + V ), để paste giao diện mới vào, ( hay nhấp chuột phải rồi nhấp Paste cũng được. )

Sau khi Paste vào giao diện mới dạng html hiện ra trong khung rồi, thì bạn bấm vào : “ Lưu chủ đề “ là xong, rồi bấm vào : “ xem blog “ , để kiểm tra thành quả của mình.....Chúc các bạn thành công .

Kim Liên B Nguyễn

Được viết bởi : Kim Liên B Nguyễn

Kim Liên B Nguyễn rất vui khi các bạn đến xem trang blog của mình, chúc các bạn mọi sự như ý nhé.

Theo dõi Liên @ Twitter | Facebook | Google Plus

Tags: Tìm tòi-Khám phá