Secara bawaan, judul artikel di Blogger biasanya ditampilkan rata kiri, Jika ingin tampilan blog terlihat lebih rapi dan simetris, judul artikel dapat dipindahkan ke posisi tengah.
Ada dua cara yang bisa digunakan untuk membuat judul artikel berada di tengah, yaitu melalui Edit HTML pada Tema dan melalui mode HTML pada postingan.
Cara 1: Memindahkan Semua Judul Artikel ke Tengah melalui Edit HTML Tema
Cara pertama cocok digunakan jika ingin semua judul artikel pada blog ditampilkan rata tengah.
1. Masuk ke Blogger
Login ke dashboard Blogger menggunakan akun yang digunakan untuk mengelola blog.
2. Pilih Tema
Pada menu Blogger, pilih Tema, kemudian buka menu Edit HTML.
Sebaiknya lakukan backup tema terlebih dahulu sebelum melakukan perubahan.
3. Cari kode </b:skin>
Di dalam editor HTML tema, cari kode:
</b:skin>Gunakan fitur pencarian pada editor agar lebih mudah menemukan kode tersebut.
4. Masukkan kode CSS
Letakkan kode berikut tepat di atas </b:skin>:
.post-title {
text-align: center;
}Jika tema Blogger menggunakan class judul yang berbeda, selector CSS mungkin perlu disesuaikan. Pada beberapa tema, judul artikel dapat menggunakan .entry-title atau selector lainnya.
Sebagai contoh:
.post-title,
.entry-title {
text-align: center;
}5. Simpan tema
Setelah kode dimasukkan, klik Simpan.
Sekarang judul artikel yang menggunakan selector tersebut akan tampil rata tengah secara otomatis.
Kelebihan metode ini
Metode ini sangat praktis karena cukup dilakukan satu kali. Setelah kode ditambahkan ke tema, pengaturan tersebut dapat diterapkan ke seluruh postingan yang menggunakan class judul yang sama.
Cara 2: Memindahkan Judul Artikel ke Tengah melalui Mode HTML Postingan
Cara kedua dapat digunakan jika hanya ingin membuat judul pada artikel tertentu berada di tengah.
Metode ini berguna jika tidak ingin mengubah tampilan judul pada seluruh artikel di blog.
1. Buka postingan
Masuk ke Postingan pada dashboard Blogger, kemudian buka artikel yang ingin diedit.
2. Pilih mode HTML
Pada editor postingan Blogger, ubah tampilan dari mode Tulis ke HTML.
3. Tambahkan kode CSS pada postingan
Tambahkan kode berikut pada bagian HTML postingan:
<style>
.post-title {
text-align: center;
}
</style>
Namun, perlu diperhatikan bahwa selector .post-title biasanya merupakan elemen judul postingan, sedangkan HTML yang berada di dalam editor postingan merupakan isi artikel. Karena itu, cara ini tidak selalu dapat mengubah judul artikel Blogger.
Jika tujuan Anda adalah membuat judul yang berada di dalam isi postingan menjadi rata tengah, gunakan kode HTML berikut:
<h2 style="text-align:center;">Judul Artikel</h2>Atau jika menggunakan heading lain:
<h3 style="text-align:center;">Judul Artikel</h3>Dengan cara tersebut, teks judul yang dibuat di dalam isi artikel akan berada di tengah.
Perbedaan dengan Edit HTML Tema
Ada perbedaan penting antara kedua metode tersebut.
Edit HTML Tema digunakan untuk mengatur tampilan elemen judul artikel yang dibuat oleh Blogger secara otomatis. Pengaturan dapat diterapkan ke banyak atau seluruh postingan.
Sementara itu, mode HTML postingan lebih cocok untuk mengatur teks atau heading yang berada di dalam isi artikel secara individual.
Mana yang Sebaiknya Digunakan?
Jika ingin semua judul artikel Blogger berada di tengah, gunakan metode pertama melalui Edit HTML Tema.
Jika hanya ingin membuat heading atau teks tertentu di dalam artikel berada di tengah, gunakan metode kedua melalui mode HTML postingan.
Kesimpulan
Memindahkan judul artikel ke tengah pada Blogger dapat dilakukan dengan beberapa cara. Melalui Edit HTML Tema, pengaturan dapat diterapkan secara global sehingga lebih praktis. Sedangkan melalui mode HTML postingan, pengaturan dapat dibuat secara khusus pada isi artikel tertentu.
Sebelum mengubah HTML tema, sebaiknya selalu lakukan backup terlebih dahulu agar tema dapat dikembalikan jika terjadi kesalahan.
Komentar
Posting Komentar