Banner 468 x 60

Loading...

mengetahui ukuran header, posting, sidebar, dan footer - arminaven

Advertisement


Arminaven kira, mengetahui ukuran dari header, postingan, sidebar dan footer adalah hal yang sangat diperlukan, jadi kali ini Arminaven akan berbagi ilmu tentang itu.
 
Untuk mengetahui Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger tidaklah sulit, kita cukup mengetik kata tertentu untuk mengubah kode tersebut dan selanjutnya mengubah angkanya dengan yang kita inginkan


1. Mengetahui Ukuran / Lebar header

#header-wrapper{
background: #ffffff;
width: 900px;
height: 160px;
font-size: 12px;
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}

sebelumnya, kita masuk dulu ke dasbor blog - template - edit hml - lanjutkan, jika diperlukan, backup dulu templat sobat untuk jaga jaga. selanjutnya jangan lupa di ceklis expand. untuk mencari kode ukuran kode header, tekan control + F di keyboard sobat dan ketikan header. selanjutnya enter enter saja sampai sobat melihat ada kode header yang dilanjutka dengan angka angka seperti diatas. namun ada juga sebagian blog  yang kode headernya tidak seperti diatas, maka diperlukan kejelian sobat dan sedikit keberanian ngoprek templat. :)

2. Mengetahui Ukuran / Lebar halaman Posting

#main-wrapper{
float:left;
width:590px;
margin:0px 0px 5px 0px;
padding:13px 10px 0px 10px;
overflow: hidden;
}

3. Mengetahui Ukuran / Lebar sidebar

#sidebar-wrapper{
float:left;
width:320px;
margin:13px 0px 5px 0px;
padding:0px;
line-height:19px;
display: inline;
}

Banyak sekali kode sidebar yang bisa dipakai misal #rsidebar-wrapper{ atau #right-sidebar-wrapper{ dll, jadi disesuaikan saja.

4. Mengethui Ukuran / Lebar Footer
/* Footer
----------------------------------------------- */
#footer {
  width:950px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
}



 mengedit ukuran/lebar Halaman Blog


#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

mengedit ukuran/lebar Halaman Posting


#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;/* fix for long non-text content breaking IE sidebar float */
}

mengedit ukuran/lebar Sidebar Blog


#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


mengedit ukuran Header Blog,


#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}


mengedit ukuran Footer Blog
Cari Code di bawah ini:

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Jika sahabat tidak menemukan kode seperti di atas, untuk mengetahui element seperti header, posting, sidebar dan lebar blogger, cukup mencari kode yang mirip dan ditunjukkan dengan width: (LEBAR) dan height:(TINGGI). kata kunci kode yang sobat perlu cari adalah kode yang diwarnai merah oleh arminaven.
semoga artikel ini bermanfaat buat sobat
happy blogging




Hosting Indonesia
belajar komputer


Advertisement

1 Response to "mengetahui ukuran header, posting, sidebar, dan footer - arminaven"

  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "mengetahui ukuran header, posting, sidebar, dan footer - arminaven" ini bermanfaat, share ke jejaring sosial.
Konversi Kode