Membuat Border dan Background pada Sidebar Blog

Membuat Border dan Background pada Sidebar Blog
Untuk mempercantik blog tidak hanya Membuat Background dan Border pada Halaman Posting saja, maka dari itu untuk menyempurnakan sebuah tampilan page blog anda juga bisa memberi Border dan Background pada Sidebar.

Untuk Membuat Border dan Background pada Sidebar Blog sangatlah mudah anda hanya perlu menaruh sedikit kode dan langsung mengubah tampilan page blog anda, caranya sama dengan Tehnik Membuat Background dan Border pada Halaman Posting akan tetapi kodenya tidak di taruh dibawah kode
#main-wrapper {
melainkan di taruh dibawah kode
#sidebar-wrapper {

Cara Membuat Border dan Background pada Sidebar Blog

1.Cari kode #sidebar-wrapper { pada template blog anda.
2.Kemudian taruh kode dibawah ini tepat dibawah kode #sidebar-wrapper {
border: 3px solid #000000;
background: #ffcc00;

Kodenya nanti akan terlihat seperti dibawah ini.
#sidebar-wrapper {
border: 3px solid #01FA09;
background: #4871D7;

Ket:
3px ( Ukuran lebar border )
Solid ( jenis border )
#4871D7/#01FA09 ( kode warna )

3.Save Template dan buka home page untuk melihat hasil dari Border dan Background pada Sidebar Blog

Related Post:

21 comments:

gedheBLOG.pisang said...

Kang Roni... mo nanya..
saya cari #sidebar-wrapper di template saya kok ga ada ya..
mohon saran & masukan Kang..

maturnuwun... :)

roni said...

Coba sobat tekan F3 UNTUK MENCARINYA,SETELAH KOLOM PENCARIAN KELUAR MASUKKAN #sidebar-wrapper , Kalo masih tidak ketemu coba sobat hapus huruf satu persatu dari belakang pada kode #sidebar-wrapper

mas.hendz said...

matur nuwun mas...
akan saya coba ya..mg aja bisa
:)

roni said...

amin...

Maulana Ibrahim said...

Cara bauat ada lengkungan nya gimana ya?
kyk round gitu ^_^

Ruki Zone said...

kunjungan silaturahmi dari Ruki Zone sobat.. :)

andi hikmah aqidah said...

trinya udah ane cb tp kok ktak komentarnya gak muncul gan http//:awan-blu.blogspot.com

roni said...

apakah yg sobat maksud setelah Membuat Border dan Background pada Sidebar Blog kotak komentnya jadi hilang ?

Gudang Share said...

Thank akang artikelnya!

jizants said...

Biasanya saya malas komentar, tp sebagai ucapan terimakasih karena artikel ini pas yang saya cari dan butuhkan maka saya komentar... tp jgn lupa kunjungi balik blog saya ya.. ty

Sedot WC Jakarta said...

terima kasih tutorialnya
sangat bermanfaat

pemeliharaan mesin said...

keren

parking said...

bagus

armstrong indonesia said...

mantap

motivator indonesia said...

salam kenal

jantung koroner said...

semoga bermanfaat

belajar forex said...

tips yang bagus

sigma said...

mantab infonya .. makasih banyak ya

Febriy Pondlif said...

Kok kodenya enggak ketemu di template saya?? Solusinya dong mas..

Kangroniblog said...

klo di template blog sobat tu kodenya kayak gini...

/* copyright part1 end */
.sidebar .PopularPosts .widget-content ul li{
height: 100%;
line-height: 22px;
float: left;
clear: left;
list-style-type: none;
overflow: hidden;
color: gray;
}

Yuliono Gundul said...

terima kasih infonya mas. yulieono.blogspot.com

Post a Comment