Thứ Ba, ngày 19 tháng 7 năm 2016

3 Bước thêm ảnh tác giả ở đầu tiêu đề cho blogspot

Lượn lờ vào một số trang web thấy họ hay để ảnh tác giả bên cạnh tiêu đề bài viết thấy cũng hay hay nên áp dụng vào blog của mình vì blog mình có nhiều tác giả tham gia viết bài nên việc thêm vào lại rất cần thiết

Sau vài lần tìm hiểu trên google mình cũng sưu tầm được hướng dẫn nay xin chia sẻ lại cho anh em nào đang dùng blog viết bài. Cách làm chỉ cần qua 3 bước thôi.

Bước 1: Chèn CSS vào HTML chính của blog bạn

Đầu tiên các bạn hãy vào Blog Title → Template → Edit HTML. Nhấn Ctrl + F. Bạn tìm đoạn mã ]]></b:skin> và thêm vào ngay trước nó

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

Bước 2 - Chèn Javascript vào HTML chính của website bạn

Tìm </head> và chèn code sau vào trước </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 3 - Tìm kiếm <b:if cond='data:post.title'>

Tiếp theo các bạn tìm kiếm <b:if cond='data:post.title'> và chèn code sau ở trước nó. Và nhớ rằng có ít nhất 2 thẻ <b:if cond='data:post.title'>, nên bạn phải chắc chắn rằng tìm đến vị trí đúng. Thử cái này không được thì hoàn tác lại và thử ở vị trí <b:if cond='data:post.title'> khác nhé!

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

Lưu lại là xong! Các bạn có thể xem Demo trực tiếp ở tiều đề bài viết mà các bạn đang đọc hoặc xem hình dưới