Tạo dạng Dropdown Menu cho tiện ích Nhãn-Label Blogspot

Một thao tác nhỏ giúp cho blog của bạn trở lên gọn gàng, khoa học hơn. Hơn nữa với cách làm này, đảm bảo tốc độ tải trang sẽ không bị ảnh hưởng, mình sẽ hướng dẫn các bạn cách tạo dạng Dropdown Menu cho tiện ích nhãn-label Blogspot.

Các bước thực hiện

Bước 1: Các bạn vào Bảng quản trị Blogger→Bố cục→Thêm tiện ích HTML/Javascript→Thêm một tiện ích nhãn (Label) đặt vào vị trí phù hợp với mong muốn của bạn nhé!

Bước 2: Một lần nữa bạn vào Bảng quản trị Blogger→Mẫu→Chỉnh sửa HTML→Chuyển đến tiện ích→Label1

Thay toàn bộ đoạn code mình đã đánh dấu bên dưới nhé, với blog của bạn đoạn code này cũng sẽ giống như vậy chỉ khác title do bạn đặt.

Lưu ý: Thay toàn bộ code từ <b:widget ... </b:widget>

<b:widget id='Label1' locked='false' title='Chuyên mục bài viết' type='Label'>

<b:includable id='main'> 

<b:if cond='data:title'> 

<h2><data:title/></h2> 

</b:if> 

<div class='widget-content'> 

<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'> 

<option>Click chọn chủ đề bạn</option> 

<b:loop values='data:labels' var='label'> 

<option expr:value='data:label.url'><data:label.name/> 

(<data:label.count/>) 

</option> 

</b:loop> 

</select> 

</div> 

</b:includable>

    </b:widget>

Bước 3: Lưu mẫu. Như vậy các bạn đã thay được dạng hiển thị "List" hoặc "Cloud" chiếm nhiều diện tích blog bằng một thanh Menu gọn gàng. . .

Share this

Author : Unknown

Bài Viết Cùng Chủ Đề