Thêm ảnh Author trước tiêu đề bài đăng cho Blogspot


- Hôm nay trường sẽ hướng dẫ cho các bạn một thủ thuật hay nữa cho các bạn. Đó là thêm ảnh Author ( tác giả ) trước bài đăng cho Blogspot. 
Tác dụng là : Trang trí thêm cho blog hoặc phân biệt Admin đăng bài lên Blog bạn. 
Sau đây mình sẽ hướng dẫn cách làm. 
Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> 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ẻ </head> trong template của bạn.

<script>
//<![CDATA[
function av(a){var b=a.entry.author[0];c=b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s30$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')}
//]]>
</script>

Bước 3: Tìm thẻ <b:if cond='data:post.title'> và thêm vào trước nó đoạn mã dưới đây: 

<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>


Ở bước 3 cần tìm đúng thẻ <b:if cond='data:post.title'> dành cho phiên bản web, có thể nó là thẻ thứ 2 khi tìm kiếm.
Lưu lại là xong - Bạn có thể sửa thêm cho đẹp. 
Chúc bạn thành công - Đừng quên nhấn Like ủng hộ mình nhé !!!
Thêm ảnh Author trước tiêu đề bài đăng cho Blogspot Reviewed by Đỗ Quốc Tuấnon 18:47:00 Rating: 5

Không có nhận xét nào:

All Rights Reserve © 2016 Đỗ Quốc Tuấn

GÓP Ý - BÁO LỖI

Tên

Email * (bắt buộc)

Thông báo * (bắt buộc)