Cara Menghilangkan JUDUL dan DISKRIPSI di HEADER BLOG

21.06
Cara Menghilangkan JUDUL dan DISKRIPSI di HEADER BLOG

Salam Blogger, Kali ini saya akan berbagi tentang “Cara Menghilangkan JUDUL dan DISKRIPSI di HEADER BLOG” .Judul Blog sangatlah penting, terkadang keberadaannya kurang tepat dan bisa dianggap mengganggu. Ketika Anda tidak menginginkannya tampil pada header Blog yang pada umumnya tampilan judul bawaan terlihat kaku. Maka dengan cara menghilangkan atau menyembunyikan judul blog dan mengkreasikan judul blog kedalam headernya sendiri akan membuat tampilan blog Anda semakin menarik. 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.

Catatan: Cara ini adalah menyembunyikan, bukan menghilangkan karena judul blog dan deskripsi sangatlah penting untuk search engine. Maka pengisian Judul blog dan deskripsi blog tetap harus ada pada menu Setting > Basic.

Cara menyembunyikan keduanya silahkan ikuti langkah-langkah berikut ini:
Masuk dan Log in Blogger
Pada Dashboard > klik template kemudian pilih "Edit HTML"
Cari kode seperti ini ( atau yang mirip )

Kode pada Judul Blog ( cari yang mirip )

  #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;
    }

    
Kemudian setelah Anda menemukan, silahkan tambahkan kode berikut: visibility:hidden; sehingga kodenya 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;
    }

Untuk memastikan berhasil tidaknya judul dan deskripsi bisa disembunyikan, silahkan klik "preview template" pada halaman editing.
Apabila berhasil, silahkan simpan pekerjaan Anda dengan meng klik "save template" dan lihat hasilnya

Demikian sedikit info Cara Menghilangkan JUDUL dan DISKRIPSI di HEADER BLOG dari saya.. selamat mencoba.

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Konversi Code
Disqus
Silahkan Berkomentar Dengan