Navbar Blogger xuất hiện theo mặc định ở trên cùng của mỗi blog Blogger-powered, sau khi Gở bỏ thanh navbar mặc định đi thì thao tác cho chủ blog rất bất tiện. Để cho dể dàng hơn thì cần tạo ra thanh navbar mới chỉ hiện với admin. (cần có Blog ID của riêng mình).
Các bước thự hiện như sau: (cần có Blog ID của riêng mình).
1. Đăng nhập vào Bảng điều khiển Blogger.
2. Design\ Edit HTML\proceed
đánh Ctrl-F tìm code sau ]]></b:skin>
3. Thêm đoạn code này vào phía trước nó:
.vqabar{width:100px; position:fixed; top:10%; rightt:10px; background: #bcd; border-radius:10px;box-shadow: 1px 1px 1px #e53319}
Tiếp tục tìm code sau </header>
4. Thêm đoạn code này vào phía sau nó:
<div class='item-control blog-admin'>
<div class='vqabar'>
<div style='margin:20px 10px'>
<b:section id='menu' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML58' locked='false' title='nvbar' type='HTML'/>
</b:section>
</div></div></div>
<div class='vqabar'>
<div style='margin:20px 10px'>
<b:section id='menu' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML58' locked='false' title='nvbar' type='HTML'/>
</b:section>
</div></div></div>
5. Save template lại và về trang chủ bạn sẽ thấy có thêm 1 tiện ích HTML mới, chỉnh sửa nó, nhập code sau vào phần nội dung lưu lại là xong.
<div style="text-align: right;"><span style="font-size: medium;">
<a href="http://www.blogger.com/post-create.g?blogID=4009417312127844196">Post</a></span></div>
<div style="text-align: right;"><span style="font-size: medium;">
<a href="http://www.blogger.com/html?blogID=4009417312127844196" target="_blank">HTML</a></span></div>
<div style="text-align: right;"><span style="font-size: medium;">
<a href="http://www.blogger.com/rearrange?blogID=4009417312127844196" target="_blank">Design</a></span></div>
<a href="http://www.blogger.com/post-create.g?blogID=4009417312127844196">Post</a></span></div>
<div style="text-align: right;"><span style="font-size: medium;">
<a href="http://www.blogger.com/html?blogID=4009417312127844196" target="_blank">HTML</a></span></div>
<div style="text-align: right;"><span style="font-size: medium;">
<a href="http://www.blogger.com/rearrange?blogID=4009417312127844196" target="_blank">Design</a></span></div>