Tạo thanh điều hướng chỉ hiện với admin

Hầu hết các template bây giờ các bạn sử dụng đều sử dụng code để làm ẩn đi thanh Navbar(Thanh Điều Hướng) đi để nhìn cho giống một trang web chuyên nghiệp hơn. Điều này cũng gây không ít rắc rối cho blogger khi muốn đăng một bài viết mới hay chỉnh sửa HTML của blog, mỗi lần muốn thực hiện các công việc này lại phải vào trang chủ của blogger thì thật bất tiện. Vì thế bài này mình sẽ hướng dẫn các bạn tạo một widget gồm các chức năng Đăng bài, chỉnh sửa HTML ,Chỉnh sửa Bố cục, quản lý nhận xét và tất nhiên widget này chỉ hiện đối với admin của blog. Ví dụ hình dưới khi mình vào blog sẽ có thêm một widget ADMIN rất tiện cho việc đăng bài,sửa HTML,... nhưng bạn vào blog này thì không thấy đúng không?

Làm cách nào để thêm tiện ích này vào blog?

Bước 1: Vào Blogger > Mẫu > Chỉnh sửa HTML

Bước 2: Chèn code sau trước thẻ ]]></b:skin>

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

Bước 3: Chèn code bên dưới sau thẻ </header>

<div class='item-control blog-admin'>
<div class='huybar'>
<div style='margin:20px 10px'>
<b:section id='menu' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML58' locked='false' title='Admin' type='HTML'/>
</b:section>
</div></div></div> 

Bước 4: Lưu template lại rồi vào trang chủ bạn sẽ thấy một widget ở bên trái blog, click vào biểu tượng để chỉnh sửa widget này và chèn vào form nội dung code bên dưới

<div style="text-align: center;"><span style="font-size: large;">
<a href="http://www.blogger.com/post-create.g?blogID=4053054262763327427">Đăng bài</a></span></div>
<div style="text-align: center;"><span style="font-size: large;">
<a href="http://www.blogger.com/blogger.g?blogID=4053054262763327427#template" target="_blank">HTML</a></span></div>
<div style="text-align: center;"><span style="font-size: large;">
<a href="http://www.blogger.com/blogger.g?blogID=4053054262763327427#pageelements" target="_blank">Bố cục</a></span></div>
<div style="text-align: center;"><span style="font-size: large;">
<a href="http://www.blogger.com/blogger.g?blogID=4053054262763327427#publishedcomments/src=dashboard" target="_blank">Nhận Xét</a></span></div>

• Thay toàn bộ 4053054262763327427 thành ID blog của bạn và lưu lại

Cách lấy ID blog
Vào blogger > Chọn blog bạn muốn lấy ID sau đó nhìn lên thanh trình duyệt web, ID sẽ có dạng như các con số được đóng khung ở hình bên dưới

Võ Quốc An's Blog