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...
Salah satu alternatifnya adalah langsung saja ya,,berikut adalah cara lengkapnya...
- Login terlebih dahulu di Blogger,,Selanjutnya adalah masuk ke "Template" > "Edit HTML"
- 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...
Salam
No comments:
Post a Comment