Secara umum semua template memiliki teknik yang sama, hanya saja ada sedikit perbedaan di beberapa opsi. Oleh karena itu dalam tips trik merubah ukuran lebar template ini saya menyampaikan cara yang paling mudah dengan mengedit sumber HTML. Namun jika juragan menggunakan template bawaan blogger tidak perlu edit HTML, tapi cukup mengatur layout yang ada di dasbor blogger saja.
Nah, sekarang kita mulai tentang cara merubah ukuran lebar template dari luar dengan mengedit sumber HTML template. Jika ada sobat yang belum tahu tentang cara mengedit template blogger versi terbaru ini, silakan baca di bawah ini dulu.
Cara Edit Template Blogger Versi Terbaru
Sekarang kita mulai, caranya;
1. Langsung menuju dasbor>> template >> edit HTML. Kemudian cari kode seperti di bawah ini
#header-wrapper {
Di deretan bawah kode tersebut ada kode ukuran lebar template seperti ini
height:119px;
width:900px;
Note: “width” adalah ukuran lebar. Gantilah ukuran lebar 900px tersebut sesuai dengan keinginan anda, misalnya 970px.
Selanjutnya anda harus merubah semua ukuran 900px yang ada di sumber HTML template tersebut menjadi 970 semua. Caranya, ketik Ctrl+F, lalu masukkan angka 900 dan klik enter. Jika anda sudah tidak menemukan angka 900 berarti sudah oke.
2. Sekarang lebar template telah berubah, maka langkah berikutnya adalah merubah ukuran lebar halaman postingan dan lebar sidebar agar sesuai dengan lebar template keseluruhan. Tapi sebaiknya anda hanya merubah lebar sidebar saja. Karena jika anda juga merubah lebar halaman postingan, maka penampilan artikel juga akan berubah semuanya.
Namun semua itu tergantung keperluan anda, jadi anda juga bisa merubah keduanya dengan cara membagi dua antara lebar halaman posting dengan lebar sidebar. Atau anda hanya melebarkan area postingan saja, sedangkan lebar sidebar tetap.
- Jika ingin merubah lebar halaman postingan saja cari kode berikut ini;
#main-wrapper {
Dibawahnya ada kode seperti ini
width:507px;
Ganti semua angka 507 dengan ukuran anda agar sesuai dengan lebar template yang anda rubah tadi.
- Jika ingin merubah lebar sidebar saja cari kode berikut ini;
#sidebar-wrapper {
Dibawahnya ada kode seperti ini
width:362px;
Ganti semua angka 362 dengan ukuran anda agar sesuai dengan lebar template yang anda rubah tadi.
3. Klik Simpan Template. Selesai dan lihat hasilnya.
NOTE: Jika anda ingin mengembalikan ukuran seperti semula lagi, silakan ganti lagi semua angka yang anda rubah tadi seperti semula.
Begitulah, terima kasih. Jangan lupa baca juga;
- Cara Membuat Scroll Blog Archive di Sidebar Paling Mudah
- Cara Membuat Sitemap / Daftar Isi di Blogger Paling Mudah
Okey, thanks…nice shared!
thanks juga mampirnya sobat.
akasih sob,ditunggu kunjungan baliknya
makasih juga kunjungannya n slm sahabat,,,
mksh mz…:)
makasih juga kunjungannya masbray,,, slm sukses.
mbak mau tanya gimana caranya bikin artikel privasi policy, saya bikin di urlnya muncul tanggal jadi kurang sreg, kan di blog ini tanggalnya gak muncul http://juragancipir.blogspot.com/p/privacy-policy.html nah gimana itu mbak? biar bisa pake 'p' makasih sebelumnya
Hehehe… mudah banget itu mas,,,<br />Sebelum dipublish, klik dulu tulisan <b>Tautan Permanen</b> di sebelah kanan, setelah proses pembuatan tautan jadi lalu klik <b>Selesai</b>, terakhir klik <b>Publish</b><br />Gitu aja kok repot, hehehe 🙂
tetep muncul ni mbak tanggalnya 🙁
Buat laman baru, yang lama dihapus aja. <br />Ingat, <b>Laman Baru</b>. Bukan posting baru.
wah bisa mbak hehe terima kasih banyak
nice nginfo Gan
makasih juga kunjungannya gan ^_^
terimakasih banyak artikelnya sangat bermanfaat…salam kenal
makasih juga kunjungan perdananya mas,,, salam kenal n salam sahabat ^_^
ini yg saya cari….salam knal y 🙂
salam kenal juga mas,,, makasih kunjungan perdananya ^^
Terimakasih Banyak Gan dah aku praktekin nih…<br />Salam Sukses
makasih juga telah praktek mas,,, salam sukses juga ^_^
kunjungan perdana ….keren saya coba ahh … moga berhasil … nice post manpir juga ya
makasih kunjungan perdananya mas, silakan dicoba n semoga berhasil ya ^_^<br />saya sdh kunbal tapi mau komen gak ada profil bloggernya, hehehe ^^
mantapp.. terimakasih banyak gan infonya
makasih juga kunjungan perdananya 🙂
terima kasih banyak mbak……..!!!<br />semoga blog nya mbak tambah rame!<br />
makasih doanya mas, semoga mas Buser juga sukses, amin 🙂
Thanks infonya sangat bermanfaat
makasih juga kunjungannya mas, salam sukses 🙂
Alhamdulillah bisa membantu saya.
makasih kunjungannya mas mariyanto, salam sukses n salam sahabat 😉
Makasih mbak yu,..<br />http://adamjayasticker.blogspot.com/
Nice blog
makasih ukhti…
sangat bermanfaat ..<br />tertarik sama tampilan komentarnya,bagi tutornya donk,hee
thank's bro :v,susah" mumet" cari infonya eh malah ketemu yee
mantap…
Trima kasih, cukup bermanfaat, <br />
wah artikel bagus, tetapi template saya agak berbeda nih keliatanya tapi good luck salam sukses and di tunggu kunjungan baliknya mbak.
Tante Indri makasih lho sudah repot2 buat tutorial merubah ukurang template buat aku. jadi nggak enak nih saya Tante. hehe… lho kok saya panggilnya Tante maaf khilaf Mbak. maafkan saya ya Mbak Yu. heheeheh kalau ada waktu mampir ya kerumah saya Mbak Yu…
insyaAllah saya akan mampir beli meubel hehehe 😀
Makasih Teh…. tapi saya masih bingung, navigasi saya tidak merapat ke atas ya…
untuk memperkecil halaman artikel dan sidebar itu rumus angkanya di perkecil ya mbak?
benar sekali mas ammar, harus kita perkecil angkanya secara adil dan seimbang 😀 Tetapi pertama tentukan lebar sidebar dulu, setelah itu sisanya digunakan untuk halaman artikel 🙂
template blog saya gak ada kode #header-wrapper { .. cara ubah lebar template gimana ya?