Senin, 28 Mei 2018

Cara Merubah Lebar Template Mudah Pada Blogspot

Cara Merubah Lebar Template Mudah Pada Blogspot

Cara Merubah Lebar Template Mudah Pada Blogspot
Cara Merubah Ukuran Template di Blog Anda dengan Mudah dan Cepat - Template adalah kebutuhan premium, penyesuaian Ukuran, tata letak, dan berbagai macam desain pun diperlukan agar blog kita semakin rapih dan terasa enak dipandang. Tapi Tahukah kalian berapa ukuran maksimal sebuah template yang baik ? dan bagaimana cara menyesuaikannya?

Perubahan pada template blog biasanya didasarkan oleh pembaharuan pihak - pihak terkait misalnya Google Adsense, peluncuran iklan dengan ukuran 970 x 90 memaksa kita untuk merubah lebar template sehingga iklan tersebut masuk kedalam ruang yang disediakan oleh kita, dan ada juga yang di dasarkan ketidakpuasan pribadi sebagai admin blog dengan lebar sebuah template sehingga berinisiatif untuk mengatur lebar template tersebut.

Ada 4 komponen utama dalam pengaturan ukuran pelebaran template pada blog yaitu :
  1. Header Wrapper
  2. Main Wrapper
  3. Sidebar Wrapper
  4. Footer Wrapper
Dari ke - 4 Komponen di atas kita bisa mengatur lebar sebuah template dengan kondisi yang di inginkan. Mari kita gunakan sumber pembelajaran HTML untuk mengedit template tersebut, Yuk mamang kasih tutorialnya.

Cara Merubah Lebar Template Mudah Pada Blogspot :


1. Masuk ke dashboard >> Template >> Edit HTML

2. Kemudian cari kode header-wrapper (tergantung setting template yang di gunakan secara garis besar kode tersebur akan seperti ini :

#header-wrapper {
Di deretan bawah kode tersebut ada kode ukuran lebar template seperti ini
height:119px;
width:900px;

3. Ganti "Width:900px" dengan lebar yang anda inginkan misalnya menjadi "Width:970px"

4. Sekarang aturlah "Main Wrapper" untuk melebarkan area postingan mengikuti lebar header tadi. Contohnya adalah seperti 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.

5. Dan "Sidebar Wrapper" untuk merubah ukuran widget sidebar saja :

#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.

Cara Merubah Lebar Template dengan Persen :


Selain dengan cara di atas anda juga bisa melakukan pengaturan ukuran lebar template menggunakan presentase dalam CSS, Sebagai contoh anda akan membuat 970px (100%) lebar template, dan ingin membagi nya untuk Main-wrapper sebesar 70% dan untuk sidebar 30%, maka kode CSS nya akan kurang lebih seperti di bawah ini :


#layout #header{min-height:0px;width:100%;margin:10px 0 0 0;}
#layout #footer-wrapper .footer-column{width:33.33%;float:left}
#layout #main-wrapper{width:70%;float:left}
#layout #sidebar-wrapper{width:30%;left:0;padding:0;float:right}

Demikianlah informasi dari Blog Mang otep tentang artikel Cara Merubah Lebar Template Mudah Pada Blogspot ini, semoga bermanfaat untuk anda. Jika mnyukai artikel ini anda bisa share, like, and subscribe untuk berlangganan artikel terbaru langsung dari email anda.

Disana Gunung Disini Gunung, Ditengahnya Pulau Jawa
Kamu Bingung Infonya Nanggung, Mending Visit Blog Mang Otep Aja

Load comments