0 Trik Membuat Read More atau Baca Selanjutnya pada Blogspot

Posting di Tips dan Trik

Apa kabar sobat bisnis corner? , semoga kalian semua dalam keadaan sehat wal‘afiat dan masih setia menyimak artikel-artikel yang kami posting di blog ini. Kali ini saya akan mencoba memberikan trik dan solusi bagi anda yang telah menggunakan blogspot sebagai blog pilihan anda. Saya sengaja memilih judul “Trik Membuat Read More atau Baca Selanjutnya pada Blogspot” karena ketika anda membuat artikel yang menghabiskan halaman yang panjang untuk menampilkan seluruh isi artikel maka anda membutuhkan format Read More atau Baca Selanjutnya agar tampilan blog anda jadi menarik dan tidak membosankan. Dengan menggunakan format Read More atau Baca Selanjutnya, tampilan artikel sebagian akan disembunyikan dan sebagian lainnya akan ditampilkan. Pembaca tinggal mengklik link Read More atau Baca Selanjutnya untuk melihat seluruh isi artikel tersebut. 

Masalahnya adalah pada blogspot tidak menyediakan fasilitas yang langsung bisa dipakai pada artikel untuk format Read More atau Baca Selanjutnya. Anda harus sedikit memodifikasi kode HTML pada blog anda. Tapi anda tidak perlu khawatir karena anda tidak menguasai HTML, saya akan memberikan trik untuk membuat format Read More atau Baca Selanjutnya kepada sobat bisnis corner semuanya.

Ikutilah langkah-langkah dibawah ini:

1. Setelah anda login di blogger dan masuk ke halaman Dasbor, klik menu Pengaturan > Format.
2. Arahkan kursor ke halaman bawah, cari kotak kosong tepatnya di Template Posting, lalu tuliskan kode berikut ini.
   
   <div class="fullpost">
   </div>
3. Lalu klik Simpan.
4. Kembali ke halaman Dasbor, klik menu Tata Letak > Edit HTML
5. Setelah muncul halama Edit HTML, berilah ceklis pada Expand Template Widget, lalu carilah kode di bawah ini. Penulisan kode harus benar dan teliti.
   
   <data:post.body/>
6. Setelah ketemu kode di atas, maka hapuslah kode tersebut dan ganti 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/>
   <a expr:href='data:post.url'><strong>Baca Selanjutnya</strong></a></p> </b:if>
7. Jika sudah di tulis kodenya, klik Simpan Template.
8. Nah sekarang kita coba cara di atas untuk membuat format Read More atau Baca Selanjutnya. Pilih menu Posting>Buat Entri.
9. Setelah muncul halaman notepad untuk menulis artikel, klik mode Edit HTML, dan otomatis akan terlihat kode
   
   <div class="fullpost">
   </div>
10. Tulislah artikel yang akan ditampilkan sebelum kode <div class="fullpost">
    dan tulislah artikel yang akan disembunyikan di antara kode tersebut.
    
    Artikel yang akan ditampilkan
    <div class="fullpost">
    Artikel yang akan disembunyikan
    </div>
11. Jika sudah selesai menulis artikel, klik Terbitkan dan lihat hasilnya di blog anda.

Bagaimana sobat, apa menurut anda terlalu sulit cara ini? Cara ini cukup mudah di terapkan jika anda mengikuti tahap demi tahap intruksi yang saya berikan.

Selamat Mencoba dan salam sukses selalu.

Bisnis Online Corner

Komentar →