0 Cara Mudah Membuat Sidebar Dalam Kotak Terpisah

Tips atau trik yang HFB ingin bagikan buat Blogger kali ini adalah, cara membuat sidebar blog dalam kotak yang terpisah dari sidebar lainnya. Sebenarnya tips atau trik ini bisa Anda praktekkan menggunakan template minima, tetapi ada sebuah pembuktian bahwa untuk membuat sidebar dalam kotak terpisah tidak harus menggunakan template minima asalkan ada kemauan untuk mengutak atik code css, sebab code css yang digunakan biasanya relative sama, contohnya pada blog HFB ini tidak menggunakan template minima, namun karena seringnya dilakukan perubahan terhadap template tersebut sehingga tips ini juga berlaku pada blog HFB.

Seperti yang telah di sebutkan dari awal bahwa untuk menggunakan trik blog membuat sidebar dalam kotak terpisah tidak harus menggunakan template minima, maka trik berikut ini juga bisa anda gunakan untuk template blog anda.
Untuk menerapkannya silahkan ikuti langkah-langkah dibawah ini:
Silahkan anda cari code yang mirip dengan kode dibawah ini:

.sidebar .widget {
padding-top: 0;
padding-right: 0;
padding-bottom: 10px;
padding-left: 5px;
}

Setelah anda menemukan code tersebut, langkah selanjutnya adalah menambahkan code yang ada dibawah ini dibawah code padding-left: 5px;

background: #ffffff;

border: 1px groove #444;

margin:0 0 1em;

padding:0.5em;

Sehingga akan terlihat seperti di bawah ini:

.sidebar .widget {
padding-top: 0;
padding-right: 0;
padding-bottom: 10px;
padding-left: 5px;

background: #ffffff;

border: 1px groove #444;

margin:0 0 1em;

padding:0.5em;

}

Untuk main widgetnya, silahkan anda cari sendiri dan sesuaikan dengan code yang berwarna merah,
Setelah anda melakukan perubahan, jangan lupa simpan perubahan anda dan lihat hasilnya.

Catatan : code berwarna merah tidak bersifat absolute, anda bisa mengubah nilainya sesuia dengan selera anda.

Follow @HantuFacebook