Tạo Author Avatar trước tiêu đề bài viết trong Blogspot
Nick name nào trên mạng cộng đồng cũng đều có Author Avatar. Một cách để cho tiêu đề của
bài viết thêm đẹp, ta có thể chèn thêm Author Avatar vào phía trước.
Cách làm như sau
Thêm XML:
Nếu là thẻ <h2> :
<h2 : class 'post - title emtry - title' itemprop = 'name'>
Nếu là thẻ <h3> :
<h3: class 'post - title emtry - title' itemprop = 'name'>
Thông thường là thẻ <h3> các thẻ như vậy thường xuất hiện 2 hoăc 3 lần trong một Template, ta chép dán code sau đây vào trên chúng:
<b : if cond = ' data : post.authorphoto.url' itemprop = 'image' width '21px' />
</b : if>
Ta có thể thay Width : '21px' cho Avatar có xuất hiện vừa vặn.
Thêm Css:
Nếu Template sử dụng thẻ <h3> thì sử dụng code:
.post h3<display : inline(important)
Chúc các bạn thành công.
Khanhnguyen' s blog
bài viết thêm đẹp, ta có thể chèn thêm Author Avatar vào phía trước.
Cách làm như sau
Thêm XML:
- Blogger có đoạn XML nhỏ giúp ta lấy được hình của Avatar đại diện từ Google Plus.
- Nếu Template sử dụng thẻ <h2> hoặc <h3>, bạn cần phải nắm rõ được điều nầy:
Nếu là thẻ <h2> :
<h2 : class 'post - title emtry - title' itemprop = 'name'>
Nếu là thẻ <h3> :
<h3: class 'post - title emtry - title' itemprop = 'name'>
Thông thường là thẻ <h3> các thẻ như vậy thường xuất hiện 2 hoăc 3 lần trong một Template, ta chép dán code sau đây vào trên chúng:
<b : if cond = ' data : post.authorphoto.url' itemprop = 'image' width '21px' />
</b : if>
Ta có thể thay Width : '21px' cho Avatar có xuất hiện vừa vặn.
Thêm Css:
- Tìm thẻ: ]]></b:skin>
- Dán code dưới vào trước thẻ bạn mới tìm.
Nếu Template sử dụng thẻ <h3> thì sử dụng code:
.post h3<display : inline(important)
- Lưu mẫu và kiễm tra kết quả.
Khanhnguyen' s blog
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é..
0 Comments:
Đăng nhận xét