Cara membuat sidebar di kanan dan kiri blog

 

Sidebar yang berarti kolom yang berada di samping atas bawah posting blog sidebar ini punya fungsi untuk menampung berbagai widget seperti fanspage, label, archives, foloower blog, dan lain sebagainya. namun kali ini bagi kamu yang sedang ingin memasang sidebar ini berada di samping kiri dan kanan blog bisa langsung praktek cara yang saya tuliskan di bawah ini.

Langkah-langkah membuat sidebar di sebelah posting blog. 

sebelum memulai gambar berikut ini bisa memudahkan kamu memahami artikle cara menambah sidebar ini.

 Keterangan gambar : 

1. Outer-wrapper
2. Header
3. Main wrapper
4. Sidebar
5. footer

Pertama-tama Cari kode seperti di bawah ini untuk mempercepat gunakan CTRL + F

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float:right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */


Tambahkan kode warna merah di bwah ini di bawah kode di atas :

#sidebarbaru-wrapper {
width: 260px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
padding:5px;}

keterangan :
kode yang berwarna biru adalah kode ukuran yang harus di rubah sesuai keinginan sobat menyesuaikan ukuran sidebar
Jika kamu ingin menambahkan sidebar berarti kamu harus menambah jumlah outerwrapper lebih lebar lagi lihat gambar di atas.
misal outer wrapper + sidebar = 850px + 260 px =  1080 px
maka ukuran outer wrapper semestinya menjadi 1080 px dan jangan lupa sisakan pula untuk padding dan margin agar untuk jarak misal outer wrapper nya 1090

260px adalah ukuran lebar sidebar
float : right; adalah letak sidebar nantinya berada di kanan
float:left ; adalag letak sidebar nantinya berada di kiri

Cari  lagi kode seperti di bawah ini :


<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>

Letakkan kode dibawah ini tepat atasnya:

<div id='sidebarbaru-wrapper'>
<b:section class='sidebar' id='sidebarbaru' preferred='yes'/>
</div>

Hasilnya akan tampak sebagai berikut ini :

<div id='sidebarbaru-wrapper'>
<b:section class='sidebar' id='sidebarbaru' preferred='yes'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
Hanya itu saja cara Menambah Sidebar Di Kanan Atau Dikiri Blog nya.. selamat praktek dan semoga berhasil.

Read More

KUMPULAN KHUTBAH JUM'AT

DOWNLOAD DAN BACA KHUTBAH JUM’AT

 

No	Judul	Link
1	Sarana Taqwa	UNDUH
2	Yang Diridhai Dan Yang Dimurkai	UNDUH
3	Syarat Amal Diterima	UNDUH
4	Kedudukan Ulama Di Tengah Manusia	UNDUH
5	Hakikat Kerugian	UNDUH
6	Berbaik Sangka Kepada Allah	UNDUH
7	Balasan Sesuai Dengan Amalan	UNDUH
8	Kewajiban Kita Kepada Al-Aqsa	UNDUH
9	Amalan Yang Menghilangkan Bencana	UNDUH
10	Keshalihan Anak	UNDUH
11	Langkah Menuju Keselamatan	UNDUH
12	Menghadapi Musibah & Tugas Dakwah	UNDUH
13	Renungan Surat Al-Ashr	UNDUH
14	Perdamaian Itu Lebih Baik	UNDUH
15	Agama Memperbaiki Masyarakat	UNDUH
16	Bila Bencana Melanda	UNDUH
17	Manfaatkan Nikmat Kehidupan	UNDUH
18	Mencari Ilmu Berbekal Kesabaran	UNDUH
19	Tuntutan Ikatan Sebuah Persaudaraan	UNDUH
20	Inilah Al-Qur’an Wahai Umat Islam	UNDUH
21	Larangan Tajassus	UNDUH
22	Hikmah Rezeki Yang Tidak Sama	UNDUH
23	Kejujuran Membawa Keselamatan	UNDUH
24	Merenungi Surat Al-Humazah	UNDUH
25	Relakah Kamu	UNDUH
26	Pertempuran Antara Yang Haq Dan Bathil	UNDUH
27	Kefakiran Dan Kekayaan	UNDUH
28	Penuhi Umur Dengan Ketaatan	UNDUH
29	Beruntunglah Orang Yang Mengintrospeksi Dirinya!	UNDUH
30	Menyambut Kedatangan Bulan Ramadhân	UNDUH
31	Bentuk Menolong Sesama Muslim	UNDUH
32	Tiga Yang Diridhai Dan Yang Dibenci	UNDUH
33	Meraih Kemuliaan Dengan Sabar	UNDUH
34	Istiqomah Yang Benar	UNDUH
35	Agar Tidak Serumah Dengan Setan	UNDUH
36	Akal Keutamaan Dan Keistimewaan	UNDUH
37	Didik Keluargamu Agar Shalat	UNDUH
38	Pengaruh Ilmu	UNDUH
39	Wasiat Untuk Ummat	UNDUH
40	Kewajiban Setelah Mengucap Kalimat Laa Ilaaha Illa Allah	UNDUH
41	Jangan Terperdaya Oleh Harta	UNDUH
42	Hari Akhir Dan Bekalnya	UNDUH
43	Menjauhi Perbuatan Dosa	UNDUH
44	Menjaga Diri Dari Yang Halal	UNDUH

 

 

Read More