Blog Geisha

Cara Membuat Text Style Untuk Judul Blog - Kali ini saya akan membuat postingan atau tutorial blogger sesuai dengan request sobat blogger yang meruquest melalui soutmix, dia merequest cara membuat Text Style untuk Judul Blog, contoh gambarnya seperti di bawah ini,





Biasanya judul pada header blog menggunakan font standar, nah pada postingan ini Kang Koisine ingin berbagi trik untuk mengedit dan membuat Text Style untuk Judul blog,

Begini caranya,

Note : Backup dahulu template sobat untuk mengurangi kesalahan yang terjadi.

• Langsung masuk ke "Edit Template" jangan lupa ceklist "Expand Template Widget",
• Setelah itu, silahkan sobat cari kode #Header 1 atau kode yang mirip seperti di bawah ini,

#header h1 {
  font-size:……..
  dan el-el
}

• Selanjutnya, ganti kode yang sudah sobat temukan dan ganti dengan kode di bawah ini,

#header p {margin:3px 0 20px}
#header h1 {
font: bold 1.75em "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing: -1px; padding: 2px 0 0 0px;
margin: 0; background: inherit;
}
h1 .red{ color: #DF5900;background: inherit;}

Note : Silahkan gunakan inspirasi sobat untuk mengubah kode di atas agar semakin menarik.

• Selanjutnya, cari kode html yang mirip seperti di bawah ini,

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>

• Selanjutnya, ganti kode yang sudah sobat temukan dan ganti dengan kode html di bawah ini,

<div id='header-inner'>
<div class='logo'>
        <h1><a href='http://www.blogsobat.blogspot.com/' title='tulisan sobat'>tulisan sobat <span class='red'>tulisan sobat</span>^{tulisan sobat}</a></h1>
            <p>tulisan sobat</p>
      </div>
</div>

Note : Silahkan sobat ganti tulisan yang berwarna merah.

• Terakhir, Save Template.

Untuk kode, silahkan sobat cari kode yang mirip seperti kode yang sudah tertera di atas, kode akan berbeda pada setiap template,

Terima Kasih..