CARA MENDEKATKAN JUDUL BLOGGER DENGAN DESKRIPSI BLOG

Judul dan deskripsi blog merupakan bagian penting yang ada pada blog termasuk platform blogger.

Tapi tahukah kamu jika banyak blog-blog yang kurang memperhatikan bagian pada header ini, terutama para blogger pemula seperti saya ini. :) namun saya gak pemula-pemula amat loh.

Blog pemula terkadang hanya memakai template yang sudah disediakan oleh blogger yang didalamnya termasuk tampilan pada header blognya.

baca juga: Cara Merubah Ukuran Header Blogger Terbaru Dengan Mudah

Jika di lihat tampilan header pada blog buatan google ini memiliki jarak antara judul dengan deskripsi blog yang tergolong berjauhan.

Ini contohnya:

(Gambar Jarak Antara Judul Blog dengan Deskripsi Blog)

Sebelum masuk ke pembahasan mengedit jarak antara judul blog dengan deskripsinya, kita coba ketahui dulu apa pengaruh dari sebuah tampilan header termasuk judul dan deskripsi di dalamnya.

Sebenarnya apa sih dampak yang dapat di timbulkan jika tampilan header blog kita kurang manis. Terutama tampilan jarak antara judul blog dengan deskripsi blog?

Dampak serius tidak ada namun jika blog yang kalian buat dengan tujuan ecomerse maka dapat mengurangi minat pengunjung untuk membeli barang yang kalian tawarkan, itu saja. hee

Pikir saja begini, sebuah toko akan dapat menjual barang yang ia jual jika tampilan toko tersebut terkesan profesional dan meyakinkan bukan.

Sebaliknya jika sebuah toko terlihat berantakan tanpa perawatan maka calon pembeli akan pikir dua kali untuk membeli barang di toko tersebut.

Baca juga : Cara Merubah Ukuran Font Teks Postingan Pada Blogger Terbaru

Ini juga berlaku untuk jualan online menggunakan blog, blog yang memiliki tampilan di segala sisi yang enak di pandang akan memiliki peluang lebih besar menjual produk.

Nah sekarang kalian sudah tahu bagaimana dampak yang bisa di sebabkan oleh tampilan pada header mengenai jarak judul dan deskripsi blog.

Sekarang waktunya untuk kita merubah jarak tersebut, biar semakin dekat dan semakin rapat :)

Untuk mendekatkan jarak judul blog dengan deskripsinya sangatlah mudah. Kita hanya perlu menambahkan sedikit kode css ke template blogger kita.

Berikut merupakan kodenya:

.region-inner.main-inner{ margin-top: -20px; }
.titlewrapper{ margin-bottom: -40px; }

Cara menggunakan kode tersebut caranya pun sangat mudah. Tak perlu mikir ekstra dan belajar bahasa pemrograman.

Berikut caranya:

1. Masuk ke akun blog kalian
2. Pilih template
3. Pilih sesuaikan

4. Pilih tingkat lanjut
5. Pilih tambahkan CSS, di bagian paling bawah
6. Masukan kode css di atas pada kolom no.3 pada gambar

7. Klik terapkan ke blog, di pojok kanan atas

Jika berhasil maka hasilnya seperti gambar screen shot di bawah ini. Dimana jarak antara judul blog dengan deskripsi berdekatan, dan terlihat lebih enak di pandang.

Anda bisa modifikasi script CSS diatas dengan sedikit perubahan.

Jaraknya bisa dimainkan dengan merubah angka yang telah saya tandai warna kuning.

Setiap merubah angkanya lihat preview dibawahnya dan saat sudah merasa nyaman dengan jaraknya, selanjutnya simpan dengan menekan tombol terapkan ke blog lagi agar perubahan yang kalian lakukan dapat tersimpan.

Nah itulah "Cara Mendekatkan Jarak Judul Blog dengan Deskripsi Blogger" semoga dapat bermanfaat dan jangan lupa share ke teman kalian, bila masih ada pertanyaan silahkan tinggalkan komentar. Salam dari UNIX BLOG KOM.