Tips Membuat Read More/Baca Selengkapnya di Blogger

Setiap postingan/tulisan di blog yang terbaru biasanya akan ditampilkan di halaman utama blog. Jika postingan kita banyak dan isi postingan tersebut terlalu panjang maka akan membuat penuh halaman utama blog kita. Hal ini bisa di atasi dengan cara/dengan sebuah trik agar postingan kita yang panjang tersebut menjadi lebih pendek untuk di tampilkan di halaman utama blog kita dan kemudian ada sebuah link "Read More/Baca Selengkapnya" yang berguna untuk melihat selengkapnya isi postingan tersebut. Pemotongan postingan ini juga berguna salah satunya agar saat orang mengakses blog kita loadingnya tidak terlalu lama karena postingan yang ditampilkan di halamn utama blog kita tidak terlalu panjang/berat.
Untuk membuat Read More/Baca Selengkapnya pada postingan secara otomatis langkahnya :

1. Login ke blog/Blogger, klik menu Layout/Tata Letak, kemudian pilih menu Edit HTML.
2. Di sini akan mulai mengedit kode HTML/Template di blog kita, untuk itu sebelum mengedit HTML blog sebaiknya dibackup terlebih dahulu dengan cara mengklik tulisan Download Template Lengkap. Ini berguna jika terjadi kesalahan pada editan kita nanti maka template yang sudah kita download tadi kita kembalikan seperti semula dengan cara upload template tersebut ke blog kita
3. Jika kita sudah selesai backup/download template kita, maka kita lanjutkan ke proses pembuatan "Read More/Baca Selengkapnya" ini, langsung beri centang/ceklist di kotak kecil samping tulisan "Expand Template Widget" dan tunggu bebearapa detik untuk prosesnya
4. Selanjutnya cari kode HTML di bawah ini di template blog kita :

   <data:post.body/>

   atau

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

5. Jika sudah ketemu maka ganti kode tersebut dengan kode di bawah ini :

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

Tulisan "Read More" bisa kita ganti/ubah, misalnya "Selengkapnya/Selanjutnya" atau apa saja.
6. Setelah kita merasa selesai melakukan pengeditan, maka simpan hasil editan kita tersebut dengan mengklik SIMPAN TEMPLATE
7. Selanjutnya masuk/klik menu Pengaturan/Setting lalu pilih Format/Formatting terus geser/gulir ke bawah cari Templat Entri/Post Template
8. Pada kotak Templat Entri/Post Template isikan kode berikut :
   
   

   <span class="fullpost"> </span>

9. Kemudian langsung simpan perubahan/settingan kita

Untuk penggunaan pada postingan/tulisan di blog, sata kita membuat posting baru/Entri baru di blog, di sana ada dua pilihan mode/tab. Yaitu mode/tab Tulis/Compose dan mode/tab Edit HTML. Kita pilih yang mode/tab Edit HTML untuk mulai posting, dan secara otomatis akan muncul kode di daerah yang akan kita buat postingan baru seperti berikut :

<span class="fullpost"></span>

Ketik artikel/postingan kita yang akan di tampilkan di halaman utama blog sebelum kode :

<span class="fullpost">

dan sisa/potongan artikel yaitu keseluruhan artikel/postingan letakkan diantara/sebelum kode :

</span>

Setelah selesai kita menulis artikel/postingan, dan siap untuk di publikasikan di blog maka langsung kita publikasikan saja. Lihat hasilnya, artikel/postingan kita sudah terpotong secara otomatis dan membuat rapi halaman utama kita.
Sekian dulu postingan saya hari ini, karena sudah sore mau pulang dulu ya....
Terima kasih atas kunjungannya dan saya mohon kritik dan sarannya di bawah postingan ini. Cara membuat "Read More/Baca Selengkapnya" ini juga yang saya gunakan dalam memposting tulisan-tulisan saya di blog ini. Mungkin teman-teman dan para senior ada cara lain untuk membuat "Read More/Baca Selengkapnya" di blogger ini dan jika berkenan bisa di sharingkan ke saya melalui kotak komentarnya untuk menambah ilmu kita semua.
Terima kasih....

by Facebook Comment , Mau ?