Học blogger bài 3: hướng dẫn tạo menu, baner cho blogspot

Bài trước mình có hướng dẫn các bạn trỏ tên miền về blogger để hoàn thành website, hôm nay mình sẽ hướng dẫn các bạn tạo menu cho website blogspot. Do website sử dụng trên nền tảng blogspot nên mình cũng hay quên gọi là blogspot.

Bây giờ bạn vào blog ở bài trước mình đã tạo tại địa chỉ: www.blogger.com

Do hôm trước mình chỉ bạn dùng chủ đề mình chia sẻ còn nếu bạn chưa cài thì có thể Click vào đây tải nha

Lúc chúng ta cài chủ đề của mình chia sẻ sẽ có giao diện như sau, việc ta cần là tìm đoạn code và chỉnh nó thành menu của mình

Bạn vào phần Chủ đề => Chỉnh sửa Html

Tại đây, bạn click chuột vào ô mã code ( nhớ là click vào trong ô để tìm nội dung ô ), giờ bạn bấm tổ hợp phím Ctrl + F và nhập vào chữ GIỚI THIỆU

Bạn phần mình khoanh đỏ. Tại đây bạn có thể thay đổi link của mình để làm menu và chữ bạn muốn hiển thị làm menu.

Bây giờ mình đã thay đổi như sau:

Sau khi thay đổi xong thì bạn bấm lưu chủ đề.

Giờ thì bạn reload web và xem kết quả

Mình sẽ giải thích sơ cho bạn hiểu sao đây:

Phần /search/label/sangiaodich, nếu bạn muốn viết bài và cho bài viết đó vào menu này thì ta gắn phần Tab sangiaodich vào bài viết đó. Phần sangiaodich này bạn sẽ thay thế bằng tên menu của bạn, ví dụ, bạn làm web về sức khỏe và co menu<li><a href=’/search/label/suckhoe‘>Sức Khỏe</a></li>.

Bây giờ chúng ta muốn viết bài viết và cho vào menu này thì sao, ví dụ mình viết về 1 bài về etherum và muốn cho nó vào menu sàn giao dịch

Bạn vào bài đăng và chọn bài đăng mới, sau khi viết tiêu đề và nội dung, tại phần Nhãn bạn nhập sangiaodich, lúc này bài viết xuất bản sẽ nằm trong menu sàn giao dịch.

Như vậy là hoàn thành xong phần tạo menu cho blogspot rồi.

Bây giờ tới phần Tạo baner cho web, muốn tạo baner hay sile cho web chúng ta phải upload hình lên trước. Bạn nên thiết kế hình với kích thước 960 x 250 pixel. Sau đó vào Trang và nhấp vào trang mới.

Tại đây bạn đặt tên tiêu đề là baner và Upload 2 hình lên, Up xong thì click vào hình và cho hình hiển thỉ chế độ Rất lớn rồi xuất bản

Bây giờ bạn bấm xem baner vừa mới up lên

Tiếp theo bạn ra trang chủ click vào 1 hình sile và chọn sao chép địa chỉ hình ảnh

Tiếp theo Bạn vào phần Chủ đề => Chỉnh sửa Html

Tại khung mã code ta cũng bấm CTRL + F và nhập http://4.bp.blogspot.com/-g4zORUazzjo/Vgga04sldRI/AAAAAAAAAx8/FlDU9kiZWU8/s1600/Untitled-2.png để tìm kiếm nơi nó nằm.

Bây giờ bạn quay sang 2 hình lúc nãy mình up trên click vào để xem ảnh đầy đủ vào đó sao chép địa chỉ hình ảnh

Bạn vào lại phần chỉnh sửa Html hồi nãy để thay đổi link baner của theme thành baner của mình nha.

Bây giờ bạn kéo lên trên cùng bảng mã code và chỉnh sửa phần hiển thị google cho phù hợp nha.

 

Như vậy mình đã hướng dẫn các bạn xong phần thiết kế menu cho blospot và làm baner cho website blogger. Mong các bạn tiếp tục theo dõi nha.

 

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *