Tạo thanh Navbar chỉ hiện với admin

Vì nhu cầu thẩm mỹ nên đa số mọi người khi thiết kế blog thường ẩn thanh Navbar đi. Nhưng khi ẩn thanh navbar này đi thì 1 vấn đề khác lại xảy ra là mỗi lần vào thiết kế hay đăng bài mới phải đi vòng vòng mới vào được, thật sự rất bất tiện. Một số bạn giải quyết bằng cách đưa liên kết đăng bài và thiết kế lên trên blog nhưng 2 liên kết này đọc giả trên blog lại không sử dụng được nên cũng không hay. Mất cả buổi tìm hiểu cách làm việc của nút sửa bài đăng (cái hình cây viết chì) mình đã tìm ra 1 cách tạo ra thanh navbar mới chỉ hiện với admin.

Cách thực hiện như sau:

1. Vào thiết kế --- chỉnh sửa HTML --- chèn đoạn code sau vào trước thẻ ]]></b:skin>

.vqabar{width:150px; position:fixed; top:10%; left:10px; background: #bcd; border-radius:10px;box-shadow: 2px 2px 2px #666}

2. Tiếp tục chèn đoạn code sau vào sau thẻ </header>

<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>

3. Save template lại và về trang chủ bạn sẽ thấy có thêm 1 tiện ích HTML mới.
Chèn đoạn code sau vào tiện ích HTML trên.

<div style="text-align: center;"><span style="font-size: large;">
<a href="http://www.blogger.com/post-create.g?blogID=8306573430395005621">Đăng bài</a></span></div>
<div style="text-align: center;"><span style="font-size: large;">
<a href="http://www.blogger.com/html?blogID=8306573430395005621" target="_blank">HTML</a></span></div>
<div style="text-align: center;"><span style="font-size: large;">
<a href="http://www.blogger.com/rearrange?blogID=8306573430395005621" target="_blank">Thiết Kế</a></span></div>
<div style="text-align: center;"><span style="font-size: large;">
<a href="http://www.blogger.com/comment-published.g?blogID=8306573430395005621" target="_blank">Nhận Xét</a></span></div>

Bạn thay 8306573430395005621 thành blog ID của bạn rồi save lại là hoàn thành.
Tiện ích này mình đã cho nó trượt ở bên trái. nếu muốn nó trượt bên phải thì đổi chữ left(chữ màu vàng ở đoạn code đầu) thành right. Còn nếu muốn nó không trượt thì xóa dòngposition:fixed;  đi là được.

Phát triển lên 1 tí. Chú ý trong đoạn code thứ 2 bạn sẽ thấy dòng

<div class='item-control blog-admin'>

Nội Dung Code

</div>

Tất cả Nội Dung Code nằm trong thẻ div trên sẽ chỉ hiện với admin. Bạn có thể thay Nội Dung Code thành đoạn code khác theo nhu cầu của bạn cũng được.

(Sử dụng data:top.id thay vì phải gõ blogid nhé)