Cara Menambahkan Istirahat HTML "Baca Selengkapnya" di Tumblr

click fraud protection
Siswa perempuan duduk di kafe.

Read More break adalah cara yang bagus untuk memecah blog Anda.

Kredit Gambar: millann/iStock/GettyImages

Menambahkan jeda "Baca Selengkapnya" di Tumblr adalah cara terbaik untuk memecah konten blog Anda dan membuatnya lebih mudah untuk menggulir beberapa posting. Ini mudah dilakukan dengan menggunakan editor teks kaya standar yang digunakan oleh Tumblr, tetapi jika Anda ingin menambahkan jeda "Baca Selengkapnya" Tumblr dalam HTML, Anda perlu menambahkan sedikit kode. Ini bukan kode HTML standar, dan sepertinya tidak berfungsi saat Anda mempratinjau postingan, tetapi setelah Anda memposting, itu muncul seperti yang Anda inginkan. Ini adalah ide yang baik untuk mengetahui kedua pendekatan, karena metode standar jauh lebih sederhana.

Tumblr “Baca Selengkapnya” – Metode Mudah

Menambahkan jeda "Baca Selengkapnya" dengan mudah menggunakan editor teks kaya standar di Tumblr. Pertama, tulis bagian awal posting Anda, artinya bagian yang ingin Anda tuju sebelum jeda "Read More". Kemudian pilih "Enter" untuk memulai baris baru dan perhatikan simbol "+" yang muncul di sebelah kanan jendela editor di samping baris baru. Klik simbol ini, dan opsi muncul, dengan opsi paling kanan berupa deretan tiga titik dengan latar belakang abu-abu.

Video Hari Ini

Klik simbol tiga titik untuk menyisipkan jeda "Baca Selengkapnya" menggunakan metode sederhana. Anda juga dapat menggunakan pintasan "Ctrl"+"Shift"+"K" di PC atau "Command"+"Shift"+"K" di Mac untuk melakukan hal yang sama. Ini secara otomatis menghasilkan kode HTML yang Anda butuhkan. Anda tidak perlu masuk ke editor HTML jika tidak mau.

Kode HTML untuk "Baca Selengkapnya"

Anda juga dapat membuat terobosan "Baca Selengkapnya" Tumblr melalui editor HTML di Tumblr. Untuk mengakses editor, klik ikon roda gigi di pojok kanan atas layar saat Anda membuat postingan baru atau mengedit postingan yang sudah ada. satu dan kemudian klik menu tarik-turun di samping "Editor teks." Pilih "HTML" dari opsi yang ditampilkan, dan editor beralih ke HTML mode.

Proses dari titik ini dan seterusnya sederhana. Jika Anda sudah memiliki teks, Anda akan melihat "

" dan "

" tag untuk awal dan akhir paragraf, masing-masing. Di antara tag akhir dan awal, di mana Anda ingin jeda "Baca Selengkapnya" berada, ketik "[[MORE]]" (tanpa tanda kutip) untuk menghasilkan jeda "Baca Selengkapnya".

Namun, kode ini tidak standar untuk HTML, dan jika Anda mengklik "Pratinjau", kode ini akan ditampilkan seperti yang Anda tulis. Jangan khawatir. Saat Anda memublikasikan postingan, postingan akan muncul sebagai jeda, sama seperti saat Anda menggunakan metode sebelumnya.

"Baca Selengkapnya" di Editor Penurunan Harga

Format terakhir untuk editor di Tumblr adalah editor penurunan harga, dan Anda juga dapat membuat tautan "Baca Selengkapnya" menggunakan editor ini. Prosesnya persis sama dengan HTML. Anda mengetik teks yang ingin Anda tuju sebelum jeda "Baca Selengkapnya", dan kemudian "[[LEBIH BANYAK]" sebelum Anda melanjutkan mengetik teks Anda. Itu tidak akan ditampilkan di pratinjau, seperti dalam mode HTML, tetapi berfungsi saat Anda memublikasikan postingan.

Menambahkan Line Breaks dalam HTML

Meskipun tautan "Baca Selengkapnya" adalah cara paling berguna untuk memisahkan konten Anda, mungkin juga membantu untuk mengetahui cara menyisipkan jeda baris dalam HTML. Ini mudah dilakukan: Masukkan kode "


" (tanpa tanda kutip) pada titik yang Anda inginkan untuk memunculkan jeda baris. Anda tidak harus meletakkan ini di antara tag paragraf penutup dan pembuka. Ia bekerja di mana saja.