Selasa, 10 September 2013
CARA MEMBUAT AUTO READ MORE DENGAN THUMBNAIL DI BLOGGER TANPA JAVASCRIPT
Diposting oleh Fitri Andiani di 02.14
CARA MEMBUAT AUTO READ MORE DENGAN THUMBNAIL DI BLOGGER TANPA
JAVASCRIPT
Memakai auto read-more yang dilengkapi dengan thumbnail (gambar kecil) di halaman muka atau homepage blogger tanpa javascript membuat loading blog/website akan lebih ringan. Caranya sebagai berikut:
1. Masuk/login ke blogger.com
2. Klik Template -> Lanjutkan -> Edit HTML
3. Beri tanda tik/centang pada Expand Widget Template
4. Cari kode </b:skin>
5. Taruh kode berikut sebelum atau di atasnya kode </b:skin> :
.thumb img {
float:
left;
margin:
0 10px 10px 0;
}
6. Cari kode berikut: <data:post.body />
7. Hapus kode nomor 6 dan ganti dengan kode di bawah:
7. Hapus kode nomor 6 dan ganti dengan kode di bawah:
<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 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>
Selesai dan selamat mencoba ヘ(^_^ヘ) (ノ^_^)ノ
0 Comments:
Subscribe to:
Posting Komentar (Atom)
Diberdayakan oleh Blogger.
.jpg){kind=link}