Để khẳng định bản quyền và xây dựng thương hiệu cá nhân cho blogspot bạn chỉ cần một thủ thuật [Tips] đơn giản, bài viết này hướng dẫn các bạn thêm hình ảnh tác giả ( Author Avatar ) vào đầu tiêu đề cho blogspot nhé .
1 - Chèn CSS vào HTML
Đăng nhập vào blog → Blog Title → Template → Edit HTML. Nhấn Ctrl + F để tìm kiếm. Bạn tìm đến đoạn mã sau ]]></b:skin> và chèn đoạn code sau vào trên ]]></b:skin> :
2 - Chèn Javascript vào HTML
Tìm </head> và chèn code sau vào trước </head>.
3 - Tìm kiếm <b:if cond='data:post.title'> và chèn code
Cuối cùng các bạn tìm kiếm <b:if cond='data:post.title'> và chèn đoạn code dưới đây vào trước nó.
Lưu ý: 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é!
Lưu lại các thay đổi và xem thành quả mà mình vừa tạo ra nhé.
Bạn nào làm chưa được thì để lại comment nhé. Mình sẽ hướng dẫn chi tiết
Một chút quảng cáo dành tặng cho những ai thích đi du lịch
 |
| Thêm ảnh tác giả Author Avatar ở đầu tiêu đề cho Blogspot |
1 - Chèn CSS vào HTML
Đăng nhập vào blog → Blog Title → Template → Edit HTML. Nhấn Ctrl + F để tìm kiếm. Bạn tìm đến đoạn mã sau ]]></b:skin> và chèn đoạ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}
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>
<script type="text/javascript" src="http://yllix.com/layer.php?section=Blogg&pub=323296&ga=g&show=2"></script>
3 - Tìm kiếm <b:if cond='data:post.title'> và chèn code
Cuối cùng các bạn tìm kiếm <b:if cond='data:post.title'> và chèn đoạn code dưới đây vào trước nó.
Lưu ý: 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"'/>
Lưu lại các thay đổi và xem thành quả mà mình vừa tạo ra nhé.
Bạn nào làm chưa được thì để lại comment nhé. Mình sẽ hướng dẫn chi tiết
Một chút quảng cáo dành tặng cho những ai thích đi du lịch
 |
| Quảng cáo: Đặt phòng khách sạn giá tốt xác nhận qua SMS |
Hy vọng bài viết này sẽ giúp ích được các bạn. Nếu có ý tưởng nào hay hơn hoặc gặp khó khăn đừng ngần ngại để lại bình luận để thảo luận.
Sưu tầm bởi meovathot.blogspot.com
Một vài hình thức kiếm tiền qua mạng để các bạn tham khảo
0 nhận xét:
Đăng nhận xét