S
Outer-wrapper=660px;
Header-wrapper=660px;
Footer-wrapper=660px;
- Sekarang masuk ke blog sobat.
- Klik tata letak.
- Edit html.
- Jangan beri centang pada Expand widged template.
/* 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 */
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 880px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float:$endSide;
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;
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;
#sidebarbaru-wrapper {
width: 220px;
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
Jangan lupa ganti juga nilai lebar dari:
header-wrapper= 880px;
footer-wrapper= 880px;
<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>
Hingga hasilnya sebagai berikut:
<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>
- Klik pratinjau.
- Jika di rasa sudah sesuai klik simpan template.
24 komentar:
mas gmn yah cara memperlebar SIDEBAR blog saya, karena templet blog saya tidak ada keterangan lebar / width sidebarnya.
saya dah capek mengolah templet blog saya itu, tapi tak kunjung berhasil memperlebar sidebarnya. mas kasih petunjuknya yah..,
saya memakai templet JACKBOOK Dark Slined Mod 2.0
SEBELUMNYA SAYA UCAPKAN TERIMA KASIH BANYAK ATAS BANTUANNYA..
@Reyz: Coba tambahkan kode
.sidebar{
padding:65px;}
Letakkan di atas kode ]]></b:skin>
atau letakkan di bawah kode
.imgrecent{width:100px;
}
blogspot sudah menyediakan kemudahan untuk design blog sendiri:masuk sini
http://draft.blogger.com/
kunjungan perdanaaaaaaaa
bagaimana cara mengisi artikel kedalam Tombol Navigasi
caranya susah amit gan.. saya cari2 ga ketemu juga... ~x(
saya ga ketemu kodenya gan, kodenya itu untuk yang klasik apa yang baru gan. terima kasih infonya
terima kasih infonya
Thanks infonya, sangat berguna
sukses gan..tapi saya banyak modif nya..thanks ya?? baru buat blog buat nampung template saya..http://gopar-template.blogspot.com
gan,
saya mau nambahin sidebar di sebelah kanan blog saya untuk penembatan banner ato iklan dengan ukuran 150x150px, dan padding kiri dan kanannya 10px. jd butuh ukuran widget 150+20=170px.
tapi di blog saya ada kode "#wrap2"-nya.
seperti dibawah ini yg ada diblog sya. bagaimana cara modifikasi nya ya gan..?
#main-wrapper {
width: 640px;
padding:0 10px;
margin:0 auto;
float: left;
word-wrap: break-word;
overflow: hidden;
}
#outer-wrapper {
width:970px;
margin:0 auto;
padding:0 10px;
text-align:left;
}
#wrap2{
margin:0 auto;
width:970px;
}
#sidebar-wrapper {
width: 260px;
padding:0;
float: right;
margin:0px 30px 0 0;
seperti ini tampilan blog saya gan : "http://abel-tasfir.blogspot.com/"
terimakasih banyak atas infonya gan..
=))
terimakasih infonya
thanks infonya sangat berguna
hiks gagall T_T
lebarnya udah nambah tapi ga bisa ditambah widget ni om >.<
http://1technobee.com
makasih untuk informasi berharganya
http://vandepenter.blogspot.com/
wah artikel yang menarik gan.
mas template saya posting nya di kiri.. nah supaya buat posting nya di tengah
agar yang bagian kiri bisa di bikin widget
nih blog saya. www.anishare-blog.blogspot.com
kok ga muncul mas?? apa element pada blog saya beda y? :) . makasih salam by
Photography
Makasih banyak ya om, sangat membantu ini artikelnya.
Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
Jika ya, silahkan kunjungi website ini www.kumpulbagi.com untuk info selengkapnya.
Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)
Saya masih butuh bimbingan mas
Mampir Mas
http://lbmnulampung.blogspot.co.id/2016/02/gerhana-pengertian-gerhana-dan-tata.html
makasih kang sangat memebantu ini yang kucari lihat perumahan di blog saya juga ya mas setelah saya ikuti saran dari blog sampeyan ini: https://bocah-kop.blogspot.co.id/
Izin praktek boss, jangan lupa mampir sewa hiace malang thanks