-->

Cara Mengetahui dan Mengubah Ukuran Sidebar Blog

Cara Mengetahui dan Mengubah Ukuran Sidebar Blog


Apa gunanya mengetahui sekaligus mengubah ukuran sidebar blog?
Dalam hal ini adalah ukuran lebarnya?

Tujuannya adalah, agar anda bisa menentukan space atau lebar ruang sidebar yang pantas untuk blog anda, sesuai dengan kebutuhan anda. Sesuai dengan apa yang akan anda pasang pada sidebar tersebut, apakah label, link, gambar maupun video, sehingga perbandingan ukurannya satu sama lain, saling sepadan. Tidak acak-acakan.

Lalu bagaimana cara mengetahui ukuran sidebar blog anda yang sekarang?


Sekarang silahkan login ke halaman dasbor Blogger anda. Setelah halaman dasbor terbuka, layangkan pandangan anda ke panel menu sebelah kiri. Contohnya seperti ini:


Cara Mengetahui dan Mengubah Ukuran Sidebar Blog


Lalu kliklah pada menu Tema, sehingga terbuka tampilan seperti gambar di bawah ini:


Cara Mengetahui dan Mengubah Ukuran Sidebar Blog


Nah seperti gambar diatas kliklah pada tombol Edit HTML, sehingga terbuka tampilan seperti ini:


Cara Mengetahui dan Mengubah Ukuran Sidebar Blog


Nah disinilah semua script atau kode yang membentuk template anda tersimpan, termasuk kode pengaturan untuk ukuran sidebar blog anda. Sekarang carilah kode dengan variasi seperti ini:


#sidebar
#sidebar-wrapper
#sidebar-wpr

.sidebar
.sidebar-wrapper
.sidebar-wpr


Kenapa ada beberapa variasi penulisan? Karena setiap template, menggunakan penamaan yang berbeda. Tapi secara umum, kata-kata "sidebar", biasanya tetap ada. Kemudian kenapa ada tanda pagar atau titik di depannya? Itulah standar karakter yang digunakan untuk pengaturan tampilan pada halaman web/blog. Jadi silahkan anda cari salah satu kode tersebut pada script template blog anda.

Jika anda kesulitan mencari kode sidebar tersebut diantara ribuan kode yang ada pada template blog anda, gunakan trik ini: Cara Cepat Mencari Kode pada Form Edit HTML Template.

Setelah anda temukan, lihat kode pengiring di belakang atau dibawahnya, yang menunjukkan kode ukuran. Misalnya seperti ini:

#sidebar-wrapper:{
Width: 350px;
background: #f1f1f1;
padding: 10px;
margin: 10px;
}


Atau dengan gaya penulisan seperti ini:


#sidebar-wrapper:{width: 350px;background: #f1f1f1;padding: 10px;margin: 10px;}


Nah pada ontoh diatas, kode ukuran sidebar adalah: width: 350px
Jika ada kode lain selain kode tersebut sebelum dan sesudahnya, anda tidak perlu bingung. Yang penting anda cermati adalah width. Sedangkan angka di belakangnya adalah berapa ukurannya. Dan px artinya adalah pixles, satuan dari ukuran pada halaman web/blog. Nah dengan mengetahui arti dari kode tersebut, maka anda tinggal ganti ukurannya sesuai keinginan anda. Yang perlu anda ingat, kode atau karakter lain, jangan terhapus. Pastikan yang anda ubah, hanya angkanya saja.


Lalu bagaimana jika yang anda temukan pada template anda kode width tersebut tidak ada? Anda cukup tambahkan sebaris kode seperti diatas. Yang penting, cara penulisannya tidak keliru. Begitu juga jika sidebar blog anda ada 2 kolom, maka caranya juga sama. Tinggal menganti angka yang terdapat pada kode widthnya, atau menambahkannya jika kode tersebut belum ada.


Cara Mengetahui dan Mengubah Ukuran Sidebar Blog


Setelah selesai mengubah ukuran tersebut, jangan lupa Simpan Tema anda seperti gambar diatas. Lalu tunggu sampai prosesnya selesai. Setelah itu baru lihat perubahannya, apakah lebar sidebarnya sudah berubah atau belum. Jika belum, coba cek lagi dengan teliti sesuai langkah diatas. Bisa jadi ada kekeliruan yang anda lakukan.
8 komentar
avatar
Unknown 5 April 2017 pukul 20.57

salam capucino, bang.
finally find u again, Guru....

Balas
avatar
Erianto Anas Admin 6 April 2017 pukul 11.17

Waw Sendy?
Gimana ceritanya jadi kesasar kesini?

Balas
avatar
Unknown 10 April 2017 pukul 23.29

ya, begitulah, bang..
seorg murid basicnya akan slalu dipertemukan dgn Mentor nya...
maapin ane ya, bang klo lama baru bisa hadir lgi..tpi pernah ada komunikasi dgn bang Arloren, gosipin mentorku di fb..
tpi sendy dah 2 taon ga fb an lgi...krn udah ga ada wawasan yg nambah...
moga dgn ketemu blog ini, bisa belajar jdi blogger yg profesional...hehe...
panjang ya komenku, bang...bisa buat novel dah...
hehe...
wish u luck always, bang Mentor

Balas
avatar
Erianto Anas Admin 11 April 2017 pukul 01.27

hahaha
Lezatnya baca komenmu Sendy
Apa kamu sekarang mau jadi Blogger atau mau diskusi lagi seperti dulu dengan topik yang berbeda?

Balas
avatar
Ilham Sadli 8 Mei 2018 pukul 13.34

terimakasih tutorialnya... :D

Balas
avatar
Abiabang 2 Mei 2019 pukul 12.11

Terimkasih panduannya..mantabbb

Balas
avatar
Erianto Anas Admin 4 Mei 2019 pukul 01.52

Sama-sama Abiabang

Balas
avatar
tribun 30 Januari 2023 pukul 22.38

makasih mas info nya

Balas
Komentar yang tidak relevan, jorok, spamming dan promosi link akan dihapus

Desember 2015 - Erianto Anas - blogernas