Modifikasi css h3

Langsung saja, gimana hasilnya jika sudah berhasil dalam utak-atik yang satu ini :


Fungsi atau apa manfaatnya untuk menunjukan sub judul postingan dengan gaya berbeda. Misalnya seperti ini.

Langkah Instans Modifikasi css h3

1.Sudah barang tentu sobat harus masuk keakun blogger sobat jika sobat ingin mencobanya. Setelah itu masuk ke Edit HTML

2. Cari kode .post h3 atau yang mirip dengan itu. .post h3{...................}
 Ganti semua kode yang ada pada style h3 (tepatnya pada titik tersebut dengan script dibawah ini :

background:url(http://lh6.googleusercontent.com/-YNMAmMFpqKc/T_pXUxbMxcI/AAAAAAAAA-4/GmmjcqFOw-8/s28/point.png) left bottom no-repeat;
color: #11477E;
font-size: 20px;
font-family: arial, sans-serif;
font-weight: normal;
margin-bottom: 15px;
margin-top: 5px;
padding-left: 40px;
line-height: 27px;
Setelah dimasukan pada titik merah nanti akan jadi seperti ini

.post h3 {
background:url(http://lh6.googleusercontent.com/-YNMAmMFpqKc/T_pXUxbMxcI/AAAAAAAAA-4/GmmjcqFOw-8/s28/point.png) left bottom no-repeat;
color: #11477E;
font-size: 20px;
font-family: arial, sans-serif;
font-weight: normal;
margin-bottom: 15px;
margin-top: 5px;
padding-left: 40px;
line-height: 27px;
}

Jika sobat kurang puas dengan tampilan seperti diatas, silahkan diedit sepuasnya.

3. Save

Cara menggunakannya


1. Tulis kata atau kalimat apapun pada form entri baru. Misalnya sebagai contoh saya ketik "Modifikasi css h3"

Kemudian klik Subheading, dan hasilnya akan seperti ini :


Memang pada saat masih didalam form entri efek masih belum terlihat, namun coba aja preview!


Nah demikian cara membuat dan menggunakannya, sekarang tinggal sobat yang menyesuaikannya.Terima Kasih [ib]

Related Posts:

Disqus Comments
© 2017 Obachti 95 - Template Created by goomsite - Proudly powered by Blogger