Cara Gampang Merubah Logo Header Kompi Males Dengan Judul Blog

Seperti kita tahu bahwa tampilan judul blog pada template kompi males memakai gambar, jadi ya harus menciptakan gambar yang memilki ukuran yang sesuai ialah 212x90. Namun terkadang para blogger lebih suka menampilkan judul blog secara pribadi berupa teks/tulisan bukan gambar.

Dan sebelum mulai masuk ke HTML, perlu diketahui bahwa hal ini memakai kompi males v5. Untuk yang memakai versi sebelumnya, mungkin dapat diadaptasi sendiri.

bagaimana anda tertarik? yuk intip prosesnya bersama-sama:

Pertama silahkan cari dan hapus isyarat berikut:

<div class='clear'/>
 <div class='logo-blog'>
 <a href='/' title='Kompi Preett'><img alt='logo blog' height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhukzKVdWKUGK5GxwxapmgLuAsmCmiO5D7Rfdo_5LoIYzWLuBJHKz9gf7yzCtte6tN_08EW0_3pzoryC1SsNDS9p-7TUpdiMxk6cIldY0zmziWTSzrFM48pgsj7gOV0QyF-GKtqmSWKJ-A/s1600/titlekompimales.png' title='Kompi Preett' width='212'/></a>
 </div>

hapus juga semua css terkait menyerupai ini:

.logo-blog {......}
 .logo-blog img {.....}

Kedua silahkan cari isyarat berikut:

#header h1,#header p{font:28px Roboto,sans-serif;text-transform:capitalize;line-height:24px;color:#e74c3c;text-shadow:2px 2px 1px #000;padding:0;margin:0 auto;position:fixed;top:-1000px;left:-1000px;}

kemudian ganti dengan ini

#header h1,#header p{font-size:34px;text-transform:capitalize;line-height:24px;color:#444;padding:0;margin:40px 10px auto;position:relative;}

Ketiga silahkan cari isyarat berikut:

#header-wrapper{text-align:center;margin-top:-10px;}

kemudian ganti dengan yang ini

#header-wrapper{text-align: center;min-height: 0;padding: 30px 0 30px 0;}

Keempat intip lagi isyarat menyerupai berikut:

#header h1,#header p{margin-right:0}

kemudian ganti ganti dengan isyarat ini:

#header h1,#header p{margin:0}

Bagaimana gampang kan? selamat mencoba dan supaya bermanfaat...
Sumber https://www.nengain.web.id/

Bagikan Artikel ini