Create an “Admin Control Panel” in your Blogger template
[FD's BlOg] - Để tiện cho việc chỉnh sửa template và post bài, hôm nay mình xin giới thiệu cho các bạn 1 thủ thuật tạo một bảng "Admin Control Panel" vào ngay trong blog. Việc tạo bảng này sẽ giúp cho bạn khỏi phải chuyển qua lại giữa 2 trang : trang blog của bạn và trang chủ Blogger khi mình cần chỉnh sửa và xem mẫu.Sau khi hòan thành nó sẽ trông giống như thế này:
Như các bạn thấy trong hình, bảng "ACP" hiện đầy đủ các liên kết có trong Bảng điều khiển của trang chủ Blogger như : Đăng bài mới(New post), Cài đặt (Setting), Chỉnh sửa Code HTML (edit HTML),... và bạn cũng có thể thêm các liên kết còn thiếu nếu bạn muốn.
Và lưu ý là bảng "ACP" này chỉ hiển thị khi ta đã đăng nhập vào blogger.(xem hình bên dưới)
►Bây giờ ta tiến hành tạo:
1. Đầu tiên, bạn phải xác định mã số ID của blog của bạn
- ví dụ : ta có hình bên dưới
thì mã số ID sẽ là
blogID=581463657542141571
tương tự bạn hãy xác định số ID của blog của bạn
2. Tham khảo mẫu code của bảng "Admin Control Panel" bên dưới: (bạn có thể tùy chỉnh thêm cho bảng này theo ý thích bạn, ví dụ hình nền, màu chữ, tạo khung...)
<span class='item-control blog-admin'>
<h2>Admin Control Panel</h2>
<a href='http://www.blogger.com/post-create.g?blogID=BlogIdNumber'>New Post</a>
|
<a href='http://draft.blogger.com/blog-options-basic.g?blogID=BlogIdNumber'>Settings</a>
|
<a href='http://www.blogger.com/rearrange?blogID=BlogIdNumber'>Change Layout</a>
|
<a href='http://www.blogger.com/html?blogID=BlogIdNumber'>Edit HTML</a>
|
<a href='http://www.blogger.com/moderate-comment.g?blogID=BlogIdNumber'>Moderate Comments</a>
|
<a href='http://www.blogger.com/logout.g'>Sign Out</a>
</span>
Với BlogIdNumber là mã số ID blog của bạn
3. Xác định vị trí đặt bảng "ACP"
- Có 2 cách đặt : đặt trực tiếp vào trong code của template, tạo widget và dán code vào.
☼ Cách 1: đặt trực tiếp vào code của template
- ở đây mình hướng dẫn cách đặt bảng "ACP" vào ngay trên đầu của SideBar:
* Đăng nhập blog
* Vào chỉnh sửa code HTML (không cần nhấp chọn mở rộng tiện ích)
* Tìm đến đọan code sau :
<b:section class='sidebar' id='sidebar' preferred='yes'>
* Dán đọan code của bảng "ACP" vào ngay bên dưới dòng code trên.
* Save template.
☼ Cách 2 : đặt vào widget
* Đăng nhập blog
* Vào Bố cục (Layout)
* Tạo một widget, và dán code của bảng "ACP" vào, save lại.
* Rồi đặt vào nơi mà bạn muốn hiển thị bảng "ACP".
Như vậy đã xong, chúc các bạn thành công.