Minggu, 12 Oktober 2014

Cara Menghilangkan Ruang Kosong Di Atas Header Blog


Cara Menghilangkan Ruang Kosong Di Atas Header Blog
Blogger
Menghapus Menghilangkan Ruang Kosong Di atas Header Blog (judul blog), biasanya bertujuan agar Header Blog (judul blog), lebih merapat ke batas tampilan yang ada di komputer, sehingga blog kelihatan lebih ringkas, rapi dan bertambah manis.

Terdapat  ruang kosong di atas header blog di saat kita menghapus Navbar. Ruang kosong ini sering dimanfaatkan oleh banyak blogger untuk memasang menu horizontal, Sticky Bar, Notification Bar bahkan untuk memasang iklan. Bagi sebagian blogger, ruang kosong yang ada di atas header sangat mengganggu Desain Blog oleh karenanya, mereka lebih memilih untuk menghilangkan ruang kosong itu. 

Apabila hanya untuk menyembunyikan navbar dari halaman blogger kita hanya perlu me-non aktifkan navbarnya dari Widget settingnya.  Namun hal ini hanya menghilangkan tampilannya saja dan tidak menghilangkan elemennya pada halaman, dengan kata lain ukuran dari elemen navbarnya masih bersentuhan dengan elemen lain.



Langkah-langkah menghilangkan jarak di atas header blog



  • Masuk ke akun blogger Anda
  • Klik Template -> klik Edit HTML
  • Gunakan Ctrl + F untuk mencari tag </ head>
  • Selanjutnya, tambahkan kode berikut tepat di atas tag </ head>

<style type='text/css'>

.content-inner
{
margin-top: -40px !important;
}
</style>
  • Preview template terlebih dahulu sebelum di simpan



Cara Merubah Jarak Spasi di Bawah Kotak Komentar :


  • Login ke blogger
  • Tata Letak => Edit HTML
  • Ceklis Expand Widget Template
  • Tekan F3 dan kode seperti ini :

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> 

TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Menghilangkan Ruang Kosong Di Atas Header Blog
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://tips-triks-ilmu-komputer.blogspot.com/2014/10/cara-menghilangkan-ruang-kosong-di-atas.html. Terima kasih sudah singgah membaca artikel ini.
Anda Ingin Kursus Mastering Komputer ?
KLIK DISINI
4 komentar:

  1. SAYA SEKELUARGA INGIN MENGUCAPKAN BANYAK TERIMAH KASIH KEPADA AKI NAWE BERKAT BANTUANNNYA SEMUA HUTANG HUTANG SAYA SUDAH PADA LUNAS SEMUA BAHKAN SEKARAN SAYA SUDAH BISA BUKA TOKO SENDIRI,ITU SEMUA ATAS BANTUAN AKI YG TELAH MEMBERIKAN ANKA JITUNYA KEPADA SAYA DAN ALHAMDULILLAH ITU BENER2 TERBUKTI TEMBUS..BAGI ANDA YG INGIN SEPERTI SAYA DAN YANG SANGAT MEMERLUKAN ANGKA RITUAL 2D 3D 4D YANG DIJAMIN 100% TEMBUS SILAHKAN HUBUNGI AKI NAWE DI 085-218-379-259












    SAYA SEKELUARGA INGIN MENGUCAPKAN BANYAK TERIMAH KASIH KEPADA AKI NAWE BERKAT BANTUANNNYA SEMUA HUTANG HUTANG SAYA SUDAH PADA LUNAS SEMUA BAHKAN SEKARAN SAYA SUDAH BISA BUKA TOKO SENDIRI,ITU SEMUA ATAS BANTUAN AKI YG TELAH MEMBERIKAN ANKA JITUNYA KEPADA SAYA DAN ALHAMDULILLAH ITU BENER2 TERBUKTI TEMBUS..BAGI ANDA YG INGIN SEPERTI SAYA DAN YANG SANGAT MEMERLUKAN ANGKA RITUAL 2D 3D 4D YANG DIJAMIN 100% TEMBUS SILAHKAN HUBUNGI AKI NAWE DI 085-218-379-259

    BalasHapus
  2. makasih mas atas tutorialnya. :)

    BalasHapus
  3. kalau cara membuat jarak kosong diatas header gimana gan.
    kunbal ya ke www.komchar.blogspot.com
    www.komchar.blogspot.com
    www.komchar.blogspot.com
    http://komchar.blogspot.com

    BalasHapus