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

Người đăng: buonkhongem on 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 BlogIdNumbermã 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.

{ 0 nhận xét... read them below or add one }

Đăng nhận xét