http://saaqinah.blogspot.com/p/alhamdulillah.htmlwww.saaqinah.blogspot.comhttp://www.saaqinah.blogspot.com/2013/12/tutorial-blog-unyu-unyu.html#morehttp://saaqinah.blogspot.com/p/blog-page_23.htmlhttp://saaqinah.blogspot.com/p/komputer.htmlhttp://saaqinah.blogspot.com/p/catatan-muslimah.htmlhttp://saaqinah.blogspot.com/p/unduh.html

Cara memberi Divider (batasan) pada Sidebar

Selamat pagi kawan-kawan... selamat hari Sabtu...
Hari ini adalah hari yang special untuk saya , karena hari ini usia saya genap 20 tahun (wow sudah ebrkepada dua dunk ???) yaah begitulah, usiaku semakin bertambah semoga ilmu ku juga semakin bertambah, amin ....

Baiklah kali ini saya akan bagikan cara bagaimana memberi batasan/ divider pada sidebar, paham ngg apa itu divider ?? hmmh.. gini lhoo,, lihat gambar dibawah ini !



Nah yang dilingkari merah, itu namanya divider on sidebar,... ngerti kan sekarang ?? Mau bikin gitu juga ngg ???
Kalo mau , ini dia caranya :

Dashboard > Template > Edit HTML
Tekan Ctrl + F cari kode berikut
.sidebar .widget {

Jika sudah anda biasanya akan bertemu dengan kode tersebut berkaitan seperti ini
.sidebar .widget { margin-bottom: 1em;}
That's right... Ok lanjut
Ganti kode yang berwarna merah itu dengan kode berikut


margin:0 0 1.5em;
padding:0 0 50px;
background-image: url(URL DIVIDER DISINI);
background-position: bottom;
background-repeat: no-repeat;
}

 Sehingga tampilannya menjadi seperti ini :

.sidebar .widget {
margin:0 0 1.5em;
padding:0 0 50px;
background-image: url(URL DIVIDER DISINI);
background-position: bottom;
background-repeat: no-repeat;
}
Punya gambar untuk dijadikan divider ngg ???
Anda bisa desain sendiri kok, atau bisa anda dapatkan DISINI  anda akan dapatkan berbagai macam jenis divider, tapi disana ukuran nya panjang.. tidak sesuai dengan ukuran divider anda ,,, tapi ngg apa2.. cari yang ukurannya tidak terlalu panjang, biar cocok dan sesuai jadi batasan pada sidebar...

Klik Simpan, dan refresh tampilan blog anda...
Taraa,,,, gimana??? jadi ngg ??
Selamat Mencoba , Eitz.. jangan lupa koment nya yaa  .. Terimakasih ..

No comments:

Post a Comment