So what if using javascript ? There are a few drawbacks.
1. Loading aggravate the Blog.
2. If your browser does not support javascript, posts will fall apart if the access.
To address that problem, I finally found a way to make Auto Read More Without Javascript.
follow the way :
follow the way :
1. Login to Blogger.com.
2. Click the Design >> Edit HTML >> Expand Widget Templates.
3. Find the code as shown below :
<data:post.body />
4. Replace with this code:
<b:if cond='data:blog.pageType == "static_page"'>
<br/>
<data:post.body/>
<b:else/><b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if></b:if>
5. Save Template.
To have a nice zoom, add the CSS code as below :
.thumb img {
float: left;
margin: 0 10px 10px 0;
}
Put it before the code :
</b:skin>
Tidak ada komentar untuk " TRICK : Auto Read More In New Thumbnails (without Javascript) "
--------------------------------------------
Dilarang menggunakan kata-kata kasar dan kata-kata yang mengandung SARA, kata-kata yang mengindikasikan Flame terhadap seseorang sehingga terjadi pertengkaran akan saya hapus dan blok dari blogspot ini !!