Posted by Aak
Aak-share.com Updated at: 12:08:00 AM

Membuat Line/Garis Horizontal Dibawah Font

No comments:
Membuat Line/Garis Horizontal Dibawah Font - Pasinya sobat sudah tahu fungsi dari line/garis, betul sekali fungsi dari line/garis adalah untuk pembatas. Pada artikel sebelumnya saya mengulas membuat garis Pembatas pada Postingan MyWapBlog , kali ini berbeda dengan cara sebelumnya karena cara ini ada membuat line/garis cukup menarik karena menggunakan gambar.

Caranya :

Pertama-tama sobat masuk keakun Blogger, kemudian masuk ke Editor Template lalu sobat cari kode .post-body h3 , contohnya seperti berikut :

After :
.post-body h3 {
font-size: 200%;
font-weight: 400;
margin: 5px 0;
padding-bottom: 12px;
font-family:  Arial, Sans-Serif;
}

Jika sobat sudah menemukannya, sobat tambahkan background pada css , contoh penggunaannya seperti berikut :

Before :
.post-body h3 {
background: url('http://1.bp.blogspot.com/-AXMPCFNM3JI/UYsuSywmXGI/AAAAAAAAEC0/3rC3JGXXNNI/s1600/bottom-line.gif') left bottom no-repeat;
font-size: 13px;
font-weight: 400;
margin: 5px 0;
padding-bottom: 12px;
font-family: Arial, Sans-Serif;
}

Apabila sudah sobat buat entri baru , untuk memunculkannya sobat tambahkan kode dibawah ini pada font

<h3>Masukkan tulisan Sobat disini</h3>

kemudian sobat publikasikan.

Demo


Mudah bukan, semoga bermanfaat!
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments