Dỉ nhiên có ngang thì phải có dọc, trong những bài trước, các bạn đã làm menu ngang trong trang chủ rồi, với 3 cách dể như ăn cháo phải không nà.
Bây giờ mình tiếp tục làm những việc xung quanh trang chủ, như các bạn thấy đó, gần bên trang chủ chính giữa, thì bên phải hay bên trái thế nào cũng có những cột ghi những linh tinh nào là : tìm kiếm, giới thiệu bản thân, rồi bảng đếm số người theo dõi, bảng ghi những comment của độc giả ...v..v..
Ngoài ra lại có một khoảng quan trọng là những cột bài viết về tin tức, hay dạy nấu ăn và có những menu con xổ dọc xuống, thật tiện lợi..
Hôm nay nhiệm vụ chúng ta là làm những menu dọc có những menu con hấp dẫn đó.
Ta trở lại giao diện của bài hướng dẩn số 7 (còn với giao diện bài số 8, vì mượn đầu heo nấu cháo, nên ta tìm giao diện nào thiệt là đầy đủ , nghĩa là có sẳn menu dọc luôn, và các bạn chỉ việc chỉnh sửa như cách trong menu ngang, đơn giản nên miễn bàn nữa )
Sau đây là giao diện của bài 7 :
Như trong hình trên các bạn đã thấy ,, số (1 ) là thanh ngang, số ( 2 ) là bài viết đã đăng, còn các số ( 3 ) là những tiêu đề trong cột dọc, và trong đó ta chưa thấy các đề tài nào có menu con xổ dọc xuống như đã nói , vậy nhiệm vụ của ta là phải làm ra chúng ...
- Bây giờ việc đầu tiên cần làm là các bạn hảy copy đoạn code này :
<div id="menulaber">
<ul>
<li><a href="#">Làm Bánh</a></li>
<li><a href="#">Chè ngọt</a></li>
<li><a href="#">các món mặn</a></li>
<li><a href="#">các món chay</a></li>
</ul>
</div>
- OK, tiếp theo các bạn vào blogger, nhấp chuột vào : Bố cục. ( xem hình dưới ) :
Khi trang bố cục hiện ra, bạn nhìn sang bên tay phải, nhìn vào : sider bar right -1 (cột bên phải -1 ), Bạn nhấp chuột vào chử : Thêm tiện ích ( mũi tên) :
Cửa sổ tiện ích hiện ra, bạn tìm đến tiện ích HTML/JavaScript, nhấp vào dấu ( + )...(theo mũi tên)
Khi cửa sổ : Định cấu hình HTML/JavaScript, hiện ra,
- Các bạn nhấp vào bên trong nội dung, paste cái code vào. ( 2 ),
- Còn trên tiêu đề thì bạn muốn đánh gì tùy bạn, thí dụ như tin tức hay Âm nhạc ..v..v..riêng ở đây làm nháp là Nấu ăn, ( 1 )
- Và các menu con là : làm bánh, Chè ngọt, các món mặn, các món chay...( 2 )
- Xong rồi ta nhấp vào Lưu. ( 3 )- Xem hình dưới :
Sau khi lưu xong thì trang bố cục lại hiện ra, các bạn đặt con trỏ vào khung có chữ nấu ăn, mà mình mới làm xong, nhấp giữ chuột trái, kéo rê khung xuống phía dưới, ( 1 ), xong rồi nhấp vào chử Lưu sắp xếp ( 2 )
Cuối cùng các bạn nhấp vào Xem blog, đề kiểm tra thành quả :
Úm Ba La ...trên giao diện ở cột bên phải đã hiện ra Nấu ăn , trong đó có 4 menu con là : Làm bánh, Chè ngọt, các món mặn, các món chay...thật tuyệt phải không các bạn,
Ồh, mà nếu muốn làm thêm vài cái menu hấp dẫn như vậy thì phải làm sao ?
Đơn giản thôi , lập lại công việc như trên, tức là copy đoạn code, xong vào bố cục, nhấp vào Thêm tiện ích, rồi trong khung HTML/JavaScript nhấp vào dấu ( + ) , khi bảng định cấu hình HTML/JavaScript hiện ra, thì nhấp chuột vào khung nội dung và Paste code vào, còn trên tiêu đề thì ghi tựa của menu mà bạn muốn làm.
- thí dụ như muốn tiêu đề là : Tin tức, thì đánh vào ( 1 ),
- sau đó vào thay các chử Làm bánh thành Tin tức mình, còn Chè ngọt thì thay thành chử : Tin tức cười... chẳng hạn,.( 2).cứ thế mà thay vào ,
- xong rồi bấm Lưu...( 3 )
Sau đó khi trang bố cục hiện ra, thì nhấp giử chuột trái vào khung Tin tức, kéo rê xuống dưới bảng nấu ăn, xong rồi bấm lưu sắp xếp, cuối cùng bấm Xem blog để kiểm tra thành quả.
Là la la, trên giao diện ta đã thấy bên phải có cột với hai mục : Nấu ăn và Tin tức ( mũi tên )
Vậy là xong, còn cách viết bài vào chung một đề mục , thì như các bài trước đã hướng dẩn rất kỷ là : sau khi viết bài đăng mới xong, thi ̀ vào nhãn, đánh tên đề mục, thí dụ như : Làm bánh chẳng hạn, xong rồi bấm xuất bản, khi ra ngoài giao diện, copy đường link address của đề mục, và mở bố cục ra, vào nấu ăn, thay dấu ( # ) bằng cách paste đường link vào, sau đó bấm Lưu, rồi nếu sau này viết bài nào thuộc về bánh thì sau khi viết bài đăng xong , vào trong nhãn, đánh chữ Làm bánh thì tự nhiên , khi nhấp vào chữ Làm bánh thì bài viết sẽ hiện ra.
Vậy là xong cách làm menu dọc trong cột trái, phài ...
Chúc các bạn thành công .
Kim Liên B Nguyễn
Bây giờ mình tiếp tục làm những việc xung quanh trang chủ, như các bạn thấy đó, gần bên trang chủ chính giữa, thì bên phải hay bên trái thế nào cũng có những cột ghi những linh tinh nào là : tìm kiếm, giới thiệu bản thân, rồi bảng đếm số người theo dõi, bảng ghi những comment của độc giả ...v..v..
Ngoài ra lại có một khoảng quan trọng là những cột bài viết về tin tức, hay dạy nấu ăn và có những menu con xổ dọc xuống, thật tiện lợi..
Hôm nay nhiệm vụ chúng ta là làm những menu dọc có những menu con hấp dẫn đó.
Ta trở lại giao diện của bài hướng dẩn số 7 (còn với giao diện bài số 8, vì mượn đầu heo nấu cháo, nên ta tìm giao diện nào thiệt là đầy đủ , nghĩa là có sẳn menu dọc luôn, và các bạn chỉ việc chỉnh sửa như cách trong menu ngang, đơn giản nên miễn bàn nữa )
Sau đây là giao diện của bài 7 :
Như trong hình trên các bạn đã thấy ,, số (1 ) là thanh ngang, số ( 2 ) là bài viết đã đăng, còn các số ( 3 ) là những tiêu đề trong cột dọc, và trong đó ta chưa thấy các đề tài nào có menu con xổ dọc xuống như đã nói , vậy nhiệm vụ của ta là phải làm ra chúng ...
- Bây giờ việc đầu tiên cần làm là các bạn hảy copy đoạn code này :
<div id="menulaber">
<ul>
<li><a href="#">Làm Bánh</a></li>
<li><a href="#">Chè ngọt</a></li>
<li><a href="#">các món mặn</a></li>
<li><a href="#">các món chay</a></li>
</ul>
</div>
- OK, tiếp theo các bạn vào blogger, nhấp chuột vào : Bố cục. ( xem hình dưới ) :
Khi trang bố cục hiện ra, bạn nhìn sang bên tay phải, nhìn vào : sider bar right -1 (cột bên phải -1 ), Bạn nhấp chuột vào chử : Thêm tiện ích ( mũi tên) :
Cửa sổ tiện ích hiện ra, bạn tìm đến tiện ích HTML/JavaScript, nhấp vào dấu ( + )...(theo mũi tên)
Khi cửa sổ : Định cấu hình HTML/JavaScript, hiện ra,
- Các bạn nhấp vào bên trong nội dung, paste cái code vào. ( 2 ),
- Còn trên tiêu đề thì bạn muốn đánh gì tùy bạn, thí dụ như tin tức hay Âm nhạc ..v..v..riêng ở đây làm nháp là Nấu ăn, ( 1 )
- Và các menu con là : làm bánh, Chè ngọt, các món mặn, các món chay...( 2 )
- Xong rồi ta nhấp vào Lưu. ( 3 )- Xem hình dưới :
Sau khi lưu xong thì trang bố cục lại hiện ra, các bạn đặt con trỏ vào khung có chữ nấu ăn, mà mình mới làm xong, nhấp giữ chuột trái, kéo rê khung xuống phía dưới, ( 1 ), xong rồi nhấp vào chử Lưu sắp xếp ( 2 )
Cuối cùng các bạn nhấp vào Xem blog, đề kiểm tra thành quả :
Úm Ba La ...trên giao diện ở cột bên phải đã hiện ra Nấu ăn , trong đó có 4 menu con là : Làm bánh, Chè ngọt, các món mặn, các món chay...thật tuyệt phải không các bạn,
Ồh, mà nếu muốn làm thêm vài cái menu hấp dẫn như vậy thì phải làm sao ?
Đơn giản thôi , lập lại công việc như trên, tức là copy đoạn code, xong vào bố cục, nhấp vào Thêm tiện ích, rồi trong khung HTML/JavaScript nhấp vào dấu ( + ) , khi bảng định cấu hình HTML/JavaScript hiện ra, thì nhấp chuột vào khung nội dung và Paste code vào, còn trên tiêu đề thì ghi tựa của menu mà bạn muốn làm.
- thí dụ như muốn tiêu đề là : Tin tức, thì đánh vào ( 1 ),
- sau đó vào thay các chử Làm bánh thành Tin tức mình, còn Chè ngọt thì thay thành chử : Tin tức cười... chẳng hạn,.( 2).cứ thế mà thay vào ,
- xong rồi bấm Lưu...( 3 )
Sau đó khi trang bố cục hiện ra, thì nhấp giử chuột trái vào khung Tin tức, kéo rê xuống dưới bảng nấu ăn, xong rồi bấm lưu sắp xếp, cuối cùng bấm Xem blog để kiểm tra thành quả.
Là la la, trên giao diện ta đã thấy bên phải có cột với hai mục : Nấu ăn và Tin tức ( mũi tên )
Vậy là xong, còn cách viết bài vào chung một đề mục , thì như các bài trước đã hướng dẩn rất kỷ là : sau khi viết bài đăng mới xong, thi ̀ vào nhãn, đánh tên đề mục, thí dụ như : Làm bánh chẳng hạn, xong rồi bấm xuất bản, khi ra ngoài giao diện, copy đường link address của đề mục, và mở bố cục ra, vào nấu ăn, thay dấu ( # ) bằng cách paste đường link vào, sau đó bấm Lưu, rồi nếu sau này viết bài nào thuộc về bánh thì sau khi viết bài đăng xong , vào trong nhãn, đánh chữ Làm bánh thì tự nhiên , khi nhấp vào chữ Làm bánh thì bài viết sẽ hiện ra.
Vậy là xong cách làm menu dọc trong cột trái, phài ...
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 ...