Membuat judul widget pada Blog menjadi rata tengah atau center mungkin bukanlah sesuatu yang rumit bagi Anda yang telah usang mengenal HTML dan CSS. Namun tidak bagi mereka yang gres mulai berguru wacana desain web, hal ini dapat terasa begitu sulit. Untuk itu saya berpikir bahwa goresan pena ini mungkin akan berkhasiat bagi Anda yang masih pemula.
Untuk mengubah letak judul widget biar di tengah, lakukan langkah berikut:
Keterangan:
Dengan menambahkan instruksi CSS di atas pada template blog Anda, secara otomatis semua judul widget posisinya akan berada ditengah, pada semua ukuran layar pengguna.
Letak alternatif lain
Pada template responsive, umumnya penempatan judul widget di tengah sidebar, footer , atau element blog lainnya diterapkan pada ketika Blog dibuka di perangkat seluler. Dimana lebar semua element menjadi 100% (full screen). Tapi itu bukanlah sesuatu yang baku, alasannya selera orang berbeda-beda.
Jika Anda ingin judul widget Blog berada di tengah ketika dijalankan pada perangkat seluler saja. Maka letakkan instruksi tersebut di dalam @media. Untuk besarnya lebar media Anda perkirakan saja sendiri.
Contoh
Keterangan:
Pada pola di atas, judul widget akan berada ditengah hanya kalau blog dibuka pada perangkat dengan lebar resolusi layar 600px dan di bawahnya.
Masih seputar widget Blog
Untuk mengubah letak judul widget biar di tengah, lakukan langkah berikut:
- Masuk ke Edit HTML pada template blog yang ingin Anda edit.
- Salin dan letakkan instruksi CSS berikut di atas instruksi
]]></b:skin>atau</style>.div.widget > h2 {text-align: center;} - Simpan Tema / Template.
Keterangan:
Dengan menambahkan instruksi CSS di atas pada template blog Anda, secara otomatis semua judul widget posisinya akan berada ditengah, pada semua ukuran layar pengguna.
Letak alternatif lain
Pada template responsive, umumnya penempatan judul widget di tengah sidebar, footer , atau element blog lainnya diterapkan pada ketika Blog dibuka di perangkat seluler. Dimana lebar semua element menjadi 100% (full screen). Tapi itu bukanlah sesuatu yang baku, alasannya selera orang berbeda-beda.
Jika Anda ingin judul widget Blog berada di tengah ketika dijalankan pada perangkat seluler saja. Maka letakkan instruksi tersebut di dalam @media. Untuk besarnya lebar media Anda perkirakan saja sendiri.
Contoh
@media screen and (max-width:600px) { div.widget > h2 {text-align: center;} } Keterangan:
Pada pola di atas, judul widget akan berada ditengah hanya kalau blog dibuka pada perangkat dengan lebar resolusi layar 600px dan di bawahnya.
Masih seputar widget Blog
