Cara mengatur lebar blog dengan HTML

Ini adalah tutorial yang lumayan penting buat anda sobat, terutama bagi pengguna template yang tidak default. Di luar sana, banyak sekali penyedia template-template gratis yg bisa agan download dengan mudah, namun setelah disesuaikan ke blog kita, kita sering bingung cara mengatur dan mengubah tampilan blog. Apalagi jika agan belum menguasai bahasa pemrograman HTML.

Jika agan menggunakan template default yg disediakan blogger akan sangat mudah mengatur tampilannya dengan menggunakan design manual di dashboard layout, tetapi template dari blogger terbatas sekali dan tampilannya kadang kurang memuaskan. Tetapi, bagaimana dengan template yg tidak default? hanya bisa menggunakan cara HTML, dan akan sangat sulit bagi pengguna baru.

• Mengatur lebar blog

Dalam mengatur lebar blog itu tergantung selera masing-masing, jika anda merasa blog terasa sesak dan desak-desakan anda perlu memperlebar blog anda.

Cara :

Langkah awal, masuk ke dasbor blog anda -- pilih template -- Edit HTML

berikut beberapa definisi untuk mengatur tampilan blog :

#header-wrapper {width:660px;margin:0 auto 10px;border:1px solid $bordercolor;}..................................#outer-wrapper {width: 660px;margin:0 auto;padding:10px;text-align:$startSide;font: $bodyfont;}..................................#main-wrapper {width: 410px;float: $startSide;..................................#sidebar-wrapper {width: 220px; float: $endSide;..................................#footer {width:660px;clear:both;

keterangan :

   1. header-wrapper adalah header

   2. outer-wrapper adalah bagian utama blog kita

   3. main-wrapper adalah bagian posting blog

   4. sidebar-wrapper adalah bagian sidebar

   5. footer adalah footer

Saatnya mengubah lebarnya :

#header-wrapper {width:700px;margin:0 auto 10px;border:1px solid $bordercolor;}..................................#outer-wrapper {width: 700px;margin:0 auto;padding:10px;text-align:$startSide;font: $bodyfont;}..................................#main-wrapper {width: 450px;float: $startSide;..................................#sidebar-wrapper {width: 250px; float: $endSide;..................................#footer {width:680px;clear:both;

• Bagian header-wrapper : sebelumnya ukurannya 660px saya rubah menjadi 700px
• Bagian outer-wrapper : sebelumnya ukurannya 660px saya rubah menjadi 700px
• Bagian main-wrapper : sebelumnya ukurannya 410px saya rubah menjadi 450px
• Bagian sidebar-wrapper : sebelumnya ukurannya 220px saya rubah menjadi 250px
• Bagian footer : sebelumnya ukurannya 660px saya rubah menjadi 680px

Itu saja. Mudah sekali bukan? ingat semua juga perlu diperhitungkan jangan asal memberi ukuran, jangan sampai malah membingungkan agan dan juga pengunjung.

Sekian tutorial sore hari ini. Semoga bermanfaat. Terima kasih dan Wassalam.

Ditulis Oleh : Unknown ~ Admin Rochyannr

anda sedang membaca artikel tentang Cara mengatur lebar blog dengan HTML. Konten diatas secara original ditulis oleh Admin rochyannr.com, Anda diperbolehkan mengcopy-paste atau menyebar luaskan artikel diatas, namun sertakan juga link dibawah ini sebagai sumbernya artikel yang anda buat. Dan jangan lupa, komen yang bermutu. <a href="https://bangocan.blogspot.com/2013/03/cara-mengatur-lebar-blog-dengan-html.html" target="_blank">Cara mengatur lebar blog dengan HTML</a>

:: Get this widget ! ::