Cara Merubah Ukuran Halaman Postingan Blog

Posted by Rudy Susetyahadi on April 19, 2011

Cara Merubah Ukuran Halaman Postingan Blog - Kadang kala Template yang kita unduh tidak tepat atau tidak sesuai dengan tata letak postingan kita sehinggan postingan kita seperti memanjang ke samping dan menjadi tidak terlihat di bagian tertentu.
Kali ini saya akan mencoba membantu tanpa ada maksud untuk menggurui para master Blogger .



- Masuk ke Blog anda, pada menu Dashbord silahkan pilih Rancangan dan kemudian menuju ke Edit HTML.
Jangan lupa untuk untuk membackup tempalate anda untuk menghindari kesalahan pemasangan kode CSS ataupun Java Script yaitu dengan cara klik Download Template Lengkap kemudian simpan tempalate anda.

- Kemudian beri tanda Centang di Expand Template Widget, cari kode di bawah ini dengan menggunakan CTRL + F :

#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 */
}

Untuk merubah ukurannya silahkan anda rubah angka berwarna merah pada width

jika sudah sudah silahkan simpan template anda dan lihat hasilnya, anda juga bisa memlih Pratinjau terlebih dahulu sebelum anda simpan template blog.

Bukan hanya ukuran halaman postingan yg bisa anda rubah ukurannya tapi juga halaman sidebar, halaman penuh blog, header blog dan  footer blog bisa anda sesuaikan ukurannya sesuai dengan keinginan anda.

Kode untuk Halaman penuh Blog :

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

Kode untuk 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 */
}

Kode untuk Header Blog :

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

Kode Untuk Footer Blog :

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

Caranya sama seperti merubah Ukuran halaman postingan, anda tinggal merubah angka berwarna merah pada width. 


Semoga Bermanfaat.

PERHATIAN..!!

Untuk cara downloadnya Anda akan diarahkan ke adf.ly kemudian tunggu 5 detik dan cari tombol SKIP AD yang berada di sebelah kanan atas monitor anda.

Artikel Terkait

Penulis: Rudy Susetyahadi ~ FREE DOWNLOAD SOFTWARE FULL|TIPS AND TRICK|WINDOWS|BLOGGER|INTERNET|NOKIA|ANDROID

Artikel Cara Merubah Ukuran Halaman Postingan Blog ini dipublish oleh Rudy Susetyahadi pada hari April 19, 2011.Semua Artikel yang saya buat tanpa ada maksud untuk "menggurui" ataupun menjadi orang yang "sok pintar", Manusia tidak ada yang sempurna karena sesungguhnya kesmpurnaan itu hanya ALLAHU S.W.T. Semoga artikel ini dapat bermanfaat dan menambah wawasan kita semua. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini.

:: Get this widget ! ::

{ 0 comments... read them below or add one }

Post a Comment

Silahakan berkomentar yang baik dan sopan karena blog ini adalah Blog Dofollow. "Anda Sopan Kami Segan"

Komentar Tidak akan di Tampilkan dan Akan dihapus jika :
» Menyisipkan Link dalam komentar / Meyertakan Nama Blog dalam Komentar. (jangan Menulis Blog anda dalam komentar, karna itu adalah SPAM) tidak akan di tampilkan dan akan di hapus
» Menggunakan bahasa yang tidak sopan (Sara,Kasar,Pornografi,Caci Maki (yg Bukan dari Mulut Manusia) Menyinggung.dll)
» Duplikat komentar(komen yang sama)
» Pertanyaan/komentar tidak berkaitan dengan artikel