Tạo Menu Labels (Nhãn) xổ xuống cho Blogger

Nếu bạn thấy widget Labels mặc định của blogger (blogspot) chiếm diện tích blog (với những blog nhiều Labels), bạn có thể chuyển dạng hiển...


Nếu bạn thấy widget Labels mặc định của blogger (blogspot) chiếm diện tích blog (với những blog nhiều Labels), bạn có thể chuyển dạng hiển thị mặc định sang dạng Menu xổ xuống (Drop down Menu) gọn gàng như hình minh họa bên dưới.
Drop down menu for Labels
Menu cho Labels dạng list xổ xuống
Cách thực hiện:
- Bạn chắc chắn là Blog của bạn đã có sẵn tiện ích Labels (Nhãn). Nếu chưa có bạn vào mục Thiết kế để thêm tiện ích này vào (Vì có tiện ích này bạn mới tìm được đoạn code ở bước 2 dưới đây ^^)
- Vào mục Thiết kế, chọn Chỉnh sửa HTML (Bạn đừng chọn vào ô Mở rộng mẫu tiện íchnhé). Sau đó, bạn tìm đoạn code:
<b:widget id="'Label1'" locked="'false'" title="'Labels'" type="'Label'">
Nếu không thấy thì tìm lại bằng code này nhé (Tùy ngôn ngữ bạn đang sử dụng)
<b:widget id="'Label1'" locked="'false'" title="'Nhãn'" type="'Label'">
- Thay đoạn code vừa tìm được bằng đoạn code bên dưới:
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<br/>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:165px'>
<option>Chọn chủ đề bạn quan tâm</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Lưu ý: Bạn thay đổi kích thước chiều rộng (màu đỏ) và Chữ hiển thị (Màu xanh) cho phù hợp. Đoạn code trên sẽ hiển thị số bài viết trên mỗi nhãn. Nếu bạn không muốn hiển thị, hãy xóa đoạn code màu xanh lá cây đi.
Chúc các bạn thành công!

COMMENTS

BLOGGER: 1
  1. So, while there are variations between video poker and slots, there are additionally clear variations between physical and online slot machines. The holy grail is acquiring a singular batch of cards that’ll 메리트카지노 provide you with a winning hand. As a standard to all on line casino games, you’ll must wager earlier than the sport begins. Unlike other card games like Blackjack that need taking part in} chips, video poker requires credit or coins to play.

    ReplyDelete

Name

Banner,2,Code,8,CSS,2,DNS cho Blogger,6,Favicon,1,HTML,6,JavaScript,2,Kiếm tiền với Youtube,1,Labels,1,Mật khẩu cho bài đăng,1,Nhãn,1,Search Google,1,Template Blogger,1,theme blogger,1,Thủ thuật Blogger,45,Thủ thuật Youtube,2,Tiệc ích Password,3,Tiện ích,9,Tiện ích bài viết liên quan,2,Trang,1,Wifi,1,Xóa bản quyền,1,
ltr
item
Khám Phá Blogger: Tạo Menu Labels (Nhãn) xổ xuống cho Blogger
Tạo Menu Labels (Nhãn) xổ xuống cho Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjavP3WCPcSGpMVEktdx9Ji6UUexx8o3IS5hSNIRaYjGMhnFT6yrHVrIQICTjObhqGFm-2MTQphcNArLKE7gN9X5A-cXeRX9CsYNGCdwx5g55g4bJi5ah6m1bvF1hFxlXvrwsgbr0uJdVo/s320/menu-down-drop.PNG
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjavP3WCPcSGpMVEktdx9Ji6UUexx8o3IS5hSNIRaYjGMhnFT6yrHVrIQICTjObhqGFm-2MTQphcNArLKE7gN9X5A-cXeRX9CsYNGCdwx5g55g4bJi5ah6m1bvF1hFxlXvrwsgbr0uJdVo/s72-c/menu-down-drop.PNG
Khám Phá Blogger
https://blogger.affimart.com/2012/05/tao-menu-labels-nhan-xo-xuong-cho.html
https://blogger.affimart.com/
http://blogger.affimart.com/
http://blogger.affimart.com/2012/05/tao-menu-labels-nhan-xo-xuong-cho.html
true
4203661997903332293
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy