BLOGGER JEDDAH

MY PRINCES "AISHA NASYWA SYAFATILLA"

BLOGGER JEDDAH

MY HEARTH

BLOGGER JEDDAH

MY PRINCES

ASSALAMUALAIKUM .wrwb SELAMAT DATANG DIBLOG WONK JOWO Modify Hacker Jeddah Team. 2014

BLOGGER

BLOGGER
Ku Hanya Sesosok Anak Manusia Yg Ingin Berbagi


Sekedar share gimana sich caranya merubah ukuran blog default seperti kehendak kita
setelah muyer2 di rumah simbah akhirnya nemu juga tutorialnya;

sebelumnya lihat dulu rancangan dasar blog spt gambar dibawah ini :



Seperti inilah ket (Kurang lebih)

Outer-wrapper 

- Maksudnya  adalah lebar/ukuran template secara keseluruhan dimana didalam outer-wrapper ini terdapat bagian header, posting, sidebar dan footer. Pada template kamu ditandai dengan kode CSS #outer-wrapper,#outer-wrap atau juga bisa #outer.

 Header-wrapper 

- Pada template kamu ditandai dengan kode CSS #header-wrapper, #header-wrap atau #header. Untuk yang templatenya memiliki 2 header atau lebih maka kode CSS nya akan ada 2 atau sesuai header yang ada pada template kamu. Misalnya terdapat 2 header dalam template kamu, maka kode CSS nya juga ada 2 yaitu #header dan #header2. Yang membedakannya hanya float right dan float left. Ukuran lebar menu navigasi yang ada dibawah atau diatas header biasanya jsama

Content-wrapper 

- Ditandai dengan kode CSS #content-wrapper, #content-wrap atau #content pada template kamu, jika tidak terdapat kode CSS ini, berarti berarti untuk area posting dan sidebar pengaturan CSS nya ada pada bagian /* -----   MAIN   -----  */.

Main-wrapper

 - Ditandai dengan kode CSS #main-wrapper, #main-wrap atau #main. Area posting berada pada main-wrapper ini.

 Sidebar-wrapper

 - Ditandai dengan kode CSS #sidebar-wrapper, #sidebar-wrap atau #sidebar.  Terkadang di beberapa template tertentu, terdapat kode yang seperti ini lebih dari 1, jadi sah-sah saja jika didalam template kamu  ada beberapa kode sidebar yang ditulis secara urut seperti #sidebar-wrapper, #sidebar1-wrapper atau #sidebar1 dan #sidebar2.

Footer-wrapper

 - Ditandai dengan kode CSS #footer-wrapper atau biasanya juga terdapat dibawah kode /* -----Footer Content----- */ atau /* -----Footer Wrapper----- */.


setelah mengetahui mana yg akan dirubah ukuranya silahkan masuk ketemplate - edit html
ctrl+f masukkan kode / nama rancangan yg ada pada gambar

contoh gambar seperti dibawah ini :


setelah itu silahkan rubah value nya sesui keinginan 
nb : pertinjau templat dulu sebelum melakukan "save"

selamat mencoba dan Semoga bermanfaat,......Yg berminat silahkan COPAS 


One Response so far.

  1. Unknown says:

    terimakasih banyak sob buat tutorialnya, sangat membantu...

    http://acemaxsshop.com/

Leave a Reply