Tutorial : Membuat Judul Daftar Isi ~ Hanabi Dewi

Aku agak bingung buat judul postingan kali ini gaes...
Hmm, intinya langsung cek aja contohnya ya, buat Judul / List Tutorial seperti punya aku ini.
Ohya dan bonus Macam-macam Bordernya

Oke langsung aja ke langkahnya :
1. Login Blog
2. New Post
3. Pilih HTML , ada di sebelah Compose.
4. Kemudian Copas Kode ini :

Style 1 :

Hanabi Dewi - Style 1

<div style="background-color: #ADDFFF; border-bottom-color: #FFFFFF; border-bottom-style: solid; border-bottom-width: 1px; border-top-color: #FFFFF; border-top-style: solid; border-top-width: 2px;font-size: 12px; margin: 5px; padding-bottom: 3px; padding-top: 4px; text-align: center;">
TEXT KALIAN DISINI</div>

Note :
Hijau : Warna bagian dalamnya
Merah : Warna bordernya
Kode warna bisa lihat di Sidebar Kanan ya ^^

Style 2 :

Hanabi Dewi - Style 2

<div style="background-image: url(URL GAMBAR KALIAN); background-repeat: repeat; border-bottom-color: #FFFFFF; border-bottom-style: solid; border-bottom-width: 1px; border-top-color: #FFFFFF; border-top-style: solid; border-top-width: 2px; font-family: NAMA FONT; font-size: 12px; margin: 5px; padding-bottom: 3px; padding-top: 4px; text-align: center;">
TEXT KALIAN DISINI</div>
<div class="separator" style="clear: both; text-align: center;">
</div>

Style 3 Dotted:

Hanabi Dewi - Style 3 Dotted

<div style="text-align: left;">
<div style="text-align: left;">
<div style="background-image: url(URL GAMBAR KALIAN);
border-bottom: 3px dotted #FFFFFF; border-top: 3px dotted #FFFFFF;
font-family: 'NAMA FONT'; font-size: 12; overflow: auto;">
<center>TEXT KALIAN DISINI</center>
</div>
</div>

Note :
Biru : Border bisa kamu ganti dengan

Dotted
Solid
Dashed
Double

Nah, kalo aku edit text nya d compose gaes, jadi setelah kamu CoPas kode tadi di HTML kamu bisa balik lagi ke Compose untuk isi tulisan di postingan kamu.

Terima Kasih Sudah Berkunjung dan Membaca Artikel ini ya ^^