cara membuat readmore pada postingan

Sering kita lihat blog yang ada tulisan readmore... di bawah postingan agar kita mengetahui postingan selanjutanya, atau kadang karena panjangnya content yang kita tulisan di blog kita, membuat tampilan blog menjadi panjang dan kurang bagus dilihantnya, untuk memendekanya kita bisa membuat read more atau baca selengkapnya agar postingan kita bisa keliahtan pendek
nah saat ini saya akan mencoba untuk memberikan bagaimana cara kita membuat format read more pada postingan kita, langkah-langkahnya antara lain:
  1. log in ke blogger.com dan kemudian masukan username dan password kita, kemudian kita pilih menu layout, trus klik edit html, dan jangan lupa beri tanda centang pada kotak expand widget template
  2. cari kode dibawah ini : ( <p><data:post.body/></p> )
  3. setelah ketemu ganti scrip diatas dengan scrip dibawah ini :

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



dan untuk tulisan readmore bisa di ganti dengan baca selengkapnya atau klik disini untuk melanjutkan dsb

4. setelah itu simpan hasil pengeditan tsb

sampai disitu belum selesai, kemudian pilih menu setting dan klik formating di kotak paling bawah ada tulisan Post Template, disitu kita masukan kode seperti bawah ini :

<span class="fullpost">


</span>

kemudian simpan settingan tersebut.

untuk posting, kita pilih edit html kemudian tulisakan abtraksi postingan seperti dibawah ini

abtraksi

<span class="fullpost">

postingan penuh
</span>

nah segitu dulu ya selamat mencoba,...

Share on :

1 comments:

akhmad teguh mengatakan...

g paham neh,, gmana carax? msalahx saya memang pemula banget buat blog,,

Posting Komentar

Cara Ngeblog Copyright © 2011 | Template created by O Pregador | Powered by Blogger