Sunday, 2 November 2014

Cara Menghilangkan JUDUL dan DISKRIPSI pada HEADER BLOG

Posted by on Sunday, 2 November 2014
Cara Menghilangkan JUDUL dan DISKRIPSI pada HEADER BLOG

Salam Blogger, Kali ini BLOGGINGPASURUAN akan berbagi tentang “Cara Menghilangkan JUDUL dan DISKRIPSI di HEADER BLOG” .Judul Blogsangatlah 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 )


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


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.

close