Jumat, 19 April 2013

Cara Merubah Ukurana Halaman Blog

Cara Merubah Ukurana Halaman Blog

Salam Sejahtra Selalu Buat Sobat dan Teman ku yang Berbahagia, Semoga di Hari Ini Anda Semua
Dalam Keada'an Baik-baik saja, Di Hari yang Baik ini Izinkan lah saya Ingin Berbagi Buat Teman &
Sobat Blogger/WordPress And All its course Di Kesempatan Kali ini saya akan membahas Tentang
Cara Merubah Ukurana Halaman Blog  Bilamana Anda Mendapat Kesulitan sa'at ingin merubah
Halaman Blogger, Dari Header, Halaman Primary Blog, Halaman Post, Sidebar atau yang lain nya.


Merubah Ukuran Halaman Blogger Kalau kita pakai Template yang Standar Blogger Menu Edit
Dan Penyesuai an Atribut nya ada di dalam Edit Template itu sendiri Tapi Kalau Sobat pakai
Template yang Baru atau yang sudah di Modivikasi Kemungkinan Besar Edit Pitur design nya
Tak Berlaku lagi Maka dari itu Buat Para Sobat yang mempunyai masalah Tentang Tips Cara
Merubah Ukuran Halaman Blog Berikut Tips dan Trik nya Simak di Bawah ini :

1.Pertama Anda Biasa Masuk ke Account Blog Anda Sendiri
2.Pilih Blog Dan Pilih Edit Html tak Usah klik Expand
Lalu Tampilan Halaman nya seperti gambar di bawah ini


3.Tekan CTRL+F Untuk Memudah kan Pencarian Code Css dan Code Html di Bawah ini :
4.Ini Code Untuk Melebarkan atau Mengecilkan semua Halaman Blog
Cari Code ini:  /* wrapper */   atau yang ini: #wrapper{width:
Contoh Komplit nya Seperti Code Di Bawah Ini:
#wrapper{width:995px;padding:10px 0 0 0;margin:0 auto;overflow:hidden;background:#fff;box-shadow: 0
0px 15px 0px #fff;}

5. Ini Code Hanya Untuk Melebar kan atau Mengecil kan Halaman Postingan Blog saja :
  Cari Code: #content{margin:0;width:
Contoh Komplit nya Seperti Code Di Bawah Ini:
#content{margin:0;width:597px;float:left;margin:0;padding:0 10px 0 20px;

6. Ini Cara Melebarkan atau Mengecil kan Sidebar Kanan/Kiri Pada Blog :
   Cari code: #sidebarwrap{width:
Contoh Komplit nya Seperti Code Di Bawah Ini:
#sidebarwrap{width:300px; float:left;padding:0 20px 0 15px;margin:0;}

7. Ini Cara Merubah Ukuran Panjang-Lebar nya Header/Kepala Blog :
   Cari Code:  /* Header */ Atau Header
Contoh Komplit nya Seperti Code Di Bawah Ini:

.header{width:995px;margin:0 0px 0px 20px;position:relative;height:100px;}


8. Ini Cara Merubah Ukuran Page/Halaman Menu Atas Pada Blog :
    Cari Code ini:  /* Top Menu atas */ Atau  .menuatas{width:
Contoh Komplit nya Seperti Code Di Bawah Ini :
.menuatas{width:950px;margin:0 20px;border:1px solid #306319;background:#306319;overflow:hidden;}

9. Ini Cara Merubah Semua Warna.Background Halama Blog :
   Cari Code ini :   /* layout */  Atau Code ini :  #main{background:#ade8e6;}
Contoh Komplit nya Seperti Code Di Bawah Ini :
#main{background:#ade8e6;}
#content{margin:0;width:622px;float:left;margin:0;padding:0 10px 0 20px;

Keterangan ::
Background - Latar Belakang
Pading - Lapisan
Margin - Batas
Width - Lebar
Height - Panjang

Tips :
Ganti Warna yang Merah Dengan Ukuran Panjang dan Lebar yang Di Kehendaki
Ganti Warna yang Biru Dengan Warna yang Anda Sukai
Warna yang Putih dan Hitam Di Luar atau di dalam Box itu Code Css Template
Sesuai kan lah ukuran Halaman seluruh Blog ,Halaman Postingan, Sidebar, Atau Warna
Bacground Blog Anda Dengan Sbaik Mungkin Tentu nya harus selaras dengan Tampilan
Properties Graphics Media Accelerator Windows yang Anda Pakai.

Sekian Semoga Tips ini Bisa Membantu Anda Dalam Menyelaras kan Tampilan Blog Semoga
Berhasil Dan Selamat Mencoba, Jangan Sungkan Bila ada kesulitan silakan Bertanya/Coment.
                                                               By :  Karrysta™

1 komentar:

mantap om, work.. maklum template download kalo ga di paksa gini susah nglebarinnya :D