Home » » Menyembunyikan Titel Blog Untuk Diganti Logo Di Header

Menyembunyikan Titel Blog Untuk Diganti Logo Di Header

Bagaimana cara menghilangkan title / judul blog di header dan menggantinya dengan logo? Menyembunyikan judul blog di header dan menggantinya dengan logo membuat tampilan blog semakin menarik apalagi desain logo yang ada di header tampilannya bagus akan membuat si pemilik blog merasa senang dan puas kalau melihat logo blog hasil karya sendiri. Nah sekarang simak cara meng-hidden titel blog di header dan diganti dengan logo blog dibawah ini.

Baca juga : Membuat Header dan Menu Navigasi Tidak Bergerak (Tetap Diatas)

Cara Menghilangkan Judul / Titel Blog Di Header
1. Buka blog anda
2. Pilih Template
3. Pilih Edit HTML
4. Tekan Ctrl+F, cari kode yang mirip dengan kode dibawah ini :

#header h1{line-height:1.4em;text-transform:uppercase;letter-spacing:.1em;font:normal normal 20px Georgia, Serif;margin:0 auto;padding:20px px .15em;}

5. Tambahkan kode display:none;

6. Penerapannya seperti dibawah :

#header h1{line-height:1.4em;text-transform:uppercase;letter-spacing:.1em;font:normal normal 20px Georgia, Serif;margin:0 auto;padding:20px px .15em;display:none;}

Cara Mengganti Title BLog Dengan Logo
1. Cari kode yang mirip seperti dibawah ini

#header-wrapper{background:#ccc;width:970px;border:0 solid #dcd9d9;margin:0 auto}

2. Tambahkan kode berikut ini :

url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihIcySOpiS1r5ZjAfB4n8lYOp8gCP-n3-k_99WJdCOraaSHiZUs8v0yrJ6vI3SuuluNeiT9Saea0WQvAOkPnokgoXbMG4rw3s_xrHDjEMRFjJFJjnYYO0hUAqtAhEMDVIb0UafZ_e20A72/s1600/logo.jpg) no-repeat;

3. Penerapannya seperti ini :

#header-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihIcySOpiS1r5ZjAfB4n8lYOp8gCP-n3-k_99WJdCOraaSHiZUs8v0yrJ6vI3SuuluNeiT9Saea0WQvAOkPnokgoXbMG4rw3s_xrHDjEMRFjJFJjnYYO0hUAqtAhEMDVIb0UafZ_e20A72/s1600/logo.jpg) no-repeat;width:970px;border:0 solid #dcd9d9;margin:0 auto}

Keterangan : ganti url gambar warna merah dengan url logo blog anda

4. Simpan Template


Related Posts

 
Copyright © 2011. Terlintas | Template by Creating Website | Powered by Blogger