Untuk membuat kutipan di Blogger, gunakan blockquote untuk petikan yang berdiri sebagai blok, lalu tampilkan kredit sumber di luar kutipan. Atribut cite dapat menyimpan alamat asal, tetapi jangan mengandalkannya sebagai tautan yang terlihat oleh pembaca. Sediakan nama sumber dan tautan yang jelas pada halaman.
Persoalan utamanya bukan membuat kotak dengan garis tepi. Pembaca perlu membedakan ucapan sumber, penjelasan penulis, dan informasi tambahan. Panduan ini memakai contoh fiktif untuk latihan HTML; tidak ada narasumber, dokumen, atau pernyataan nyata yang diklaim pernah diterbitkan.
Tentukan dulu bagian yang benar-benar merupakan kutipan
Dokumentasi blockquote MDN menjelaskan elemen ini sebagai penanda kutipan panjang yang disajikan tersendiri. Gunakan ketika pilihan kata sumber memang perlu ditampilkan, misalnya untuk membahas satu pernyataan dalam pengumuman. Untuk pendapat Anda sendiri, gunakan paragraf biasa meskipun ingin menonjolkannya secara visual.
Bayangkan artikel yang menjelaskan perubahan jam layanan. Petikan pengumuman ditempatkan terpisah, sedangkan penjelasan mengenai dampaknya ditulis setelah petikan. Jangan menyatukan tafsiran penulis ke dalam kutipan sehingga pembaca mengira semuanya berasal dari pengumuman tersebut.
Dalam latihan itu, periksa apakah ada batas wilayah, tanggal berlaku, atau pengecualian pada kalimat berikutnya. Memotong bagian tersebut dapat membuat petikan seolah berlaku untuk semua pembaca. Tulis konteks yang diperlukan di paragraf pengantar sebelum menilai desain kotaknya.
Untuk kutipan pendek di tengah kalimat, elemen q menurut MDN sesuai untuk petikan sebaris tanpa pergantian paragraf. Peramban umumnya menambahkan tanda kutip pada q. Periksa hasil sebelum menambahkan tanda kutip manual agar tampilannya tidak berlapis.
Panjang bukan hitungan kata wajib yang menentukan seluruh keputusan. Pertimbangkan hubungan petikan dengan kalimat di sekitarnya: apakah ia menyatu dalam satu kalimat atau membutuhkan ruang tersendiri untuk dibahas? Jangan memecah satu kalimat hanya untuk memperoleh tampilan kotak yang lebih mencolok.
Jika isinya tambahan penjelasan buatan penulis, baca panduan kotak catatan Blogger. Fungsi catatan berbeda dari kutipan sumber, walaupun keduanya bisa diberi garis tepi. Komponen sebaiknya dipilih berdasarkan isi sebelum menentukan dekorasinya.
Pisahkan alamat sumber dan kredit yang terlihat
Standar HTML WHATWG menyediakan atribut cite untuk alamat sumber kutipan. Alamat tersebut bukan pengganti kredit yang terlihat. Standar ini juga menempatkan atribusi di luar blockquote; figure dan figcaption dapat mengelompokkan petikan dengan keterangannya.
Nama yang sama, cite, dipakai untuk dua hal berbeda. Atribut cite berisi URL. Sementara itu, elemen cite menurut MDN menandai judul karya, termasuk judul halaman web. Pada contoh, judul dokumen berada di dalam cite, sedangkan keterangannya berada di figcaption.
Anda dapat menuliskan nama penulis atau organisasi pada kredit yang terlihat, bila diketahui dari sumbernya. Jangan mengisi nama yang tampaknya meyakinkan tanpa memeriksa halaman asal. Jangan pula mengubah judul artikel menjadi nama orang hanya karena keduanya sama-sama muncul pada baris kredit.
Pilih halaman tempat petikan tersebut benar-benar dapat ditemukan, bukan beranda umum jika tersedia alamat dokumen yang lebih tepat. Catat juga bagian atau tanggal dokumen ketika diperlukan untuk membedakan versi. Ini merupakan pekerjaan penyuntingan yang perlu dilakukan sebelum mengganti penanda contoh.
Contoh HTML dengan petikan fiktif
Kalimat, judul, dan alamat berikut sepenuhnya penanda latihan. Ganti kedua URL example.com dengan alamat sumber yang sama, lalu sesuaikan petikan dan judul dokumen. Jangan menerbitkan contoh ini seolah-olah merupakan pengumuman nyata.
<figure style="margin:1.25rem 0;max-width:100%;overflow-wrap:anywhere;">
<blockquote
cite="https://example.com/dokumen-contoh"
style="margin:0;padding:0.75rem 1rem;border-left:4px solid #2563eb;">
<p style="margin:0;">Kalimat ini adalah petikan fiktif untuk latihan, bukan pernyataan narasumber nyata.</p>
</blockquote>
<figcaption style="margin-top:0.5rem;">
Contoh fiktif dari
<cite><a href="https://example.com/dokumen-contoh">Dokumen Contoh untuk Latihan</a></cite>.
</figcaption>
</figure>Figure membungkus petikan dan kreditnya. Blockquote hanya memuat petikan, sementara figcaption tetap berada di luar blockquote. Anchor pada judul dokumen menyediakan tautan yang dapat digunakan pembaca; atribut cite sendiri tidak menghasilkan baris sumber seperti figcaption.
Gaya margin mengatur jarak blok. Padding memberi ruang di sebelah petikan, dan garis kiri menjadi pembeda visual. Contoh tidak menetapkan tinggi atau lebar piksel tetap. Properti overflow-wrap MDN menjelaskan nilai anywhere untuk membungkus rangkaian karakter panjang ketika diperlukan, termasuk alamat yang sulit dipenggal.
Kode di atas disajikan sebagai teks agar dapat disalin. Ia belum memasang kutipan aktif pada situs Anda. Tidak ada JavaScript, tombol, maupun perubahan tema dalam contoh ini.
Coba pada satu draf, lalu periksa sumber dan tampilannya
Simpan salinan isi sebelum menyunting tulisan penting; panduan backup Blogger menjelaskan cadangan yang lebih luas. Untuk latihan, buka satu draf percobaan dan pilih Tampilan HTML pada editor postingan.
Tempel contoh setelah paragraf yang sudah ditutup, bukan di tengah tag p atau di editor tema. Ganti semua penanda. Jika petikan sudah ada, sunting blok tersebut agar tidak muncul dua salinan. Pertahankan penjelasan penulis sebelum atau sesudah figure sesuai alur tulisan.
Bantuan postingan Blogger membedakan menyimpan draf dan menerbitkan, serta menyediakan Preview untuk melihat hasil. Simpan draf, buka pratinjau, lalu muat ulang editor untuk memastikan petikan, kredit, dan kedua alamat sumber tetap sesuai.
Di pratinjau latihan, periksa layar sempit dan lebar. Apakah teks terpotong, jarak kiri terlalu besar, atau kredit terdorong keluar ruang artikel? Coba judul dokumen yang realistis dan cukup panjang. Jika gaya tema ikut menambahkan tanda kutip dekoratif, periksa apakah tampilannya mengganggu pembacaan sebelum menambah gaya lain.
Gunakan keyboard untuk mencapai tautan sumber dan pastikan penanda fokus terlihat. Buka tujuan yang sudah Anda ganti untuk memastikan halaman memuat bagian yang dirujuk. Pemeriksaan ini adalah langkah untuk dilakukan pada draf Anda, bukan laporan bahwa komponen contoh telah diuji pada semua tema.
Terakhir, bandingkan petikan dengan dokumen asal kata demi kata. Bila merangkum dengan kalimat sendiri, sajikan sebagai penjelasan dan tetap cantumkan rujukan yang relevan. Jangan menjadikan blockquote tempat menampung paragraf panjang dari berbagai situs demi menambah jumlah kata artikel. Pilih petikan yang memang akan dijelaskan dalam pembahasan.
Simpan catatan alamat sumber dan bagian yang dirujuk untuk penyuntingan berikutnya. Saat sumber diperbarui, tinjau apakah petikan masih menjawab pembahasan Anda. HTML ini mengatur penyajian kutipan; ia bukan cara untuk menjamin peringkat atau mempercepat pengindeksan.
Komentar
Posting Komentar