Cara Mengecilkan Atau Melebarkan Ukuran Template Blog-
Kali ini saya akan menunjukan caranya untuk mengecilkan Template Blog..
karena banyak yang bertanya kepada saya bagaimana sih caranya bikin
template supaya ukurannya menjadi kecil? nah padahal sebenarnya itu
sangat gampang sekali jika berusaha mencari pasti bakalan ketemu kok..
kalok niatt sih :v langsung saja tampa bassa basi lagi
Penjelassan:
1. Hal yang harus ada ketahui ada bagaian bagaian template seperti dilayout, outer-wrapper, header, main-wrapper, slider atau sidebar, atau pun lainnya.. seperti gambar dibawah ini
2. dalam mengolah layout anda dapat melakukan nya melalui TEMPLATE > Edit HTML ..
3. pada gambar diatas tersebut terdapat Garis Berwarna UNGU itu adalah bagaian dari Out-wrapper(Backgraund yang berwarna hitam agak abu abu).
4.Untuk Mengecek Kepastian Namanya atau Classnya kita lihat dengan Mengeklik kanan > Inspect Element
5.Akan Muncul Sebuah Menu yang menunjukan Bagaian bagaian dari HTML Template..
nah cara nya mencari dengan melihat scriptnya jika Outer-wrapper biasanya ada dibawah body. tetapi bisa saja berbeda.. untuk mengeceknya pastikan jika scriptnya akan arakah dengan cursor template bagaian luarnya akan terdapat titik titk putih seperti yang di tujukan pada nomer 2. jika sudah benar maka kita lanjutkan pada tahapan berikutnya
6.Sekarang Buka Template> Edit HTML kemudian cari .outer-wrapper menggunakan CTRL+F atau jika .outer-wrapper tidak bekerja maka coba dengan #outer-wrapper mengapa begitu? karena tergantung dari pemasanganya mereka bisa menggunakan tanda # atau titik(.) jika sudah ketemu maka ubahlah dibagaian width yang menunjukan seberapa lebar outer-wrapper tersebut
7.Contohnya Saya mengubahnya menjadi 500 px dari 1200px jika sudah lanjutkan dengan simpan atau bisa dengan pratinjau
8,Maka Hasilnya akan seperti diatas tersebut...
pertanyaanya
mengapa garis pada tanda merah dibawah itu tidak berubah dan gari pada tanda merah diatas itu juga tidak berubah?
Penjelasan: jadi begini garis merah diawah adalah sebuah widget jadi widget itu dibuat dengan javascript yang artinya outer-wrapper tidak akan berpengaruh karena tidak terdapat sebuah class atau apaun yang mengubuhkan nya
Sedangkan garis merah diatas tersebuh juga tidak terhubung dangan outer-wrapper karena dia bersifat tetapi atau tidak akan berubah..
sedangkan kenapa navigasi juga ikut mengecil padahal itu bagain header? karena header itu ada didalamnya outer-wrapper
contohnya seperti ini
<body>
<outer-wrapper><
<header>
<main-wrapper>
<sidebar>
<footer>
>
(Hanya sebagai comtoh)
bisa dilihat bukan bahwa bagaian body terdiri dari outer dan outer terdiri dari header dan lainnya nah intinya mereka saling menghubungkan begitu...
Nah jika ada pertanyaan tolong berkomentar lah saya juga capek ketiknya :v
More about → Cara Mengecilkan Atau Melebarkan Ukuran Template Blog
Penjelassan:
1. Hal yang harus ada ketahui ada bagaian bagaian template seperti dilayout, outer-wrapper, header, main-wrapper, slider atau sidebar, atau pun lainnya.. seperti gambar dibawah ini
- Contohnya saat ini saya ingin mengedit Out Wrapper Template atau bagaian luar yang melapisi template contohnya seperti digambar ini
3. pada gambar diatas tersebut terdapat Garis Berwarna UNGU itu adalah bagaian dari Out-wrapper(Backgraund yang berwarna hitam agak abu abu).
4.Untuk Mengecek Kepastian Namanya atau Classnya kita lihat dengan Mengeklik kanan > Inspect Element
nah cara nya mencari dengan melihat scriptnya jika Outer-wrapper biasanya ada dibawah body. tetapi bisa saja berbeda.. untuk mengeceknya pastikan jika scriptnya akan arakah dengan cursor template bagaian luarnya akan terdapat titik titk putih seperti yang di tujukan pada nomer 2. jika sudah benar maka kita lanjutkan pada tahapan berikutnya
pertanyaanya
mengapa garis pada tanda merah dibawah itu tidak berubah dan gari pada tanda merah diatas itu juga tidak berubah?
Penjelasan: jadi begini garis merah diawah adalah sebuah widget jadi widget itu dibuat dengan javascript yang artinya outer-wrapper tidak akan berpengaruh karena tidak terdapat sebuah class atau apaun yang mengubuhkan nya
Sedangkan garis merah diatas tersebuh juga tidak terhubung dangan outer-wrapper karena dia bersifat tetapi atau tidak akan berubah..
sedangkan kenapa navigasi juga ikut mengecil padahal itu bagain header? karena header itu ada didalamnya outer-wrapper
contohnya seperti ini
<body>
<outer-wrapper><
<header>
<main-wrapper>
<sidebar>
<footer>
>
(Hanya sebagai comtoh)
bisa dilihat bukan bahwa bagaian body terdiri dari outer dan outer terdiri dari header dan lainnya nah intinya mereka saling menghubungkan begitu...
Nah jika ada pertanyaan tolong berkomentar lah saya juga capek ketiknya :v
