Cara Merubah Jarak Antara Judul Blog dengan Deskripsi Blog
Sebelumnya kita telah membahas cara menempatkan judul blog ditengah-tengah.
Sekarang, kita akan merubah jarak antara judul blog dengan deskripsi
blog. Kali ini pun kita akan bahas cara ini dengan mudah, tanpa harus
mengutak atik kode HTML di Edit HTML.
Jika merujuk pada template defult dari blogspot, jarak antara judul dan deskripsi terlalu jauh. Ini memang tidak berpengaruh apa-apa dimesin pencari, namun banyak yang menilai jarak yang terlalu jauh itu kurang nyaman dipandang.
Karena saya beranggapan sama dengan yang lain, maka saya pun merubah jarak itu. Kita akan merapatkan sedikit antara judul dan deskripsi agar terlihat mesra dan enak dipandang. Okelah, kita mulai saja.
Seperti biasa. Login ke akun blogspot Anda, lalu pilih tab Template lalu pilih Sesuaikan.
Jika merujuk pada template defult dari blogspot, jarak antara judul dan deskripsi terlalu jauh. Ini memang tidak berpengaruh apa-apa dimesin pencari, namun banyak yang menilai jarak yang terlalu jauh itu kurang nyaman dipandang.
Karena saya beranggapan sama dengan yang lain, maka saya pun merubah jarak itu. Kita akan merapatkan sedikit antara judul dan deskripsi agar terlihat mesra dan enak dipandang. Okelah, kita mulai saja.
Seperti biasa. Login ke akun blogspot Anda, lalu pilih tab Template lalu pilih Sesuaikan.
Dihalaman ini langsung saja pilih tab sebelah kiri paling bawah Tindak Lanjut dan tab paling bawah lagi Tambahkan CSS. Lalu copy script dibawah ini, tepat di dalam kotak isian yang disediakan. Anda akan melihat preview-nya dibagian bawah.
.region-inner.main-inner{ margin-top: -20px; } .titlewrapper{ margin-bottom: -40px; }
Ini gambar ilustrasinya:
Anda bisa modifikasi script diatas dengan sedikit perubahan. Jaraknya
bisa dimainkan dengan merubah angka yang telah saya tandai warna merah.
Setiap merubah angkanya lihat preview dibawahnya dan saat sudah merasa
nyaman dengan jaraknya, selanjutnya simpan dengan menekan tombol
Terapkan ke Blog disebelah kanan atas.
Mudah bukan! Jika masih mengalami kesulitan, silahkan dikomunikasikan dengan meninggalkan komentar dibawah ini. Jika informasi diatas juga bermanfaat buat Anda, tak ada salahnya untuk tetap berdiskusi. Indahnya berbagi....
Mudah bukan! Jika masih mengalami kesulitan, silahkan dikomunikasikan dengan meninggalkan komentar dibawah ini. Jika informasi diatas juga bermanfaat buat Anda, tak ada salahnya untuk tetap berdiskusi. Indahnya berbagi....
Cara Menempatkan Judul Blog Ditengah-tengah
Sebelumnya kita juga telah membahas cara merubah lebar header blogspot. Kini kita akan lihat caranya merubah posisi judul pada blogspot.
Berbicara tentang judul blog, secara defult blogspot menempatkannya disebalah kiri. Jika sebagai pengguna ingin memindahkannya ditengah-tengah, bisa juga. Caranya pun sangat mudah, bahkan tanpa harus menuju halaman Edit HTML dan berjibaku dengan kode-kode 'rumit'.
Oh iya sebagai informasi saja, blog ini menggunakan template sederhana dari blogspot. Namun dengan berbagai perubahan kita bisa membuatnya tampak beda dari bawaan aslinya. (Semoga saja nampak beda Anda lihat xixixix).
Kembali ke topik bahasan. Cara menempatkan judul blog pas ditengah-tengah. Pertama-tama login dulu ke akun blogspot Anda. Lalu pilih tab Template disebelah kiri dan lalu pilih Sesuaikan.
Dihalaman ini langsung saja pilih tab sebelah kiri paling bawah Tindak Lanjut dan tab paling bawah lagi Tambahkan CSS. Lalu copy script dibawah ini, tepat di dalam kotak isian yang disediakan. Anda akan melihat preview-nya dibagian bawah. Jika sudah sesuai keinginan, silahkan tekan tombol Terapkan ke Blog.
/* 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;
}
----------------------------------------------- */
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
_background-image: none;
color: $(header.text.color);
text-align:center;
}
Ini gambar ilustrasinya.
Harus diingat, jika Anda sudah menaruh beberapa script didalam kota Tambahkan CSS, usahakan untuk satu script dengan script lainnya memiliki jarak. Untuk menempatkan script diatas usahakan pula berada dibagian atas agar, script lain misal untuk merapatkan jarak antara judul blog dengan deskripsi blog tidak tertimpal.
Gimana mudah bukan!. Jika masih mengalami kesulitan, silahkan dikomunikasikan dengan meninggalkan komentar dibawah ini. Jika informasi diatas juga bermanfaat, tak ada salahnya untuk tetap berdiskusi. Salam berbagi....
