Sabtu, 29 November 2014

membuat "readmore" pada blog


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 != &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>

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
Terima Kasih Anda Telah Membaca Tulisan Ini
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

Scary Pumpkin 3