Senin, 19 Agustus 2024

Menggunakan "Jump Break" di Postingan

 

Agar tampilan homepage Blogspot tidak menampilkan artikel yang terlalu panjang, Anda bisa memanfaatkan fitur "Jump Break" atau "Read More" untuk membatasi jumlah teks yang ditampilkan per artikel. Ini akan memotong artikel di homepage, menampilkan hanya cuplikan atau bagian awal dari artikel, dan menambahkan tautan "Read More" (Baca Selengkapnya) yang mengarahkan pembaca ke seluruh artikel.

Berikut adalah langkah-langkah untuk menerapkan fitur ini:

Menggunakan "Jump Break" di Postingan:

  1. Buka Editor Postingan:

    • Masuk ke Blogspot Anda, buka editor untuk artikel yang ingin Anda sunting atau buat artikel baru.
  2. Masukkan "Jump Break":

    • Di editor, tulis paragraf awal artikel Anda. Kemudian, letakkan kursor di tempat Anda ingin memotong artikel (biasanya setelah paragraf pertama atau kedua).
    • Klik tombol "Insert Jump Break" yang terlihat seperti ikon terpotong di toolbar editor (berbentuk kertas dengan garis putus-putus).
  3. Simpan atau Perbarui Artikel:

    • Setelah memasukkan jump break, lanjutkan menulis sisa artikel di bawah garis putus-putus tersebut.
    • Simpan atau perbarui artikel Anda.
  4. Hasil di Homepage:

    • Di homepage blog Anda, artikel tersebut hanya akan menampilkan teks sebelum jump break, diikuti dengan link "Read More" yang bisa diklik untuk melihat keseluruhan artikel.

Menyesuaikan Tampilan dengan Template (Opsional):

Jika ingin lebih lanjut mengatur tampilan atau gaya link "Read More", Anda bisa melakukan kustomisasi CSS pada template Blogspot Anda.

  1. Buka "Theme" (Tema):

    • Di dashboard Blogspot, pilih "Theme" dari menu.
  2. Masuk ke "Customize" atau "Edit HTML":

    • Klik "Customize" untuk melakukan perubahan visual, atau pilih "Edit HTML" untuk mengedit kode template langsung.
  3. Cari dan Sesuaikan CSS untuk "Read More":

    • Cari bagian CSS yang mengatur gaya "Read More" atau tambahkan CSS baru untuk mengubah tampilan teks atau tombol sesuai keinginan Anda.

Contoh CSS sederhana untuk "Read More":

css
.jump-link { font-size: 14px; font-weight: bold; color: #3498db; text-decoration: none; } .jump-link:hover { color: #2980b9; }

Mengatur Jumlah Postingan di Homepage:

Anda juga bisa mengatur jumlah artikel yang muncul di homepage untuk menghindari halaman yang terlalu panjang.

  1. Pergi ke "Settings" (Pengaturan):

    • Di dashboard Blogspot, pilih "Settings".
  2. Atur Jumlah Postingan di Homepage:

    • Di bagian "Posts", Anda akan menemukan opsi untuk mengatur jumlah artikel yang ditampilkan di homepage. Atur sesuai kebutuhan Anda, misalnya 5 atau 7 artikel.

Dengan cara ini, tampilan homepage blog Anda akan lebih rapi dan tidak membuat pengunjung harus menggulir terlalu jauh untuk melihat semua konten.

Tidak ada komentar:

Posting Komentar