Cara Membuat Judul Blog Menjadi Dua Warna

Judul Blog atau yang disebut juga dengan header adalah elemen yang penting untuk dipasang diblog karena elemen ini untuk mengetahui pengunjung blog sobat.

Banyak blog yang menggunkana dua warna ini dengan versi image atau gambar. Tapi sangat disayangkan dengan kita memasang image diheader blog kita akan memberatkan loading blog kita.

Pada kesempatan kali ini saya akan membagikan tutorial tentang Cara Membuat Judul Blog Menjadi Dua Warna, Berikut tutorialnya :

Cara Membuat Judul Blog Menjadi Dua Warna

Pertama sobat buka Dasbor Blogger > Tema > Edit HTML letakkan kode dibawah ini diatas </style>

/* Header Dua Warna */
#header{background:#fff;position:relative;display:block;padding:0;color:#4e5665;height:93px;margin:0 auto 20px auto;border-bottom:1px solid rgba(0,0,0,0.05);box-shadow:0 1px 4px rgba(0,0,0,0.07);}
#header .title{font-size:210%;margin:15px 0 0 0;padding:0;display:inline-block;width:100%;max-width:240px;}
#header .title a{color:#00aa8d;}
#header .title a:hover {color:#222;}
#header p.description{font-size:90%;margin:5px 0 0 0;display:inline-block;line-height:normal;}
.header img {display:block;height:auto;}
#headerdua {float:left;}
.secondWord{color:#222;transition:all .3s}.secondWord:hover,#header .title a:hover span{color:#00aa8d;}

Ganti kode angka HTML yang diblock diatas seusai dengan yang sobat inginkan.

Simpan Tema. Dan lihat hasilnya,

Jika ada kesulitan dalam pemasangan, jangan segan-segan untuk berkomentar dikolom komentar dibawah ini.