Cara Cepat Mengatur Posisi Judul Pada Blog

Assalamualaikum Warahmatullah Wabarakatuh

Kali ini saya akan membahas mengenai cara mengatur posisi judul blog, Judul blog secara default berada pada posisi kiri atas, sehingga jika kita ingin mengubah posisi judul harus menambahkan beberapa script/code ke dalam template.

Judul ini bisa diset/diatur menjadi tiga (3) posisi yaitu Kiri (Left), Tengah (Center), dan Kanan (Right).

Ok, Langsung saja ya...berikut langkah lengkapnya..

• Login terlebih dahulu di Blogger,, kemudian pilih "Template" > "Sesuaikan"

• Pilih "Tingkat Lanjut" > "Tabahkan CSS" Kemudian pada kolom"Tambahkan CSS Khusus" masukkan kode berikut
• Kode ini untuk menempatkan judul blog di posisi tengah

/* Header
----------------------------------------------- */
.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
  _background-image: none;
  color: $(header.text.color);
text-align:center;
}

• Kode ini untuk menempatkan judul blog di posisi kiri

/* Header
----------------------------------------------- */
.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
  _background-image: none;
  color: $(header.text.color);
text-align:left;
}

• Kode ini untuk menempatkan judul blog di posisi kanan

/* Header
----------------------------------------------- */
.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
  _background-image: none;
  color: $(header.text.color);
text-align:right;
}

• Pilih "Terapkan ke Blog" kemudian "Kembali ke Blog"
• Sekarang coba cek blog saudara...Judul artikel/postingan anda akan berubah ke posisi tengah.

Ada banyak sekali script yang bisa ditambahkan jika ingin melakukan perubahan style pada judul blog dan itu tergantung dari teman-teman sekalian ingin menggunakan yang mana.ikuti kata hati saja...hehehehe

Salah satu alternatifnya adalah langsung saja ya,,berikut adalah cara lengkapnya...

• Login terlebih dahulu di Blogger,,Selanjutnya adalah masuk ke "Template" > "Edit HTML"

• Cari script/code .header-inner, biasanya code/script ini berbeda-beda tergantung template, untuk template yang saya gunakan codenya seperti ini.

.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: $(header.padding);
  padding-right: $(header.padding);
}

• Tambahkan code ini tepat diatasnya #header-inner {text-align: center ;} ,sehingga tampilannya seperti ini

#header-inner {text-align: center ;}
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: $(header.padding);
  padding-right: $(header.padding);
}

• Silahkan ubah codenya sesuai keinginan, center untuk posisi tengah, left untuk posisi kiri, dan right untuk posisi kanan
• Terakhir adalah simpan template dan lihat blog anda, pasti posisi judul blog sudah berubah...

Itulah penjelasan mengenai cara mengatur posisi judul blog, jika ada yang kurang jelas, silahkan bertanya...berbagi itu indah saudara..

Salam

Artikel Terkait