Hình ảnh tác giả ở đầu bài viết trong bài viết ở blogger
Thủ thuật tạo ảnh tác giả ở đầu bài viết trong blogger, là một hình thức khác độc đáo. hiển thị avatar của tác giả ở đầu bài viết thể hiện 1 blog chuyên nghiệp, một bài viết có ảnh tác giả ở đầu làm cho người đọc cảm thấy khá tin tưởng về bài viết vì ở bài viết có hiện rõ hình ảnh của tác giả..hiển thị ảnh tác giả ở đầu bài viết cho blogger
đây cũng là một trong những chiến lược làm nên sự uy tín của 1 số blog lớn
 |
| hiển thị ảnh tác giả ở đầu bài viết cho blogger |
Tại sao nên để hình ảnh tác giả ở đầu bài viết
Thủ thuật tạo ảnh tác giả ở đầu bài viết. hay nói cách khác là khi bạn có 1 hình ảnh tác giả của bài viết đó thì người đọc sẽ cảm thấy khá tin tưởng về nội dung mình đang được đọc..
Vì trên thực tế thì có khá nhiều các web , blog quảng cáo web, blog bằng cách đi spam các link..
spam nghĩa là 1 lúc đăng rất nhiều tin.. vậy các bạn thử nghĩ xem đăng nhiều như vậy liệu nội dung có chất lượng hay không, hay chỉ là mục đích kéo vew cho blog họ
Vậy nên việc mà các bạn tạo 1 avatar tác giả ở đầu bài viết trong blogger thể hiện bản quyền. thể hiện sự chắc chắn..
Tạo ảnh tác giả ở đầu bài viết cho blogger
 |
| hiển thị ảnh tác giả ở đầu bài viết cho 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 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 PhucNguyenIT 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é.
Hôm nay trong bài viết này tôi sẽ hướng dẫn mọi người cách tạo 1 avatar ở đầu bài viết, mỗi khi các bạn post viết bài thì hình ảnh tác giả sẽ hiện ra, thủ thuật tạo avatar tác giả ở đầu bài viết cho blogger rất đơn giản các bạn tham khảo bên dưới 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='"/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é. 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 để PhucNguyenIT trợ giúp nha!
Post a Comment