Kotak artikel terkait manual di Blogger dapat dibuat dari daftar tautan HTML yang ditempatkan di isi postingan. Pilih bacaan yang membantu langkah berikutnya, beri judul kotak yang jelas, lalu periksa tujuan setiap tautan. Contoh di bawah dapat dipasang melalui tampilan HTML editor postingan, tanpa skrip atau perubahan tema.
Komponen ini berguna ketika penulis ingin menentukan sendiri bacaan lanjutan untuk artikel tertentu. Anda juga perlu merawatnya: judul, URL, dan relevansi tautan tidak berubah otomatis ketika arsip blog diperbarui. Mulailah dari satu draf agar posisi dan tampilannya mudah diperiksa.
Pilih bacaan berdasarkan kebutuhan pembaca
Tentukan terlebih dahulu apa yang mungkin dibutuhkan pembaca setelah bagian utama selesai. Pada artikel tentang mengganti template, misalnya, bacaan mengenai cadangan, pengujian tampilan, dan persiapan gambar mempunyai hubungan yang dapat dijelaskan. Hubungan seperti ini lebih berguna daripada daftar artikel yang dipilih hanya karena tanggal terbitnya berdekatan.
Baca halaman tujuan sebelum memasukkannya. Pastikan isinya masih sesuai judul dan tersedia untuk pengunjung umum. Gunakan alamat artikel publik, bukan alamat editor Blogger, draf pribadi, atau tautan pratinjau yang membutuhkan akses pengelola.
Panduan tautan Google merekomendasikan elemen <a> dengan atribut href serta teks tautan yang deskriptif, cukup ringkas, dan relevan. Teks tersebut membantu pembaca memahami tujuan sebelum membuka halaman.
Dalam contoh ini dipakai tiga bacaan untuk memperlihatkan sebuah kelompok yang utuh. Jumlah itu merupakan pilihan contoh, bukan batas platform atau jumlah ideal SEO. Hapus pilihan yang tidak membantu, dan tambahkan hanya ketika ada kebutuhan yang jelas. Hindari mengisi kotak dengan variasi kata kunci yang mengarah ke tujuan sama.
Gunakan contoh HTML sebagai komponen isi postingan
Contoh berikut membuat satu kelompok navigasi dengan label yang menjelaskan tujuannya. Elemen nav menurut MDN mewakili bagian navigasi menuju dokumen yang sama atau dokumen lain. Elemen ini tidak diperlukan untuk setiap tautan; di sini digunakan untuk kelompok bacaan lanjutan yang sengaja ditonjolkan.
Judul visual memakai paragraf tebal agar contoh tidak memaksakan tingkat heading ke dalam susunan artikel Anda. Isi daftar berisi tautan biasa dengan alamat publik yang telah diperiksa ketika panduan disusun. Salin seluruh contoh, dari pembuka nav sampai penutupnya, jika ingin mencoba komponen ini.
<nav aria-label="Bacaan terkait: persiapan mengganti template" style="box-sizing:border-box;max-width:100%;margin:1.5rem 0;padding:1rem;border:1px solid #cbd5e1;border-left:4px solid #2563eb;border-radius:0.5rem;background:#f8fafc;color:#172033;overflow-wrap:anywhere;">
<p style="margin:0 0 0.6rem;"><strong>Baca juga sebelum mengganti template</strong></p>
<ul style="margin:0;padding-left:1.25rem;">
<li><a href="https://www.temablogger.com/2026/10/backup-blogger-sebelum-ganti-template.html" style="display:block;padding:0.35rem 0;color:#1d4ed8;text-decoration:underline;">Cara backup konten, tema, dan gadget Blogger</a></li>
<li><a href="https://www.temablogger.com/2026/10/uji-template-blogger-portal-berita.html" style="display:block;padding:0.35rem 0;color:#1d4ed8;text-decoration:underline;">Pengujian template Blogger sebelum dipakai</a></li>
<li><a href="https://www.temablogger.com/2025/08/eleganza-estiva-uomo-pantaloncini-e.html" style="display:block;padding:0.35rem 0;color:#1d4ed8;text-decoration:underline;">Optimasi gambar Blogger agar artikel lebih ringan</a></li>
</ul>
</nav>URL dalam contoh merupakan halaman nyata TemaBlogger. Untuk blog Anda, ganti setiap nilai href dengan alamat bacaan yang sesuai. Ganti teks di antara pembuka dan penutup tautan bersama judul kotaknya, sehingga konteks tujuan tetap jelas. Pertahankan tanda kutip yang membungkus alamat.
Ubah juga aria-label ketika topik kotak berubah, misalnya dari persiapan mengganti template menjadi pengelolaan gambar. Label tersebut memberi nama pada bagian navigasi untuk teknologi bantu. Teksnya sebaiknya menjelaskan fungsi kelompok, tanpa menambahkan daftar kata kunci.
Tempatkan kotak pada posisi yang mendukung alur artikel
Sebelum menambahkan komponen ke artikel penting, simpan salinan isi yang akan diubah. Bila membutuhkan persiapan lebih lengkap, ikuti panduan cadangan konten, tema, dan gadget Blogger. Percobaan kotak ini cukup dilakukan di isi sebuah draf.
Buka editor postingan dan pilih Tampilan HTML melalui kontrol mode editor. Cari bagian setelah sebuah paragraf atau bagian akhir artikel. Tempel contoh sebagai blok tersendiri, di luar tag paragraf yang sedang terbuka. Nama atau posisi kontrol dapat berbeda menurut tampilan editor yang digunakan.
Posisi yang baik mengikuti momen ketika pembaca memerlukan penjelasan tambahan. Kotak dapat diletakkan setelah rangkaian langkah selesai, atau mendekati akhir pembahasan. Hindari menyisipkannya di tengah kalimat, daftar langkah yang belum selesai, maupun bagian yang membuat pembaca kehilangan konteks.
Perhatikan komponen artikel terkait yang mungkin sudah disediakan tema. Jika daftar otomatis dan kotak manual menampilkan pilihan sama secara berdekatan, nilai kembali kebutuhan keduanya pada artikel tersebut. Tujuannya menyediakan jalur yang membantu, bukan memenuhi halaman dengan pengulangan navigasi.
Gaya pada contoh hanya melekat pada komponen itu. Lebar mengikuti ruang yang tersedia, sedangkan padding dan garis tepi memisahkan kotak dari paragraf. Tidak ada instruksi memasang kode global di tema atau memasukkan komponen ke semua postingan sekaligus.
Uji tautan dengan ponsel dan keyboard
Bantuan Blogger tentang postingan menjelaskan penggunaan Pratinjau untuk melihat hasil dan Simpan untuk menyimpan tanpa memublikasikan. Sesudah menempel contoh, buka pratinjau dan pastikan yang terlihat adalah kotak bacaan, bukan tulisan tag HTML.
Jika seluruh tag masih tampak sebagai tulisan, periksa apakah contoh ditempel ke mode visual. Di tutorial ini kode memang ditampilkan sebagai teks agar dapat disalin; pada draf percobaan, kode yang disalin perlu diproses melalui tampilan HTML. Hindari mengganti seluruh isi artikel ketika hanya satu komponen yang perlu diperbaiki.
Di layar sempit, perhatikan apakah judul kotak dan teks tautan dapat turun baris tanpa membuat halaman melebar. Periksa pula jarak antartautan dan apakah warna tetap terbaca pada tema yang dipakai. Ukuran layar pembaca dapat berbeda dari area editor Anda.
Dokumentasi anchor MDN menerangkan bahwa tautan dengan href dapat diaktifkan memakai Enter saat mendapat fokus. Gunakan Tab untuk berpindah di antara tautan, pastikan penanda fokus terlihat, lalu uji tujuan masing-masing. Contoh tidak menghapus outline atau memakai urutan fokus buatan.
Klik semua tautan untuk memastikan artikel yang dibuka cocok dengan teksnya. Pemeriksaan lebih luas terhadap konten dan navigasi tersedia pada checklist pengujian template Blogger. Simpan draf, buka kembali, dan periksa pratinjau agar komponen yang tersimpan sesuai hasil yang Anda nilai.
Rawat pilihan bacaan ketika artikel diperbarui
Simpan catatan sederhana mengenai artikel tempat kotak dipasang dan halaman yang ditautkan. Ketika sebuah tujuan dihapus, dipindahkan, atau diubah pembahasannya, buka kembali artikel yang merujuknya. Ganti tautan bila ada tujuan yang lebih tepat; hapus pilihan yang tidak lagi membantu pembaca.
Untuk pengelolaan bersama, jelaskan alasan pemilihan bacaan di catatan redaksi. Misalnya, panduan cadangan dipilih karena pembaca akan mengubah konfigurasi, bukan hanya karena artikel itu baru diterbitkan. Alasan yang tercatat membuat penulis berikutnya lebih mudah mempertahankan hubungan yang masuk akal.
Mulailah dengan satu kotak pada artikel yang paling membutuhkannya, lalu nilai kejelasan tujuan dan kenyamanan penggunaannya. Tautan HTML biasa menyediakan jalur navigasi yang dapat dipahami pembaca serta mesin pencari, tetapi pemasangan kotak tidak menjamin halaman akan diindeks atau memperoleh peringkat tertentu.
Komentar
Posting Komentar