Thứ Sáu, 23 tháng 1, 2015

[Thủ thuật blogspot] Thêm ảnh tác giả author avatar ở đầu tiêu đề cho blogspot

Một thủ thuật rất hay thêm ảnh tác giả author avatar ở đầu tiêu đề cho blogspot dành cho những blogspot cá nhân muốn giới thiệu người đọc biết đến ai viết bài viết này, tác giả bài viết là ai, đóng giấu bản quyền cho người đọc biết được tác giả có những bài viết mà mình thường đọc là người như thế nào... Một thủ thuật tuyệt vời dành cho những blogspot cá nhân muốn khẳng định tên tuổi. Chia sẽ xin giới thiệu thủ thuật thêm ảnh tác giả vào đầu tiêu đề blogspot có nội dung và cách làm như sau
Thủ thuật này cực kỳ đơn giản, chúng ta chỉ càn một vài thao tác là có thể thêm được ảnh author avatar vào đầu tiêu đề bài viết được rồi. Trình tự của thủ thuật này thì mình xin gói trọng trong 3 bước

3 Bước hêm ảnh tác giả author avatar ở đầu tiêu đề cho blogspot

Thêm ảnh tác giả author avatar ở đầu tiêu đề cho blogspot
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 TitleTemplateEdit 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. chúc các bạn thành công. Hãy ủng hộ chia sẽ bằng cách ấn like và chiase bên dưới nhé

Không có nhận xét nào:

Đăng nhận xét