NUR ZAENUDIN: Cara menghilangkan Judul Blog di header

Minggu, 28 Juni 2015

Cara menghilangkan Judul Blog di header

Sebuah judul pada sebuah blogger sangat penting, namun terkadang keberadaannya bisa sangat mengganggu ketika Anda tidak menginginkannya tampil pada header blog baru Anda. Tampilan judul bawaan memang terlihat kaku dan sulit bagi newbie dalam menyesuaikan-nya ke dalam header. Maka dengan cara menghilangkan atau menyembunyikan judul blog dan mengkreasikan judul blog kedalam headernya sendiri akan membuat tampilan blog Anda semakin menarik.
Selain judul blog, deskripsi blog akan ditampilkan secara otomatis di bawah judul blog, maka Anda perlu menyembunyikannya juga. Setelah Anda membuat header blog yang cantik maka tinggal menerapkan trik dibawah.
Cara menyembunyikan keduanya silahkan ikuti langkah-langkah berikut ini:
  1. Log in blogger 
  2. Pada dashboard > klik template kemudian pilih "Edit HTML"
  3. Cari kode yang mirip seperti ini
    Judul Blog
    #header h1 {
    margin:5px 5px 0;
    padding:130px 0px 0px 130px;
    font-size: 28px;
    line-height:1.2em;
    text-transform:titlecase;
    letter-spacing:.1em;
    }

    Deskripsi Blog:
    #header .description {
    margin:0 5px 5px;
    padding:10px 0px 15px 130px;
    max-width:700px;
    text-transform:lowercase;
    letter-spacing:.1em;
    line-height: 1.4em;
    color:#e86c81;
    font-weight:bold;
    font-size:13px;
    }
     
  4. Setelah ditemukan, silahkan tambahkan kode berikut: visibility:hidden; sehingga menjadi seperti dibawah:

    Judul Blog:
    #header h1 {
    margin:5px 5px 0;
    padding:130px 0px 0px 130px;
    font-size: 28px;
    line-height:1.2em;
    text-transform:titlecase;
    letter-spacing:.1em;
    visibility:hidden;
    }

    Deskripsi Blog:
    #header .description {
    margin:0 5px 5px;
    padding:10px 0px 15px 130px;
    max-width:700px;
    text-transform:lowercase;
    letter-spacing:.1em;
    line-height: 1.4em;
    color:#e86c81;
    font-weight:bold;
    font-size:13px;
    visibility:hidden;
    }
  5. Untuk memastikan berhasil tidaknya judul dan deskripsi bisa disembunyikan, silahkan klik "preview template" pada halaman editing.
  6. Apabila berhasil, silahkan simpan pekerjaan Anda dengan meng klik "save template".
  7. Lihat hasilnya.

Tidak ada komentar:

Posting Komentar

Beranda Tampilan Pertama