Tạo bảng "Admin Control Panel" vào blog của bạn

Thứ Hai, 20 tháng 4, 2009

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.

Xem nhiều trong tuần

Giới thiệu về tôi

Phim Vui lắm

Lưu trữ Blog

Tạo bảng "Admin Control Panel" vào blog của bạn

Comments[ 0 ]

Đăng nhận xét