Menambah Sidebar Di Blogspot

sidebar digunakan untuk memerindah blog yang kita punya,, dan sidebar juga bisa digunakan sebagai tempat dimana kita akan menaruh suatu gambar - gambar, ucapan selamat datang,, dan lainnya.. namun sebelum kita membuat sidebar yang baru,, alangkah lebih baiknya bila kita memback up dulu blog kita, karena takut ada hal - hal yang tidak di inginkan,, simaklah beberapa langkah menambahkan sidebar

Langkah pertama :

Carilah code - code berikut ini :

/* Outer-Wrapper
------------------------------------------ */
#outer-wrapper {
width: 840px
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
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 */
}
#sidebar-wrapper {
width: 220px;
float: right;
padding-left:10px; /* yg ini tambahan juga biar tampak ada jarak sela */
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 */

#sidebarbaru-wrapper {
width: 180px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

Jika sudah ketemu,, copy code di atas yang berwarna hijau,, dan paste ke bawah sidebar wrapper, jika sudah,, kalian bisa mengedit code dibawah ini yang berwarna merah

#sidebarbaru-wrapper {
width: 180px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}

untuk membuat kolom di kiri silahkan copy code di atas ini

#sidebarbaru-wrapper {
width: 180px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

untuk membuat kolom di kanan silahkan copy code di atas ini

#sidebarbaru-wrapper {
width: 180px;
float: top;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;

untuk membuat kolom di atas silahkan copy code di atas ini namun widthnya harus anda rubah sesuai dengan widht main - wrapper anda

penjelasan :

~ width meruakan lebar dari sidebar yang kita inginkan

~ float merupakan dimana kita akan meletakkan sidebar

~ padding merupakan kemana blog kita akan tersusun mis dari atas ke bawah, kiri ke

kanan,, dan sebagainya

Langkah kedua

Langkah selanjutnya adalah menuju ke bagian bawah template, yaitu pada bagian body,, carilah code seperti ini

maka akan ketemu code seperti ini!!

Setelah itu,, ambil code dibawah ini dengan cara mengcopy pastenya ke atas dari code tersebut

,,

maka akan tampil code seperti ini




Jika,, sudah,, simpan template anda, dan pergi ke "elemen halaman" untuk menambah widget,, sekian, terima kasih.. semoga ilmu ini bermanfaat bagi anda..

- Good Luck -

Jangan lupa berlangganan via e-mail kepada kami,, kami akan mengirimkan artikel – artikel penting kami kepada anda.. sekian terima kasih, salam sukses selalu!!..







Ingin mendapat artikel seperti ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.

Enter your email address:

Delivered by FeedBurner

Artikel Terkait