Cara Membuat Readmore/Baca Selengkapnya di blog

Jika anda menampilkan banyak postingan di blog maka blog akan terlihat memanjang. Dan ini akan menimbulkan ketidak nyamanan bagi yang melihat dan membaca blog anda. disini saya akan mencoba memberikan cara agar blok anda terlihat rapi dan menarik. yaitu dengan menampilkan paragraf pertamanya saja dan yang lainya akan tampil kalo tulisan “Readmore” atau tulisan “Baca selengkapnya” di klik.

Langkah pertama login di pengaturan blog anda, dan masuk ke tataletak/layout. trus ke edit HTML, jangan lupa memberi centang pada tulisan “Expand Widget tempalte”.

Setelah itu cari kode dibawah ini(untuk mempermudah tekan ctrl+F kemudian ketik kodenya dan klik “find next”)

nah dibawah Kode diatas ada kode yang mirip atau sama seperti kode dibawah ini,

Lalu ganti kode diatas dengan kode dibawah ini

.fullpost{display:inline;}

.fullpost{display:none;}

Selengkapnya….

tulisan readmore dapat di ganti dengan tulisan lainnya, seperti Baca Selengkapnya dll

nah kalo sudah kita melangkah ke langkah selanjutnya

Ke menu Setting/Pengaturan Lalu pilih menu Formatting/Format

Lalu Cari Kotak Post Template Isikan kode dibawah

Kemudian Di save/simpan

Untuk penulisannya, letakkan paragraf pertama di sebelum tulisan dan postingan sisa ditulis di setelahnya, dan diakhiri dengan

&lt/span&gt

UPDATE: Saat ini blogger sudah mempunyai fasilitas readmore sendiri, jadi tidak usah membuat readmore lagi.

Other Tags :

Tips Membuat readmore, cara memberikan read more pada posting blog, CARA NGUTAK NGATIK CAMFROG, kode html baca selengkapnya, cara menambah readmore, CARA MENAMBAH SMILE DI POSTING BLOG, cara nambahin read more di blogspot, cara Read more diganti dengan banner, kode buat baca selengkapnya pada wordpress, kode html blogspot baca selengkapnya
15 Comments Post a Comment
  1. Arif AnggriAone says:

    mas aku udah find next kode ini….&ltdiv class='post-header-line-1'/>tapi tulisannya pharse not found

  2. Dearyoti says:

    sebelumnya maaf karna terjadi kesalahan penulisan kode, tapi semuanya sudah di perbaharui dan silahkan mencoba kembali. terima kasih…:)

  3. Arif AnggriAone says:

    kang makasih nih atas tips blognya…kang saya mo tanya dunkkk…cara tampiln kotak yang buat taro Html kya gmna?

  4. Thamrin says:

    kang.. saya coba post saya hilang semua ??

  5. Arton says:

    masa sih ilang semua? postingannya ga ilang, cuma perlu diedit lagi di penulisannya.caranya masuk di edit postingan trus masuk di edit html trus di beri &lt span class="fullpost"&gt di paragraf pertama dan akhiri dengan &lt/span&gt pada akhir postingan.

  6. Arton says:

    &lt=<, dan &gt=>

  7. NURISLAMI JAYA SENTRA PULSA says:

    kang g bener nih script:((postingan aq ilang semua:((

  8. lina says:

    Thanks tipsnya, tapi buat saya yang newbie, ngutak-ngatik html suka bikin deg-degan…Saya blm nyoba 'read more' sekarang, mungkin nanti kalau posting sdh banyak.

  9. Julkifli says:

    mas gimana cara nambahin tab comen, yg ada emotionnya? please

  10. Arton says:

    artikel seperti itu sudah banyak. lihat aja disini: http://www.o-om.com/2007/11/pasang-icon-smile-emotion-di-blogger.html

  11. Anonymous says:

    makasih bos, gw simpen tipsnya yo

  12. tooricg says:

    Makasih bos tipsnya, langsung w praktekin

  13. hombar says:

    GATOT bosssalias gagal total…..postingan aku lenyap tak berbekas….:((mohon petunjuknya

  14. Arton says:

    @hombar, mungkin jenis tempalte beda kali, tenag aja, postingannya ga bakal ilang. balikin aja templatenya ke yang lama..

  15. Pisang_rebus says:

    Mas mw tanya kq q dh nyari kata kode html di kotak tuKq g da mas..trus gmn ni mas? Padhal udh q find lhoMhon penjelasannya

Leave a Reply




Categories

Archives

Site Statistic