Monday, June 10, 2013

Hiển thị avatar người viết bài bên cạnh tiêu đề bài viết

Thủ thuật blog sẽ hướng dẫn các bạn thêm bên cạnh tiêu đề bài viết avatar của người viết bài. Việc hiển thị avatar này giúp mọi người dễ dàng nhận biết nhận xét của người viết bài khi người đó viết nhận xét. Ngoài ra nếu blog bạn có nhiều cộng tác viên viết bài thì nó giúp phân biệt những người viết bài khác nhau. 
Thủ thuật rất hay phải không?
Và đây là hình demo:
avatar người viết bài
Và tất nhiên việc hiển thị avatar này là hoàn toàn tự động, sẽ tự cập nhật nếu người viết bài thay đổi avatar.


Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]> trong template của bạn.

.avatar-author{float:left;margin-right:10px;border:0;border-radius:50%;padding:0;width:30px;height:30px}

Bước 2: Thêm đoạn mã dưới đây vào trước thẻ  trong template của bạn.


Bước 3: Tìm thẻ  và thêm vào trước nó đoạn mã dưới đây: