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 .
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.
 |
| Ảnh minh họa khi chèn avatar trước tiêu đề bài viết |
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}<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='"/feeds/posts/default/" + data:post.id + "?alt=json-in-script&amp;callback=av"'/>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
0 Comments:
Đăng nhận xét