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
Demikianlah Cara Menyembunyikan Titel Blog di Header dan Diganti Logo, semoga bermanfaat.
Related Posts
tutorial blog
- How to Use Pokespy
- Cara Membuat Link Download dari MediaFire
- Menambah Elemen Sidebar Sebelah Kiri di Blogspot
- Cara Mendaftar Blog ke Dmoz
- Begini Cara Daftar Blog di Technorati
- Cara Claim Token Di Technorati
- Membuat Header dan Menu Navigasi Tidak Bergerak (Tetap Diatas)
- Membuat Ruang Posting Blog Menjadi 2 Kolom Di Homepage
- Static Pages Blogger Bermasalah? Solusinya Begini
- Memasang Widget Cek No Resi JNE, TIKI, Pos Indonesia
- Membagi Elemen Postingan Blog Menjadi Dua Kolom Tanpa Edit HTML
- Cara Mengganti Template Baru di Blogspot
- Membuat Efek Marquee di Blogspot
- Cara Membuat Tabel dan Thumbnail di Postingan Blog
- Cara Membuat Artikel Terbaru Dengan Thumbnail di Blogspot
- Membuat Related Posts Dengan Thumbnail di Bawah Postingan
- Cara Mengganti Warna Link di Blogspot
- Cara Memberi Tombol Scroll di Kotak Komentar Blog
- Cara Membuat Related Posts Super Cepat
- Cara Pasang Tombol Spoiler di Komentar Blogspot Versi 2
- Cara Memasang Google Translate di Blog
- Cara Membuat Blockquote di Postingan Blog
- Inilah Widget Random Post Fast Loading Plus Thumbnail
- Merubah Tampilan Blog Yang Berbeda Pada Homepage dan Halaman Posting
