[Tips] - Thêm ảnh tác giả Author Avatar ở đầu tiêu đề cho Blogspot Blogger

Một thủ thuật rất hay dành cho các bạn viết blog cá nhân, cách để khẳng định bản quyền tác giả và dễ phân biệt tác giả là ai trong blogspot, với thủ thuật [Tips] - Thêm ảnh tác giả Author Avatar ở đầu tiêu đề cho Blogspot Blogger mà Terocket mang đến. 

Thủ thuật blog cực hay dành cho các bạn viết blog cá nhân & khẳng định thương hiệu của mình trong cộng đồng

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. Cùng Terocket thực hiện thủ thuật [Tips] - Thêm ảnh tác giả Author Avatar ở đầu tiêu đề cho Blogspot Blogger này nhé. 

Bước 1 - Chèn CSS vào HTML chính của website 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 đượ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 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'> 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='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>

Sau đó các bạn Lưu lại và xem thành quả nhé. Thế là xong thủ thuật blog [Tips] - Thêm ảnh tác giả Author Avatar ở đầu tiêu đề cho Blogspot Blogger này tại Terocket rồi. Chúc các bạn thành công, bạn nào đã làm được hãy share kết quả ở dưới, bạn nào chưa được thì gửi bình luận để Terocket trợ giúp nha!

Trứng Vịt - Terocket

Socializer Widget by Nguyen D. Khanh

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..