Mengotak-atik Header/Judul Blog

Header blog anda bisa dituak-atik sesuai keinginan. Bisa ditambahkan dengan gambar, diubah huruf dan warnanya, dan mdifikasi lainnya. Yuk, ikuti langkah-langkah dibawah ini.

Mengubah judul blog dan deskripsi blog, serta memasukkan gambar kedalamnya.

Untuk melakukan langkah ini, login ke Blogger, lalu klik menu Tata Letak > Elemen Halaman. Lalu cari bagian header anda (biasanya berformat: Judul Blog anda (Header)). Lalu klik Edit di pojok kanan bawahnya.

Nah, untuk mengganti judul blog, ubah bagian Judul Blog dengan judul blog anda. Untuk menentukan judul blog, baca: Menentukan Judul Blog. Untuk mengubah deskripsi blog, isilah bagian Deskripsi Blog dengan deskripsi blog anda. Lalu pada bagian Gambar, klik Browse untuk mengambil gambar dari komputer anda. Tapi apabila ingin mengambil gambar dari web, masukkan URL gambar anda ke kotak dibawah tulisan Dari web. Untuk penempatan, pilih Di balik judul dan keterangan jika anda ingin gambar tersebut berada dibalik judul dan keterangan (sebagai background). Namun, pilihlah Selain judul dan keterangan jika anda ingin supaya hanya gambar yang terlihat (judul dan keterangannya tidak terlihat). Beri tanda centang pada checkbox Susutkan agar sesuai. untuk menyesuaikan gambar dengan lebar header.

Kalu sudah, klik Simpan.

Mengubah font dan warna dari judul dan deskripsi blog.

Ada 2 cara untuk ini. Bagi yang masih pemula, anda bisa menuju ke menu Tata Letak > Font dan Warna. Sedangkan bagi yang sudah mahir, anda bisa menuju ke menu Tata Letak > Edit HTML.

Untuk para pemula, tujulah menu Tata Letak > Font dan Warna. Lalu editlah poin-poin berikut.

• Untuk mengedit warna judul blog, kliklah bagian Warna Judul Blog, lalu ganti dengan warna yang diinginkan.
• Untuk mengedit warna deskripsi blog, kliklah bagian Warna Deskripsi Blog, lalu ganti dengan warna yang diinginkan.
• Untuk mengedit font judul blog, kliklah bagian Font Judul Blog, lalu utak-atik sesuai keinginan.
• Untuk mengedit font deskripsi blog, kliklah bagian Font Deskripsi Blog, lalu utak-atik sesuai keinginan.

Lalu klik Simpan Perubahan.

Bagi yang sudah mahir, anda bisa menuju menu Tata Letak > Edit HTML. Pertama-tama backup dulu template. Lalu cari kode-kode berikut:

1. Untuk kode judul blog, cari kode yang mirip dengan kode berikut.

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

2. Sedangkan untuk kode deskripsi blog, cari kode yang mirip dengan kode:

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

Lalu, editlah sesuai keinginan anda. Misalnya, ingin menambahkan background untuk judul blog dengan warna #AC58FA, maka tambahkan kode background:#AC58FA; sebelum tanda tutup kurung kurawal (}), sehingga menjadi seperti ini.

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
background:#AC58FA;
}

Anda juga bisa mengotak-atik sesuai keinginan. Misalnya menambahkan border di sekelilingnya, ataupun variasi lainnya.

Kalau sudah, klik Simpan Template.

Artikelnya lumayan panjang yah? Sudah capek nih tangan. Jangan lupa komen dibawah untuk kemajuan blog ini. Semoga bermanfaat

Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

Artikel Menarik Lainnya