• INFO DAFTAR CUG
  • WA:085200000285
  • PIN: D703CC94

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

 

Advertisement
Solusi Nelpon SMS Paket Internet Telkomsel Murah - KLIK DISINI



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


DAFTAR CUG SEKARANG | KLIK DISINI

mengetahui ukuran header, posting, sidebar, dan footer - arminaven 4.5 5 Unknown Arminaven kira, mengetahui ukuran dari header, postingan, sidebar dan footer adalah hal yang sangat diperlukan, jadi kali ini Arminaven ...


1 komentar:

1.Jangan lupa koment yah kawan,untuk mempererat silaturrahim, NO CAPTCHA berkomentarnya.
2.Silahkan kawan becanda,asal dengan etika.
3.Komentar Dengan Moderasi untuk menghindari SPAMMER. Yang mau pasang Link,gunakan NAME/URL. Link LIVE otomatis terhapus
4. Yang gak punya akun maka silahkan berkomentar sebagai "Anonim"
5.Gunakan media komentar ini sebagai sarana saran, masukan serta request :)
6.Terimakasih kunjungan dan komentarnya kawan,Mohon maaf jika belum bisa berkunjung balik

J-Theme