Tìm tòi làm blogger ( phần 8 )
Qua bài trước các bạn đã làm được menu ngang trong blogger bằng hai cách, bây giờ tui xin giới thiệu thêm cách thứ ba, ( cách này gọi là mượn đầu heo nấu cháo).
Biết sao tui gọi là như vậy không, bởi vì cách này mình mượn cái người ta làm sẵn , đem về đổi tên lại mà xài....
Nghe vậy, chớ không phải dể đâu, nhưng nhờ là tui đã hướng dẫn các bạn trong cách 2, là mình thay thế những chử trong đường link address để làm menu theo ý mình
Thì ở đây cũng vậy, nhưng thay vì làm trong bố cục như cách 2 thì ở đây mình chỉnh sửa code html trong mẩu template, nhưng không sao đừng lo, mình đã làm được trong cách 2 rồi thì chỉ cần chú ý một chút là everything ok ...
Trước tiên để dể theo dỏi, các bạn hảy cùng tui xài chung một loại giao diện, thì khi trong đây tiến trình hình ảnh ra sao thì trong máy các bạn cũng y chang như vậy, còn các bạn nào thích xữ dụng giao diện khác cũng không sao, chỉ hơi tốn công suy nghĩ chút thôi,
OK, bắt đầu bây giờ các bạn hãy cùng tui tải giao diện về nhé:
- Vào google, gỏ Btemplate, khi website của btemplate.com hiện ra, bạn nhấp vào Features, khi bảng chi tiết hiện ra, bạn nhấp vào Drop down menu ( vì ta cần nhiều menu con xổ xuống), kéo xuống dưới ta sẽ thấy có tất cả là 25 trang, tìm tới khoảng trang 6, bạn tìm đến giao diện mang tên : Innovia, ( có vạch màu vàng cam, sở dỉ làm giao diện này vì có cái tên dể nhớ, và giao diện có vạch màu vàng cam dể tìm)
Các bạn download ( tải ) về máy, giải nén ra có dạng : Innova.xml, xong đề vào trong hồ sơ nào đó, đặt một cái tên cho dể tìm thí dụ như : "giao diện Innova" chẳng hạn ( làm như tui đã hướng dẩn trong bài trước là chắc ăn )
Và bây giờ bạn vào trong blogger ( cách tạo và mở blogger này tui đã hướng dẩn rất kỷ, làm mấy lần rồi chắc không cần nhắc lại), trong cột bên phải, các bạn nhấp vào chủ đề , rồi nhấp vào chỉnh sửa html (1 ), xem hình dưới :
Trước tiên để dể theo dỏi, các bạn hảy cùng tui xài chung một loại giao diện, thì khi trong đây tiến trình hình ảnh ra sao thì trong máy các bạn cũng y chang như vậy, còn các bạn nào thích xữ dụng giao diện khác cũng không sao, chỉ hơi tốn công suy nghĩ chút thôi,
OK, bắt đầu bây giờ các bạn hãy cùng tui tải giao diện về nhé:
- Vào google, gỏ Btemplate, khi website của btemplate.com hiện ra, bạn nhấp vào Features, khi bảng chi tiết hiện ra, bạn nhấp vào Drop down menu ( vì ta cần nhiều menu con xổ xuống), kéo xuống dưới ta sẽ thấy có tất cả là 25 trang, tìm tới khoảng trang 6, bạn tìm đến giao diện mang tên : Innovia, ( có vạch màu vàng cam, sở dỉ làm giao diện này vì có cái tên dể nhớ, và giao diện có vạch màu vàng cam dể tìm)
Các bạn download ( tải ) về máy, giải nén ra có dạng : Innova.xml, xong đề vào trong hồ sơ nào đó, đặt một cái tên cho dể tìm thí dụ như : "giao diện Innova" chẳng hạn ( làm như tui đã hướng dẩn trong bài trước là chắc ăn )
Và bây giờ bạn vào trong blogger ( cách tạo và mở blogger này tui đã hướng dẩn rất kỷ, làm mấy lần rồi chắc không cần nhắc lại), trong cột bên phải, các bạn nhấp vào chủ đề , rồi nhấp vào chỉnh sửa html (1 ), xem hình dưới :
Khi nội dung html của giao diện hiện ra, bạn nhấp chuột vào bất kỳ vị trí nào trong đó, rồi nhấn tổ hợp : Ctrl +a ( ngón trỏ tay phải nhấn giử nút Ctrl trên bàn phím, và ngón tay của ngón trái gỏ vào chử a), tức thì tất cả nội dung của giao diện sẽ được chọn, được tô đen hoàn toàn, bây giờ bạn xóa hết bằng cách nhấn tổ hợp : Ctrl+x trên bàn phím, thì toàn bộ nội dung sẽ được xóa sạch.
Xong xuôi, bạn tìm đến cái hồ sơ tên "giao diện Innova "mà bạn đã lưu Innova.xml của giao diện, và mở nó ra bằng cách sau :
Bấm chuột phải vào chử Innova.xml, khi bảng chi tiết hiện ra , nhấp vào hàng chử : open with, khi bảng nhỏ hiện ra , bạn nhấp vào chử : notepad ( như hình trên .), thì giao diện sẽ được hiện ra trong notepad, dưới dạng html, bạn nhấp chuột vào bất kỳ nơi nào trong đó, rồi nhấn tổ hợp : Ctrl+a, để chọn tô đen toàn bộ, kế tiếp bạn nhấn tổ hợp : Ctrl+c, để copy tất cả.
Xong rồi bạn vào trở lại trang nội dung mà ta đã xóa giao diện củ khi nảy, bạn nhấp chuột bất kỳ nơi nào trong đó, rồi nhấn tổ hợp : Ctrl+v, để paste tất cả giao diện Innova dạng html mà bạn vừa copy trong hồ sơ " giao diện Innova" khi nảy vào .
Rồi, bạn nhấp vào chử lưu chủ đề, (trong ô nhỏ màu đỏ bên trên ), xong bạn nhấp vào xem blog , sẽ thấy giao diện Innova của chúng ta hiện ra.
Và trong đó trên thanh menu, ta lần lượt thấy là : home, business ,download, parent category, .......
Trong đó có những menu con, menu cháu xổ xuống , ta sẽ tính sổ chúng sau .
Bây giờ ta trở lại trang html của giao diện, nhấp chuột vào bất kỳ nơi nào trong đó, nhấn tổ hợp : Ctrl + f, ( để mở hộp thoại tìm kiếm), khi hộp tìm kiếm hiện ra, ta đánh chử health (hay một chử nào trên menu cũng được, mục đích là tìm hàng menu cho nhanh mà thôi ), xem hình
Sau khi đánh chử health trong khung tìm kiếm, ta nhấn enter, thì đoạn mã có chử health hiện ra , ta dể dàng thấy toàn bộ đoạn mã menu của thanh ngang, trong đó có : home, business...v..v..
Hình trên ta thấy các đoạn mã có chứa chử : home, rồi đoạn mã có chứa chử : business, và trong business ta lại thấy có 3 hàng đoạn mã chứa 3 menu con của menu business là : internet, market, stock, chử có màu đen( Nên chú ý là : bạn chỉ được chỉnh sửa các chử có màu ĐEN mà thôi), bây giờ bạn thay thế các chử home thành chử : trang chủ, chử business, thành chử du lịch, và các chử : internet, market, stock, lần lượt thành : thế giới, Hoa Kỳ, Việt Nam. ( xem hình dưới ) :
xong rồi bạn nhấp vào ô : Lưu chủ đề (ô nhỏ màu đỏ bên trên ), xong rồi bạn nhấp vào : xem blog, để kiểm tra thành quả :
Bạn thấy chưa, trong giao diện, hiện giờ trên thanh menu, ta đã có : Trang chủ, du lịch, và trong du lịch, khi ta nhấp vào sẽ xổ xuống 3 menu con là : thế giới, Hoa Kỳ, Việt Nam...Cứ như thế nhé, các bạn lần lượt vào html của giao diện và lần lượt thay đổi các chử tiếng Anh , thành menu tiếng Việt mà bạn cần làm,( kể cả các menu ...cháu).
Còn vấn đề là nhiều bài được viết cùng một chủ đề được đưa và một menu, thì Liên đã hướng dẫn tỉ mỉ trong phần 7 rồi, cứ y chang như thế mà làm,
Thôi thì cũng làm sơ qua để các bạn nhớ lại cũng được:
( thí dụ như các bạn viết một bài về : du lịch chẳng hạn)
- Trước tiên nhấp vào bài đăng,
- Rồi nhấp vào bài đăng mới, viết tiêu đề của bài viết, và sau khi viết bài xong thì :
- Vào mục Nhãn trong cột bên phải,đánh 2 chử : du lịch,
- Xong rồi nhấn vào ô chử : hoàn thành,
- Tiếp theo nhấp vào : xuất bản.
- Cuối cùng nhấp vào : xem blog,
Khi blog hiện ra, tìm đến chử : du lịch dưới tiêu đề bài đăng, nhấp chuột phải vào chử du lịch, rồi nhấp vào hàng chử : copy link address, để copy đường link.
Thí dụ : tui viết xong bài viết tựa đề là : " Vật dụng chuẩn bị đi du lịch." và đã làm xong phần nhãn kể trên, khi nhấp xem blog, tui nhấp chuột phải vào chử du lịch, và nhấp vào copy link address như trong hình dưới đây :
Sau khi copy đường link xong, tui trở vào trang blogger dạng html,
- Nhấn tổ hợp Ctrl + f, để mở hộp tìm kiếm, trong hộp tìm kiếm tui đánh chử : trang chu để tìm đến đoạn code menu (1)
- Dưới đường code có chử trang chủ (2), tui nhìn thấy đường code chứa chử du lịch (3),và tui nhìn thấy dấu ( # ) ( 4)
- Tô đen dấu # này, và paste cái link address của chử du lịch mà bạn mới vừa copy vào.ta sẽ được như sau : ( trong mũi tên )
Xong xuôi nhấn vào Lưu mẩu, ( ô màu đỏ phía trên ).
Và tui nhấp vào bài đăng, rồi nhấp vào bài đăng mới, với tiêu đề là : " phải được giấy phép trước khi đi "
- Sau khi viết xong tui nhấp vào nhãn ở cột bên phải,
- Khung nhãn hiện ra, tui nhấp vào chử du lịch (1) bên dưới khung ( để cho đúng chử du lịch trước), thế là trong khung có chử du lịch.
- Sau đó nhấp vào chử Hoàn thành.(2)
- Cuối cùng nhấp vào chử Xuất bản,(3)
Và nhấp vào xem blog để kiểm tra kết quả.
Và trong blog, khi ta nhấp vào menu du lịch, thì sẻ thấy thông báo là : " hiển thị các bài đăng có nhãn du lịch " và hai bài viết được hiển thị bên dưới,
Các menu con các bạn cũng làm y chang như vậy, sau khi viết bài xong, nếu như muốn xếp vào menu thế giới thì trong nhãn đánh chử thế giới, rồi nhấp hoàn thành, xong nhấp xuất bản, ra xem blog, nhấp chuột phải vào chử thế giới dưới tiêu đề bài đăng, copy link address, rồi paste vào dấu # trong dãy code của thế giới.
Rồi sau đó bài nào muốn xếp vào menu con mục thế giới , thì sau khi viết xong, trong nhãn nhấp chử thế giới, rồi xuất bản, thế là ...hoàn thành.
Cứ thế mà làm nhé , chúc các bạn thà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 các bạn đến xem trang blog của mình, chúc các bạn mọi sự như ý nhé.
Theo dõi Liên @ Twitter | Facebook | Google Plus
No Comment
Chào bạn, nếu có bất cứ thắc mắc nào, hãy để lại ý kiến, nhận xét của bạn đều rất quan trọng. Liên rất vui nếu bạn viết có dấu ...