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 .

Ả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

Nguồn : iChiaSe.Biz

Tag : Blogspot, Thủ thuật blogspot