Cara Ubah Saiz Template Blog (Jarak antara Pos Dengan Sidebar )

Salam Blogshops & Blogger.. Kenali Cod Header/Posting/Sidebar & Sewaktu denganya +Jarak antara Pos dengan sidebar + Besar atau kecilkan saiz templateKali ini JTads berkongsi cara mengenali Struktur template blog lebih kurang macam gambar dibawah ini : sekiranya anda ingin mengodek blog pastikan sebelum itu anda beckup template blog anda

telusur bahagian kod CSS dalam kod template cari body{}, selalu dia duduk di bahagian atas kod template:

body {
margin:0px auto 0px;
padding:0px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:$bodytextcolor;
background:$bgcolor;
width:960px
}

berapa luas width dalm pixels (960px).

cari kod outer-wrapper {}:

#outer-wrapper {
background:$bgcolorwrapper;
width:920px;
margin:10px auto 10px;
padding:0px 20px 15px 20px;
border:double $bgcolorwrapperborder
}

ukuran width adalah 920px - termasuk margin atas 10px;, margin kanan auto, margin bawah 10px;
(margin atau padding: 10px 10px 10px 10px; = atas, kanan, bawah, kiri)

Tentukan width header-wrapper {}:

#header {
width:920px;
margin:15px 0px 0px 0px;
height:100px;
background-color:$bgcolorhead;
border-bottom:$bgcolornavline 1px solid
}

tentukan berapa width content-wrapper {}

.contentwrapper {
width:920px;
margin:0 auto;
margin-bottom:5px;
background: $bgcolor; /* #000 url(http://i254.photobucket.com/albums/hh92/eblogtemplates/adstheme/sbbg.gif) repeat-y right; */
}

Tentukan berapa width main-wrapper{} (dalam contoh ini dia guna content {} tak guna main-wrapper{}):

#content {
float:left;
padding:10px 10px 10px 10px;
width:525px;
margin:0px 0px 5px 0px;
background: #fff;
border:$mainpostcolor 1px solid
}

Tentukan berapa width sidebar-wrapper {}, sidebar kiri, atas, kanan, bawah:
#lsidebar{} dengan #rsidebar{} adalah dua sidebar yang duduk di bawah #sidebar-right{}:

#sidebar-right {
float:right;
width:353px;
height:100%;
min-height:100%;
padding:10px
}

#lsidebar {
float:left;
width:172px
}

#rsidebar {
float:right;
width:172px
}

kalau nak selaraskan sendiri jarak antara sidebar kiri atau sidebar kanan dengan body pos berapa ruang berpa luas:

main-wrapper {} atau content{} + sidebar-right (sidebar atas) + margin kiri atau margin kanan yang digunakan.
pastikan berapa ukuran ruang conten-wrapper + margin kiri dan margin kanan yang digunakan.
kemudian selaraskan sendiri. Selepas pinda pratonton (preview) dulu, kolau cantik dan menjadi baru boleh save template.

kalau content-wrapper = 920px tolak margin kiri 10px margin kanan 10px dah tinggal 900px:

jadi content atau main-wrapper + margin kiri + kanan dia kalau ada + sidebar atas + margin kiri sidebar + margin kanan sidebar = jumlah dia tak boleh lebih 900px.

kurangkan widht main-wrapper dengan width sidebar-wrapper kalau nak jarakkan antara keduanya.

selamat mencuba Blogshop & Blogger

. .

SETIAP HARI POS,PERMINTAAN TINGGI!

Get Update! promosi & lebih diskaun sila Sms/WhatsApp...

Kurier PickUp Parcel Setiap Hari

Kecuali Ahad

Syarikat Kami Menggunakan Kurier Berdaftar

Bank In Sebelum Jam 2.00pm

Penghantaran Akan Dibuat Pada Hari Yang Sama

Kebiasaanya Parcel Akan Sampai 1-3Hari Bekerja Paling Cepat

PRIVASI ANDA KEUTAMAAN KAMI

Bungkusan dibalut serta Bubble Wrap@Kotak

Pada parcel kami tidaklah menulis nama item tempahan