Cara Baru Mengubah Ukuran Sidebar dan Halaman Posting di Blog
Dipostingan Saya kali ini, Saya akan share bagaimana Cara Mengubah Ukuran Sidebar dan Halaman Posting di blog. Saya sendiri juga memakai cara ini, yang awalnya blog Saya mempunyai 2 sidebar sekarang Saya ubah menjadi 1 sidebar, atau bagi Kamu yang hanya ingin mengecilkan atau memperbesar ukuran Sidebar atau halaman posting Kamu. Silahkan Ikuti tutorial di bawah ini !
- Log in ke Blogger Kamu
- Pilih Template, lalu klik edit html
- Centang expand template widget
- Lalu cari kode yang hampir sama dibawah ini. Gunakan CTRL+F untuk mempermudah, cari kode #main-wrapper {
#main-wrapper {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
overflow: hidden;
padding: 10px;
width: 531px;
word-wrap: break-word;
}
#sidebar-wrapper {
float: right;
margin-top: 10px;
overflow: hidden;
width: 175px;
word-wrap: break-word;
}
#sidebar-wrapper2 {
float: left;
margin-top: 10px;
overflow: hidden;
width: 175px;
word-wrap: break-word;
}
Keterangan :background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
overflow: hidden;
padding: 10px;
width: 531px;
word-wrap: break-word;
}
#sidebar-wrapper {
float: right;
margin-top: 10px;
overflow: hidden;
width: 175px;
word-wrap: break-word;
}
#sidebar-wrapper2 {
float: left;
margin-top: 10px;
overflow: hidden;
width: 175px;
word-wrap: break-word;
}
Teks berwarna merah untuk mengubah ukuran halaman posting Kamu
Teks berwarna biru untuk mengubah ukuran sidebar Kamu
Teks berwarna ungu adalah ukuran lebar (ubah sesuai keinginan Kamu)
Simpan dan lihat hasilnya,,,
Mudah bukan ?, Selamat Mencoba,,,
Subscribe to:
Post Comments (Atom)
0 komentar:
Terimakasih telah berkenan mengunjungi dan meninggalkan komentar di Blog ini. Setiap Saran & Kritik yang masuk akan kami jadikan sebagai bahan Evaluasi untuk perbaikan Blog ini.
CATATAN :
1. Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA DISINI...</i>
2. Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA DISINI...</i>
3. Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DISINI...</i>
4. Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DISINI...</b>
NB: Jika anda ingin menyisipkan kode diatas silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar.
Jika anda ingin berkomentar "BIASA", abaikan no 1-4