Home » » Cara Membuat Read More bag.I

Cara Membuat Read More bag.I

membuat dan memasang read more di blog
Sobat modif mungkin punya postingan yang panjang-panjang. Yang ketika ditampilkan di halaman depan blog akan menjulur hingga ke bawah. Tentu ini akan menganggu kenyamanan mata kita. Maka dari itu postingan harus dipotong agar tampil di halaman depan tidak sampai menjulur hingga ke bawah. Tak cukup dipotong doank, diperlukan juga suatu link yang jika diklik akan menampilkan seluruh postingan. Tulisan link tersebut biasanya "Read more" , "selengkapnya" , dll. Read more itulah nantinya akan tampil di bawah postingan. Tentunya pada halaman depan. Dan bagaimana cara membuat read more / selengkapnya tersebut?


Okelah , langsung aja kita buat:

  • masuk ke blog sobat modif
  • cari dan klik menu lay out / tata letak
  • klik submenu Edit HTML
  • centang expand template widget
    membuat read more di template baru

    • kemudian cari kode berikut <div class='post-body'>  , kalau tidak ada cari yang ini  <div class='post-body entry-content'> . Untuk mempermudah pencarian , gunakan F3 atau CTRL+F
    • setelah ditemukan , letakkan kode di bawah ini setelahnya



    <b:if cond='data:blog.pageType ==&quot;item&quot;' >

    <style>.fullpost{display:inline;}</style>

    <p><data:post.body/></p>

    <b:else/>

    <style>.fullpost{display:none;}</style>

    • setelah sobat modif menambahkan kode di atas, pindah ke bawah perlahan-lahan hingga sobat modif menemukan kode <p><data:post.body/></p>
    • letakkan kode di bawah ini sesudahnya

      <a expr:href='data:post.url'>Read More......</a>

      </b:if>

      • untuk lebih jelasnya lagi seperti ini

        <p><data:post.body/></p>
        <a expr:href='data:post.url'>Read More......</a>

        </b:if>

        Note: kata Read More...... bisa diganti dengan kata yang lain
        • kemudian simpanlah template sobat modif tersebut , klik "save template"
        • lihatlah halaman depan blog sobat modif , pasti akan ada link yang bacaannya Read more.... Tapi itu belum selesai , karena postingannya belum terpotong. Untuk memotong postingan , ikuti cara2 berikut:

          Cara pertama
            1. persiapkan postingan yang ingin dipotong
            2. tentukan berapa paragraph yang ingin ditampilkan , tentunya dimulai dari paragraph pertama ( sisanya akan dipotong / sembunyikan , jika diklik read more barulah keluar seluruh postingan )
            3. letakkan kode berikut di bawahnya  <!--more-->
            4. lalu klik terbitkan entri
            5. setelah itu klik lihat blog atau buka halaman depan blog sobat modif
            6. contoh:

              Entah kenapa aku senang melihat wajahmu. Rasanya gimana ya ? Bingung nich , tapi yang jelas aku itu ga muak-muak.   <!--more--> Berlebihan loe Raff, biasa aja la. Jangan terlalu githu kalli . dan seterusnya

              maka tampilannya nanti:

              Entah kenapa aku senang melihat wajahmu. Rasanya gimana ya ? Bingung nich , tapi yang jelas aku itu ga muak-muak.

              Read more....


              Cara kedua

              1. ada juga kode lain selain  <!--more--> , yaitu <div class="fullpost">  </div>
              2. letakkan tulisan yang mau dipotong / disembunyikan / tidak mau ditampilkan pada halaman depan di antara kode  <div class="fullpost">   </div>  tersebut
              3. contoh: ( yang merah akan tampil dan yang kuning tidak akan ditampilkan )

                Entah kenapa aku senang melihat wajahmu. Rasanya gimana ya ? Bingung nich , tapi yang jelas aku itu ga muak-muak.   <div class="fullpost"> Berlebihan loe Raff, biasa aja la. Jangan terlalu githu kalli . dan seterusnya </div>

                maka yang tampil nanti :

                Entah kenapa aku senang melihat wajahmu. Rasanya gimana ya ? Bingung nich , tapi yang jelas aku itu ga muak-muak.

                Read more....

                Gimana ngertikan? Selamat mencoba ..!! Semoga sukses ..
                Baca juga yang ini:

                8 comments:

                • Mitha says:

                  agan...nice info seh tapi koq pas saya coba masuk edit html saya coba cari kode yg kedua karena kode yg prtama ga ktemu pas saya cari. tapi koq yg kepotong malah jadi artikel blognya yaaa yg utuh malah side bar nya klo kyk bgitu gimana saya lanjutkan trik pertama dan trik kedua pda pemotongan tulisan artikelnya yaaa ...gan bisa bntu saya itu knp yaaa ????

                Leave a Reply