Auto Readmore Blogger without Javascript



Đây là một thủ thuật khá hay giúp tối ưu SEO tuy vậy thì số ký tự tóm tắt trong snippet lại không hiển thị được nhiều :

Đầu tiên mời mọi người tham khảo qua Demo :


Các bước áp dụng tới blogspot của bạn :

Các bước thực hiện :


Bước 1: 

Thêm css sau trước ]]></b:skin>

.post-thumbnail{float:left;margin-right:20px}

Bước 2: 

Nhấn Ctrl + F để tìm 

<data:post.body/>

Bước 3: 

Thay thế toàn bộ <data:post.body/> bằng code sau :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

Bước 4: 

Tùy biến (Thêm tác giả số nhận xét). Xem thêm chi tiết tại bài viết dưới :

http://www.erhay.com/2013/04/them-tac-gia-so-nhan-xet-thoi-gian-post.html

Nguồn : chúng tôi sưu tầm từ nhiều nguồn
SHARE

Thiết kế web chuyên nghiệp giá rẻ

Chúng tôi tuyên thiết kế web chuyên nghiệp đẳng cấp giá rẻ với 5 năm kinh nghiệm trong lĩnh vực thiết kế website nếu các bạn có nhu cầu có thể liên hệ Hotline: 0962 66 57 57 || Email: cmay.tt@gmail.com || website: cmay.vn

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 nhận xét:

Đăng nhận xét