Hướng dẫn thêm Avatar tác giả vào trước tiêu đề bài viết blogspot

Đây là một thủ thuật rất hay dành cho những bạn đang và xẽ có ý định làm 1 Blog cá nhân cho riêng mình. Với thủ thuật blogspot này các bạn có thể dễ dàng nhận ra ai là tác giải của bài viết .
chèn avatar trước tiêu đề bài viết
Ảnh minh họa khi chèn avatar trước tiêu đề bài viết
Cách để thêm thêm Avatar tác giả vào trước tiêu đề bài viết blogspot cũng rất đơn giản , các bạn chỉ cần làm theo một vài bước như bên dưới là xẽ được. 
Bước 1 : Tại trang quản trị blog, các bạn vào Mẫu > Chỉnh sửa HTML, chèn đoạn code sau vào trước thẻ đóng ]]></b:skin>:
.avatar-author{float:left;margin-right:10px;border:0;border-radius:50%;padding:0;width:30px;height:30px}
Bước 2 : Chèn đoạn javascript sau vào trước thẻ đóng </head>
<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 2 : Tìm kiếm từ khóa <b:if cond='data:post.title'> trong template blogspot của bạn và chèn trước nó đoạn code sau
<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>
Chú Ý : Một Blogspot có thể có nhiều đoạn <b:if cond='data:post.title'> trùng lặp, và bạn cần phải xác định đúng vị trí của nó ( Thường nằm dưới phần  <b:includable id='post' var='post'> ). Bạn nào không thực hiện được có thể Comment bên dưới mình xẽ giúp đỡ nhé!
Cuối cùng save lại và xem kết quả thôi . Chúc các bạn thành công

Viết bình luận

[facebook][blogger]

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Được tạo bởi Blogger.
Javascript DisablePlease Enable Javascript To See All Widget