Iris Tips
Iris TipsCreate Admin Control Panel in Blogger
Với thủ thuật sau bạn có tạo một thanh điều khiển dành cho Admin ngay trên chính blog của bạn mà không cần phải vào Blogger.com. Với thanh điều khiển này bạn hoàn toàn có thể dễ dàng truy cập nhanh thống kê blog, viết bài mới hay kiểm tra các bình luận trên blog...
Cách thực hiện
1Xác định ID của blog. Bạn hãy truy cập Blogger và chú ý trên thanh địa chỉ trình duyệt sẽ thấy ID blog của bạn (như hình bên dưới). Chúng sẽ thu được ID, ví dụ blogID=XXXXXXXXXXXXX, Bạn hãy ghi nhớ nó vì chúng ta sẽ cần chúng ở bước 3
2Vào Mẫu >> Chỉnh sửa HTML và dán đoạn CSS bên dưới vào trước thẻ ]]></b:skin>
.bgt-cpanel ul{border-bottom:2px solid black;text-align:center;position:absolute;margin:0 auto;background-color:#333333;width:100%;z-index:20}
.bgt-cpanel ul li{float:center;padding:7px 0;display:inline-block}
.bgt-cpanel ul li a{font-family:'Slabo 27px',serif;color:#fff;padding:7px 15px;border-right:1px solid #E3E3E3;font-size:13px;font-weight:bold}
.bgt-cpanel a:hover{text-decoration:none;color:#2aa4cf}
.fa{font-size:18px;color:#999999;margin-right:5px}3Dán đoạn code bên dưới vào ngay sau thẻ <body>
<div class='bgt-cpanel'>
<ul>
<li><a href='http://www.blogger.com/home'><i class='fa fa-building'/> Dashboard</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/src=sidebar'><i class='fa fa-pencil'/> New Post</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#posts'><i class='fa fa-folder-open'/> All Posts</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#comments'><i class='fa fa-comment'/> Comments</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#overviewstats'><i class='fa fa-bar-chart'/> Stats</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#pageelements'><i class='fa fa-puzzle-piece'/> Layout</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#templatehtml'><i class='fa fa-edit'/> Edit HTML</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#basicsettings'><i class='fa fa-gears'/> Settings</a></li>
<li><a href='http://www.blogger.com/logout.g'><i class='fa fa-mail-reply'/> Logout</a></li>
</ul>
</div>Chỉnh sửa:
- a) blogID=XXXXXXXXXXXXX thành ID blog bạn thu được ở bước 1.
- b) Nếu không hiển thị các icon, bạn cần phải thêm thư viện Font-awesome cho blog
Xem thêm: Hướng dẫn cách thêm và sử dụng Font Awesome cho Blogger
4Làm Panel chỉ hiển thị với Admin blog, bạn hãy xem ở bài viết bên dưới.
Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!
Created by blogolect/Iris Tips
Mẹo nhỏ khi bình luận