Nah2 sobat blogger ada yang masih bingung nie lebar ukuran blog saya berapa yaaa?.
Nah lebar ukuran blog yang saya share kali ini ada Lebar bagian Header, ada lebar bagian post, Lebar fotter, nah bagian2 tertentu pastinya berbeda pada setiap sisi, Untuk lebih tau cara mengetahui nya silahkan disimak ya...
Inilah bagiannya bisa dilihat dengan setelan kode HTML sobat :
1. #header-wrapper (header)
2. #sidebar-wrapper (sidebar)
3. #main-wrapper (tempat posting)
4. #footer-wrapper (footer)
5. #outer-wrapper (halaman blog)
Cara Mengetahui Ukuran / Lebar Header, Sidebar, Post, Footer, Lebar Blog
1. Mengetahui Lebar Header
#header-wrapper{
background: #ffffff;
bottom;
width:970px;
height:100px;
border-top:0px solid #ddd;
margin:0 auto
}
2. Mengetahui Lebar Halaman Posting
#main-wrapper{
width:620px;
float:$startSide;
word-wrap:break-word;
overflow:hidden;
padding-left:10px
}
3. Mengetahui Lebar Sidebar
#sidebar-wrapper{
width:300px;
float:$endSide;
word-wrap:break-word;
overflow:hidden
}
4. Mengetehui Lebar Footer
#footer-wrapper{
width:940px;
text-align:left;
font:$bodyfont;margin:0 auto;
padding:10px
}
5. Mengetahui Lebar Halaman Blog
#outer-wrapper{
background:#fff;
-moz-box-shadow:0 0 40px rgba(0,0,0,.20);
-webkit-box-shadow:0 0 5px rgba(0,0,0,.20);
-goog-ms-box-shadow:0 0 10px #333;
box-shadow:0 0 40px rgba(0,0,0,.20);
width:960px;
text-align:$startSide;
font:$bodyfont;
margin:0 auto;
padding:0 10px 0 0
}
Teks warna merah menunjukkan lebar (width)
Untuk kode di awali dengan simbol pagar ( # ) adalah suatu kode warna, kode warna ini bisa dicek dengan aplikasi Photoshop.
Nah itu dia sebuah kode yang berguna mengetahui ukran lebar blog sobat.
Untuk melihatnya sobat masuk menu setelan blog sobat > Tempelate > Edit HTML . Nah dari kode tersebut bisa anda cari dan teliti dengan mengklik kode HTML entah yang mana itu lalu menekan tombol Ctrl+F.
Lebar nya sobat bisa sobat rubah sendiri sesuai dengan ukuranya jangan sampai ada yang tabraan akan besar sebelah. Nah cukup sekian dalam postingan saya, terima kasih sudah menyimak. Semoga bermanfaat buat sobat ya...........
==============================================================
Terima kasih sudah berkunjung. Saran dan kritik bisa membantu kami,
silahkan tinggalkan komentar anda.
aji-apps.blogspot.com
===============================================================
EmoticonEmoticon