Tips Tutorial Cara Mengubah Letak Judul Widget Semoga Di Tengah

Membuat judul widget pada Blog menjadi rata tengah atau center mungkin bukanlah sesuatu yang rumit bagi Anda yang telah usang mengenal HTML ...

A+ A-
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 mencar ilmu perihal desain web, hal ini dapat terasa begitu sulit. Untuk itu saya berpikir bahwa goresan pena ini mungkin akan mempunyai kegunaan bagi Anda yang masih pemula.
Membuat judul widget pada Blog menjadi rata tengah atau center mungkin bukanlah sesuatu ya Tips Tutorial Cara Mengubah Letak Judul Widget semoga di Tengah

Untuk mengubah letak judul widget semoga di tengah, lakukan langkah berikut:

  1. Masuk ke Edit HTML pada template blog yang ingin Anda edit.
  2. Salin dan letakkan instruksi CSS berikut di atas instruksi ]]></b:skin> atau </style>.
    div.widget > h2 {text-align: center;}
  3. 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 dikala Blog dibuka di perangkat seluler. Dimana lebar semua element menjadi 100% (full screen). Tapi itu bukanlah sesuatu yang baku, alasannya yaitu selera orang berbeda-beda.

Jika Anda ingin judul widget Blog berada di tengah dikala 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 teladan 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

Related

Tutorial Blogger 1706970010640179586

Technology

Hot in week

Recent

Comments

item