salam....
selamat sore pemirsah semua....
abis googling-gogling cari readmore buat blog, eh.... nemu juga... ni sedikit berbagi tutor "readmore" nya tanpa javascript... cekidot gan...... -,-
-READ THE RULES -
1. Buka Akun Blog agan, move ke template, dan pilih edit html. oia jgn lupa di BACKUP dulu ya gan -,-
2. Pilih Elemen Template, kemudian lanjutkan dengan klik Edit HTML
3. Lalu cari kode ]]></b:skin>, ( pencet ctrl+f aja biar cepet )
4. Copy / salin kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin>
.post-thumbnail{float:left;margin-right:20px}5. Jangan kmana-mana, masih di edit HTML.
6. Cari kode <data:post.body/>
(ada 3 biji kode begituan, banyak sumber menyarankan yang ketiga, tapi ane WORK yang kedua gan )
7. apabila sudah ketemu silahkan Copy kode di bawah ini.
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
7. Setelah di copy, GANTI kode <data:post.body/> dengan kode yang barusan agan copy.
8. Selesai..... Simpan template blog agan.
9. cekidot gan hasil nya -,-
ntr hasilnya kira-kira begini lo...
Demikian cara membuat "readmore" pada blog. Semoga bermanfaat dan Selamat mencoba gan.
Salam blogger......
sumber: http://bos-tutorial.blogspot.com
Judul: membuat "readmore" pada blog
Ditulis Oleh OMG SHOP
Silahkan tinggalkan komentar dan sarannya demi kemajuan blog ini kedepan...., Terima kasih
Tidak ada komentar :
Posting Komentar