Langkah Membuat ReadMore di Blog

Pada saat pertama membuka halaman blog, yang ditampilkan biasanya postingan terbaru kita. Tetapi bagaimana jika suatu postingan tersebut adalah postingan yang panjang? Tentunya halaman utama blog terlihat penuh. Apalagi bila pengaturan format tampilan blog dibuat sampai beberapa postingan, yang tentu saja membuat pengunjung blog merasa kurang nyaman untuk mencari postingan yang sebelumnya.

Jika kita ingin agar suatu postingan di blog yang ditampilkan pada halaman utama tersebut hanya ringkasannya saja, kita bisa mengaturnya dengan menambahkan ReadMore di template kita. Mungkin bagi master blog telah paham dengan hal ini, namun tidak ada salahnya saya mengarsipkannya kembali disini sebagai bahan referensi dan arsip saya. Tips ini saya peroleh dari mas kendhin. Untuk membuat ReadMore tersebut, langkah-langkahnya seperti ini :

  • Login ke dalam blog terlebih dahulu
  • Pada halaman dasbord, pilih menu tata letak, dan pilih Edit HTML
  • Beri tanda centang pada bagian expand widget template
  • Kemudian cari kode HTML dibawah ini :
<p><data:post.body/></p>

Untuk memudahkan dalam mencari, gunakan tombol control F dan copy kode diatas pada kotak pencarian.
  • Jika sudah ketemu, gantilah kode tersebut dengan kode 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>


  • Simpan hasil pengeditan itu. Nah, untuk tulisan Read More...... dapat kita ubah sesuai keinginan kita. Misalnya Baca Selengkapnya atau Read Full Post atau yang lainnya.
  • Setelah semuanya disimpan, langkah selanjutnya adalah masuk ke menu pengaturan/setting lalu pilih format.
  • Cari bagian kotak Template Posting/Post Template, dan isikan kode berikut di kotak tersebut :

  • <span class="fullpost">

    </span>

  • Simpan hasil pengaturan kita.

  • Pada saat akan membuat suatu posting, di halaman Entri Baru kita pilih Edit HTML bukan yang Compose. Di halaman itu, secara otomatis akan terdapat kode seperti yang telah kita letakkan pada kotak Template Posting/Post Template, yaitu :

    <span class="fullpost">

    </span>

    Nah, jika kita ingin menulis suatu postingan, pada halaman Entri Baru, letakkan tulisan yang ingin ditampilkan sebelum kode <span class="fullpost"> dan tulisan yang ingin disembunyikan diletakkan diantara kode <span class="fullpost"> dan </span>. Ilustrasinya kurang lebih seperti ini:

    Tulisan yang ditampilkan
    <span class="fullpost">
    Tulisan yang disembunyikan
    </span>

Demikian cara membuat ReadMore di Blogspot sebagai arsip saya hari ini.

Ikon ini merupakan link ke situs bookmark sosial
  • Facebook
  • Google
  • Twitter
  • Digg
  • Delicious
  • Furl
  • Reddit
  • StumbleUpon
  • Technorati

  • Informasi : Maaf sobat, pada beberapa artikel Tips Blog, terdapat instruksi Tata Letak. Instruksi tersebut saat ini berubah menjadi Rancangan. Hal ini karena adanya perubahan langsung dari blogger. Terimakasih atas pemaklumannya.

    Berikut Yang Berhubungan Dengan Artikel Diatas :



    Alhamdulillah telah ada 4 komentar dari sobat :

    1. Aussie said...

      makasih infonya

    2. US News said...

      Hello! Do you know if they make any plugins to assist with Search Engine Optimization? I'm trying to get my blog to rank for some targeted keywords but I'm not seeing very good results. If you know of any please share. Many thanks!

    3. Obat kutil kelamin said...

      baru kali ini nih gan aku ngebaca artikel yang sangat bagus,ditgu ya yg artikel selanjutnya..!!

    4. Obat sipilis said...

      Nice post gan, sangat membantu



    Bagaimana Menurut Sobat Mengenai Artikel : "Langkah Membuat ReadMore di Blog" Di Atas?

    Merupakan anugerah tak terkira kepada sobat yang telah memberikan ulasan terhadap tulisan Hitam Putih Kehidupan disini.

    Blog ini menggunakan sistem DOFOLLOW sebagai apresiasi terhadap kunjungan sobat. MOHON MAAF, komentar yang bersentuhan dengan PORNOGRAFI, SARA, SPAM, dan IKLAN, akan kami DELETE...

    Dimohon juga jangan meletakkan link di halaman komentar, karena otomatis akan kami DELETE..