5.08.2009

Menambah Sidebar Di Blogspot


sidebar digunakan untuk memperindah 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




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

,, jika ditaruh atasnya, maka sidebar tersebut akan berada di kiri, dan apabila dibawahnya code tersebut akan berada di kanan,,






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!!..















3 komentar:

Hack-B on 17 Mei 2009 10.30 mengatakan...

Trims,,

Kunjungan balik ya,, tukaran link, bisa ?

Ancis F Ama on 7 Juli 2009 05.16 mengatakan...

Alow bro........... pusing banget ya ternyata....
bisa ga bantuin aku tips2nya, soalnya aku mo tambah elemen di footer tp ga tau caranya..... templateku dari:
Blogger Template Style
Name: Blogger Buster 2.0
Designer: Amanda
URL: www.bloggerbuster.com
Date: 26 Sept 2007
bisa ga ya ditambah? Help me Please Bro....
ancispengelana.blogspot.com

Ancis F Ama on 7 Juli 2009 05.17 mengatakan...

Kelupaan bro....
aku pasang BANNERNYA ya.........
he...he...

Posting Komentar

bercomment lah dengan bennar

My Rank

Share/Save/Bookmark
Powered by  MyPagerank.Net

Artikel Terpopuler

Ikuti Dari Facebook

 
100 Blog Indonesia Terbaik

Website saya nilai
Rp 5.52 Juta

Penghargaan yang ada disini asli dari pemilik award,, untuk melihat postingannya silahkan klik saja pada gambar awardnya!!..

Cara Bisnis Pemula © 2009 Tempat Uang is Designed by Bobby Supported by Blogger