Tùy biến icon Quickedit Pencil

Biểu tượng cây bút chì nằm ở cuối bài viết khá cần thiết trong việc truy cập nhanh vào trang sửa chữa bài viết. Nhưng xài 1 thời gian thì thấy cái icon này hơi bị xấu, sau 1 hồi tìm tòi sưu tầm được cách trị anh Quickedit Pencil này như sau:

1. Xóa biểu tượng này khỏi blog: (thực hiện dễ nhưng hổng có biểu tượng này thì hơi gay khi cần sửa bài post)

- Truy cập Dashboard > Layout.
- Click vào nút Edit của Blog Posts.

- Bỏ dấu chọn của dòng Show Quick Editing.

- Nhấn Save là xong.

2. Đổi icon hình cây bút chì: (cho đỡ chướng mắt)

- Thực hiện cái này phải đụng vô code HTML, nên trước khi thực hiện nhớ sao lưu.
- Tạo 1 icon theo ý thích rồi post lên google chẳng hạn, để lấy link.
- Truy cập Template > Edit HTML click chọn Expand Widget Templates.
- Tìm đến dòng code sau (nhấn Ctrl-F để tìm)

<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>

- Thay thế dòng link màu đỏ của cây bút chì bằng link icon của mình.
- Save Template.

* Chú ý: đổi các thông số width='18' và height='18' cho phù hợp vói kích thước của icon thay thế (nếu icon kích thước 25x25, thì sửa thành width='25' và height='25')
- Kết quả: