Thủ thuật này cực kỳ đơn giản, chỉ cần vài bước nhỏ bạn có thể gắn logo hình ảnh của mình lên đằng trước tiêu đề rồi, đây là cách khẳng định bản quyền và xây dựng thương hiệu cá nhân rất tuyệt vời.
Bước 1 : Chèn CSS vào HTML
Đầu tiên các bạn hãy vào Blog Title → Template → Edit HTML. Nhấn Ctrl + F. Bạn tìm được <b:skin>...</b:skin> chèn code sau vào giữa đó. Hoặc tìm kiếm ]]></b:skin> và chèn code sau vào trên ]]></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 Javascript vào HTML
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'> và chèn code
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ó nhiều <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='"/feeds/posts/default/" + data:post.id + "?alt=json-in-script&amp;callback=av"'/>
Sau đó các bạn Lưu lại và xem thành quả nhé.
Đăng nhận xét