Atur tampilan blog lagi yuk. Ahyar Blog ada tips baru lagi ne yaitu cara untuk menempatkan Nama blog (Blog Title) ditengah pada header blog. Tips ini baru saja Ahyar Blog dapat hasil utak atik kode blog.
Tampilan default dari nama blog biasanya berada sejajar vertikal dengan batas kiri halaman posting blog. Dengan menggunakan pengaturan teks nama media online internet Blog akan digeser. Pengaturan ini akan dilakukan dalam kode template blog.
Untuk lebih jelas yang dimaksud perhatikan arah panah merah pada gambar di bawah ini dan apabila ingin menggunakan tips ini dapat mengikuti cara yang diuraikan di bawah ini.
Cara untuk menempatkan Nama Blog di tengah(center) pada header blog dapat dilakukan dengan langkah-langkah sebagai berikut, yaitu:
1. Sign in di blog2. Klick Rancangan
3. Klick Edit HTML
4. Cari kode berikut ini.
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
.header-inner .Header .descriptionwrapper {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
5. Ganti padding-left: 0; dan padding-right: 0; sesuai dengan letak yang diinginkan
6. Klick Simpan Template untuk menyimpan perubahan
7. Klick Lihat untuk melihat hasilnya.
2. Ganti angka 30px untuk Nama Blog dan ganti angka 18 untuk diskripsi blog6. Klick Simpan Template untuk menyimpan perubahan
7. Klick Lihat untuk melihat hasilnya.
Sedangkan apabila ingin merubah ukuran font/huruf Nama Blog (Blog Title) dapat dilakukan seperti cara yang dijelaskan bawah ini. Namun yang perlu dikatahui bahwa step yang ditempuh berikut ini bloger sedang atau sudah berada pada kode template blog.
Caranya yaitu:
1. Cari kode berikut ini.
1. Cari kode berikut ini.
<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Title Font" type="font"
default="normal bold 30px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.font" description="Font" type="font"
default="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="header.font" description="Title Font" type="font"
default="normal bold 30px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.font" description="Font" type="font"
default="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
3. Klick Simpan Template untuk menyimpan perubahan4. Klick Lihat untuk melihat hasilnya
Semoga bermanfaat dan selamat mencoba bagi yang membutuhkannya.
Artikel lainnya:
Cara Menghilangkan Angka Label Blog - 2
Cara Menghilangkan Tanggal Postingan Blog
Cara Menyembunyikan Nav Bar Blog
Cara Mengatur Jarak Widget Side Bar Blog Secara Default
