STATUS UPDATED!
FEEL FREE TO ASK~
Tutorial Blog ^_^: TUTORIAL: LINE IMAGES PADA SIDEBAR

Sekiranya anda berminat untuk membaca artikel Islam, info semasa, kisah nabi, kisah pengajaran dan lain-lain, bolehlah pergi ke Khaleefah Allah ^_^ Followlah blog ini dan blog itu sekiranya berbaloi untuk difollow. Sebarang ulasan adalah amat amat amat amat diharapkan.
Any Requests or Questions?

Jom, tukar link~

TUTORIAL: LINE IMAGES PADA SIDEBAR

25011432H
Salam. InsyaAllah, hari ini penulis akan membuat post tentang cara untuk membuat Line Image Pada Sidebar. Sebelum ini, penulis hanya mengajar cara untuk membuat Footer Notes atau Line Images pada entri post sahaja. Tutorial ini telah direquest oleh be'ah.

1.DASHBOARD > DESIGN > EDIT HTML.

2. Cari kod di bawah ini.
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

3. Tambahkan kod di bawah ini di bawah kod tadi.
.sidebar .widget {
border-bottom:0px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 50px;
background-image: url(your image url);
background-position: bottom;
background-repeat: no-repeat;
}

* tukarkan teks merah tersebut kepada url gambar yang diingini.

LINE IMAGE PENULIS:

So the result is this:

Smile!

2 Comments
Comments

2 comments:

 
Copyright © 2009-2017 Tutorial Blog ^_^: TUTORIAL: LINE IMAGES PADA SIDEBAR
Design by a.a.ghariib