Thursday, February 8, 2018

Cara Buat Header Dan Tabs Tanpa Jarak

Cara menciptakan header dan tabs penuh full body, tanpa ada jarak pemisah antara kiri dan kanan blog. Dibeberapa template header dan juga tabs blog tidak menampilkan background secara penuh, ada jarak kosong diantara kiri dan kanannya. Namun ada juga template yang menampilkan header dan tabs secara penuh tanpa ada jarak.
 Cara menciptakan header dan tabs penuh full body Cara Buat Header Dan Tabs Tanpa Jarak

Cara mengubah header atau tabs blog menjadi penuh tanpa batas, Ikuti langkah-langkah dibawah ini.

Cara Membuat Header Penuh

  1. Login ke blogger. Lalu pada halaman awal dasbor. Pilih pengaturan Tata Letak.
  2. Selanjutnya Klik Desainer Template > Tingkat Lanjut > Dan Klik Tambahkan CSS.
  3. Dan Masukan isyarat dibawah ini.
  4. #header {background:black;margin:0px -235px 0px -235px;padding:0px 0px 0px 240px;overflow:hidden;}
  5. Setelah itu lihat dulu perubahan dari warna background blog kamu. Jika sudah pas memenuhi semua body, gres klik Terapkan ke Blog.
  6. Jika belum, tambahkan nilai pada isyarat margin:0px -235px 0px -235px; Contoh:-245. Jika sudah melebihi batas penuh. Silakan dikurangi nilai pada isyarat marginnya.
  7. Keterangan isyarat margin:0px (Atas) -235px(kanan) 0px(bawah) -235 (kiri).
  8. Untuk isyarat padding sama halnya ibarat margin. Tapi padding dipakai untuk merubah posisi bab dalam, jadi tulisannya sanggup kita tempatkan ditengah. Sedangkan margin untuk bab luar.
  9. overflow:hidden; isyarat ini gunanya semoga tampilan header tidak melebihi halaman blog.
  10. Setelah semuanya sudah sesuai dengan yang kalian inginkan, Klik Terapkan Blog. Selesai.

    Cara Membuat Tabs Penuh

    1. Sama ibarat cara menciptakan header penuh. yang berbeda hanya isyarat yang harus dimasukan. Kodenya dibawah ini.
    2. .tabs-inner .widget ul {margin:0px -265px 0px -265px;padding:0px 0px 0px 240px;overflow:hidden;}
    3. Perbedaannya dengan isyarat header. Kita sanggup mengatur warna background tabs dibawah header pribadi dari Desainer Template > Tingkat Lanjut > Latar Tab.
    4. Jangan lupa diatur juga isyarat margin dan paddingnya semoga sesuai dengan keinginan. Selesai.
    Semoga sanggup bermanfaat untuk anda.
        Share:

        0 comments:

        Post a Comment