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
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
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=’&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 để PhucNguyenIT
trợ giúp nha!

Bài viết Bạn có thể quan tâm

 

function getRandomPosts(json) {
var maxEntries = 10;
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
for (var i = 0; i < numPosts; ++i) { indexPosts[i] = i; } indexPosts.sort(function() {return 0.5 - Math.random()}); if (maxEntries > numPosts) {
maxEntries = numPosts;
}
var container = document.getElementById(‘random-posts’);
var ul = document.createElement(‘ul’);
for (i = 0; i < maxEntries; ++i) { var entry = json.feed.entry[indexPosts[i]]; var li = document.createElement('li'); var a = document.createElement('a'); a.title = entry.title.$t; for (var j = 0; j < entry.link.length; ++j) { if (entry.link[j].rel == 'alternate') { a.href = entry.link[j].href; break; } } a.appendChild(document.createTextNode(entry.title.$t)); li.appendChild(a); ul.appendChild(li); } container.appendChild(ul); }