-->

Cara Mengatur Ukuran Lebar Template Halaman Post dan Sidebar Blog

Serieswans.com - Assalamualaikum, Hallo sahabat blogger. pada kesempatan kali ini saya membagikan tutorial cara mengubah ukuran lebar atau jarak antara postingan blog dengan sidebar. bagi seorang blogger pemula ataupun yang masih awam dengan melihat kode-kode html dan css, pasti akan merasa kesusahan ketika akan mengedit template blog, misalkan saja ingin mengubah ukuran lebar atau jarak antara postingan blog dengan sidebar. apa dulu yang harus di lakukan dan cara mengubahnya gimana ?

Cara Mengatur Ukuran Lebar Template Halaman Post dan Sidebar Blog
Cara Mengatur Ukuran Lebar Template Halaman Post dan Sidebar Blog
Disini saya akan coba membantu permasalahan anda mengenai cara mengubah ukuran lebar atau jarak antara postingan blog dengan sidebar. dengan kita menyesuaikan ukuran lebarnya, artinya tidak terlalu mepet dan tidak terlalu lebar antara postingan blog dengan sidebar.

Baca Juga : Cara Menonaktifkan atau Disable CTRL+U Menjadi Auto Redirect di Blogger

Dan ini akan menjadi nilai tambah untuk blog anda agar User Friendly. cara merubahnya juga sangat mudah dan simple, sehingga dapat mudah di lakukan oleh seorang blogger pemula yang masih awam tentang dunia coding atau pemrograman.

Berikut adalah Cara Mengatur Ukuran Lebar Template Halaman Post dan Sidebar Blog

  • Masuk terlebih dahulu ke akun Blogger anda dan masuk ke menu Dashboard.
  • Kemudian pilih Tema atau Template > Edit HTML.
  • Silahkan anda cari Script CSS atau kode #wrapper dan sesuaikan ukuran Max-Width nya 
  • Misakan ukuran awalnya 1100px (ini terlalu lebar).
    Cara Mengatur Ukuran Lebar Template Halaman Post dan Sidebar Blog
    Cara Mengatur Ukuran Lebar Template Halaman Post dan Sidebar Blog
  • Maka hasilnya akan seperti berikut.
    Cara Mengatur Ukuran Lebar Template Halaman Post dan Sidebar Blog
    Cara Mengatur Ukuran Lebar Template Halaman Post dan Sidebar Blog
  • lalu anda ubah ukurannya menjadi 1010px (ukuran yang sesuai dengan template saya) atau silahkan anda sesuaikan dan atur sendiri ukurannya. 
    Cara Mengatur Ukuran Lebar Template Halaman Post dan Sidebar Blog
    Cara Mengatur Ukuran Lebar Template Halaman Post dan Sidebar Blog
  • Maka hasilnya akan seperti berikut.
    Cara Mengatur Ukuran Lebar Template Halaman Post dan Sidebar Blog
    Cara Mengatur Ukuran Lebar Template Halaman Post dan Sidebar Blog
Bisa kita lihat ukuran dari hasil gambar ke 1 dan kedua ini. jika kita lihat gambar ke 1 ini menurut saya kurang enak di lihat, sedangkan hasil gambar ke 2 ini enak di lihat, tidak terlalu lebar dan dekat dan lebih User Friendly.

Baca Juga : 5 Tips dan Cara Mendapatkan Sitelink Blog dari Google Terbaru

Perlu di perhatikan, jika anda tidak menemukan kode #wrapper pada template anda. silahkan anda cari saja yang mirip dengan kode tersebut dan atur max-width atau ukuran lebarnya sesuai yang anda inginkan.

Nah, mungkin itu saja tutorial kali ini mengenai Cara Mengatur Ukuran Lebar Template Halaman Post dan Sidebar Blog . jika anda memiliki pertanyaan atau request untuk tutorial selanjutnya, silahkan berkomentar di bawah postingan ini. semoga bermanfaat dan bisa membantu anda.
Next
Previous

Related Posts

Show comments
Hide comments

0 Komen

Posting Komentar

  • Mohon Tinggalkan jejak sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus
  • Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.
  • Jika ingin menulis kode maka harus di-parse terlebih dulu (terutama Javascript dan HTML)
  • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
  • Gunakan tag <i> dan diakhiri dengan kode </i> untuk menuliskan kode. Contoh:
    <i>#comments</i>
  • Gunakan tag <em> dan diakhiri dengan kode </em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
    <em>#comments {margin:0; padding:10px 15px}</em>

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

x
Berlangganan

Dapatkan pemberitahuan melalui email setiap ada artikel baru. Gratis!