Cara Merubah Lebar Template Gampang Pada Blogspot

Cara Merubah Ukuran Template di Blog Anda dengan Praktis dan Cepat - Template ialah kebutuhan premium, adaptasi Ukuran, tata letak, dan banyak sekali macam desain pun dibutuhkan biar blog kita semakin rapih dan terasa lezat 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 contohnya 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 dapat 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 Praktis Pada Blogspot :

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

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

CSS #header-wrapper { Di gugusan bawah isyarat tersebut ada isyarat ukuran lebar template ibarat ini height:119px; width:900px; 

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

4. Sekarang aturlah "Main Wrapper" untuk melebarkan area postingan mengikuti lebar header tadi. Contohnya ialah ibarat ini :

CSS #main-wrapper { Dibawahnya ada isyarat ibarat ini width:507px; Ganti semua angka 507 dengan ukuran anda biar sesuai dengan lebar template yang anda rubah tadi. 

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

CSS #sidebar-wrapper { Dibawahnya ada isyarat ibarat ini width:362px; Ganti semua angka 362 dengan ukuran anda biar sesuai dengan lebar template yang anda rubah tadi. 

Cara Merubah Lebar Template dengan Persen :

Selain dengan cara di atas anda juga dapat melaksanakan pengaturan ukuran lebar template memakai presentase dalam CSS, Sebagai pola anda akan menciptakan 970px (100%) lebar template, dan ingin membagi nya untuk Main-wrapper sebesar 70% dan untuk sidebar 30%, maka isyarat CSS nya akan kurang lebih ibarat di bawah ini :

CSS #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 gosip dari Blog Mang otep ihwal artikel Cara Merubah Lebar Template Praktis Pada Blogspot ini, semoga bermanfaat untuk anda. Jika mnyukai artikel ini anda dapat share, like, and subscribe untuk berlangganan artikel terbaru eksklusif dari email anda.
Sumber https://www.mangotep.com/