Cách tạo " read more " cho blogspot để tùy biến hình ảnh hiển thị " read more "

 humghn.com 

Trong một vài bài viết trước , chuyên mục đã hướng dẫn các bạn cách tạo " read more " cho blogspot , tuy nhiên , trong bài viết này , chuyên mục sẽ hướng dẫn các bạn cách tạo " read more " một cách đơn giản hơn . Để thực hiện , các bạn làm theo các bước sau :

Bước 1 : Đăng nhập blogspot , chọn " chỉnh sửa HTML "

Bước 2 : Tìm đến đoạn mã 

<data:post.body/> or <p><data:post.body/></p>

Bước 3 : Đặt trên mã vừa tìm được đoạn code sau :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

Bước 4 : Tiếp tục tìm đến đoạn mã dạng :
<data:post.body/>/font> or <p><data:post.body/></p>
Dán vào sau đoạn mã vừa tìm được đoạn code sau

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>

Bước 5 : Lưu
Cách tùy chỉnh hình ảnh hiển thị của " Read more "
Bước 1 : Tìm đến đoạn code sau ( Hoặc tương tự như vậy )

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url   "#more"'>Read More </a>
</div>
</b:if >

Bước 2 : Sửa đoạn code vừa tìm được thành

Example : 
<a expr:href='data:post.url   "#more"'><p align="Left">Read More</p></a>

or
<a expr:href='data:post.url   "#more"'><p align="right"><img border="0" src="Your READ MORE Image URL "/></p></a>

"Paste your READ MORE Image URL here " bạn điền link hình ảnh Read more bạn thích vào 

Bước 3 : Nếu muốn căn chỉnh " Read more " sang trái hoặc sang phải hay chính giữa tùy í , bạn sửa lại mục " Left " và " Right " là được

Chúc các bạn thành công  !