Walaupun sudah tergolong “basi” dan sudah banyak postingan tentang Tips Membuat Readmore atau Baca Selengkapnya, namun saya yakin masih ada yang membutuhkannya terutama bagi new blogger. Dengan readmore, postingan akan terlihat lebih ringkas dan postingan akan tampil penuh jika mengklik link yang diberikan. Tips dan Trik Blog akan memberikan tipsnya berikut ini.

Langsung saja ke pokok temanya, tips membuat readmore pada new blogger.

Login ke blogger.com hingga masuk di halaman Panel Kontrol (Control Panel)

Kemudian klik Tata Letak (Layout)

Kemudian klik tab Edit HTML hingga tampil halaman edit html. (Jangan lupa centangi pada Expand Template Widget)

Setelah itu cari dan pastikan ketemu code seperti di bawah ini.

Setelah ketemu, letakkan code berikut ini, di bawah kode di atas tadi.


.fullpost{display:inline;}



.fullpost{display:none;}

Di bawah code di atas, pastikan ada code di bawah ini.

Letakkan code berikut ini,

Readmore,..

di antara code ini

dan code ini

Selengkapnya, setelah code diubah adalah seperti di bawah ini. Yang berwarna hitam adalah code asli sedangkan warna merah adalah code yang baru saja kita tambahkan.


.fullpost{display:inline;}



.fullpost{display:none;}

Readmore,..

Selanjutnya Simpan Template

Catatan : kata “Readmore” dapat Anda ganti dengan kata yang lain, seperti “baca selanjutnya” atau yang lain.

Kemudian, lanjutkan ke menu Pengaturan (Setting) > tab Format. Tambahkan code berikut ini pada kotak Template Posting.

Kemudian Simpan Pengaturan (Save Setting)

Selanjutnya pada waktu memposting, tempatkan tulisan yang ingin ditampilkan sebelum code dan tempatkan tulisan yang terpotong (disembunyikan) di antara dan .

Sebagai contoh dapat dilihat simulasi di bawah ini.

Teks yang tampil adalah “Teks atau tulisan ini yang akan tampil sebagian (tidak terpotong).”

Teks yang disembunyikan “Teks atau tulisan ini yang akan dipotong atau disembunyikan”.

Selamat Mencoba ya!!

Terima kasih khusus saya ucapkan kepada guru besar saya Mas Afatih Suhud, Mas Kendhin, juga Kang Rohman.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s