Cara Memasang Logo dan Menyembunyikan Title Di Header Blog - Postingan kali ini membahas bagaimana cara memasang logo / gambar di blog dan menyembunyikan title di header blogspot. Untuk mengganti titel blog dengan gambar logo, anda harus membuat logo blog terlebih dahulu misalnya menggunakan adobe photoshop atau coreldraw. Dan kalau sudah jadi logonya baru dipasang di template blog anda. Disini titel dan deskripsi blog tidak dihapus (masih ada) tapi hanya disembunyikan / hidden. Nah biar lebih jelas simak tutorialnya dibawah ini.
Cara Membuat Logo Di Header Blog :
1. Login ke Blogger
2. Buka Template => Edit HTML
3. Tekan Ctrl+F dan cari kode yang mirip seperti dibawah ini (tiap template kode header berbeda)
#header-wrapper { background: #fff ; padding: 10px; margin: 0; overflow: hidden;}
#header1{float:left;width:240px; margin:auto 0;padding:0}
#header1 img,#header-inner img{width:auto;max-width:100%;}
#header-inner h1,#header-inner img, #header1 hz1{font-family: 'Oswald', Arial, Sans-serif; font-size: 30px; font-weight: bold; text-transform: uppercase; margin:auto 0;padding:0;}
#header2{float:right;width:728px;padding:0}
.header1 h1.title, .header1 p.title { font-family: 'Oswald', Arial, Sans-serif; font-size: 30px; font-weight: bold; text-transform: uppercase; color: #2c3e50; line-height: normal; margin: 0 0 6px;visibility:hidden;}
Yang harus ditambahkan yaitu :
1. Kode gambar logo url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN-Ojh7EnLYEqdbOj7OBBkoZn7axUkgDXkKzVUseKQlvz9bIJwL_-H1Vt3G0r2W1OuhmbE7dQ0xaGQ0E_CvEFKSyj4VGwBRhcNngeHsIMM0rjmmk8MOplAjgoLsBnLJBzvW6j9SEqMjFYC/s320/logo.gif) no-repeat; pada #header-wrapper dan
2. Dan tambahkan kode visibility:hidden; pada .header1 h1.title, .header1 p.title untuk menghidden / menyembunyikan titel blog dan hasilnya seperti dibawah ini :
#header-wrapper { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN-Ojh7EnLYEqdbOj7OBBkoZn7axUkgDXkKzVUseKQlvz9bIJwL_-H1Vt3G0r2W1OuhmbE7dQ0xaGQ0E_CvEFKSyj4VGwBRhcNngeHsIMM0rjmmk8MOplAjgoLsBnLJBzvW6j9SEqMjFYC/s320/logo.gif) no-repeat; padding: 10px; margin: 0; overflow: hidden;}
#header1{float:left;width:240px; margin:auto 0;padding:0}
#header1 img,#header-inner img{width:auto;max-width:100%;}
#header-inner h1,#header-inner img, #header1 hz1{font-family: 'Oswald', Arial, Sans-serif; font-size: 30px; font-weight: bold; text-transform: uppercase; margin:auto 0;padding:0;}
#header2{float:right;width:728px;padding:0}
.header1 h1.title, .header1 p.title { font-family: 'Oswald', Arial, Sans-serif; font-size: 30px; font-weight: bold; text-transform: uppercase; color: #2c3e50; line-height: normal; margin: 0 0 6px;visibility:hidden;}
Semoga artikel mengenai Cara Mengganti Title dan Memasang Logo Blog dapat bermanfaat, silahkan dicoba.
