Saturday, August 24, 2013

Cara Mengatur / Mengubah Layout (tata letak) Kolom pada Blog

Selamat datang di Maksum231,,,, semoga apa yang anda cari tersedia di blog ini... Kali ini saya akan share sebuah tutorial mengenai blog dengan judul Cara Mengatur / Mengubah Layout (tata letak) Kolom pada Blog...
pada dasarnya tutorial Cara Mengatur / Mengubah Layout (tata letak) Kolom pada Blog juga berlaku buat kolom yang sudah ada baik itu template dengan layout 2 kolom ataupun sudah menjadi 3 kolom. Trik ini sebenarnya tidak rumit karena kita hanya memindahkan kode div di bagian section 3 (HTML) dan sedikit mengubah margin dan paddingnya apabila tampilan layoutnya bertabrakan dengan element lainnya dan posisi floatnya. Seperti biasa saya masih menggunakan acuan contoh layout template minima dan pada dasarnya tutorial ini bisa berlaku juga pada template yang lainnya.


Contoh Screenshot :
  • Posisi 2 kolom label di sebelah kanan Main Post :


  • Posisi Main Post di tengah 2 kolom label :


- Posisi 2 kolom label di sebelah kiri Main Post :



:: Inilah Kode yang harus di rubah gan ::
- Untuk Posisi 2 kolom label di sebelah kanan Main Post :



- Untuk Posisi Main Post di tengah 2 kolom label :
 

- Untuk Posisi 2 kolom label di sebelah kiri Main Post :


Langkah-langkahnya :
1. Masuk/log in blogger sobat.
2. Pilih template => kemudian klik Edit HTML
3. Cari kode yang di tanda panah dengan Ctrl + F (saya saranin kode label ajja gan dan taruh dimananya  Main warpper gan) NB: kode label beda jadi nyarinya copy paste kemudian kalau gak ketemu hapus 1 per 1 dari belakang biar ketemu
4. Kalau sudah pilih simpan dan lihat blog,, kalau gak sesuai tinggal Ctrl + Z,, hehe
5. Selesai
kode yang bisa di copy(diatas kan gambar gak bisa di copy) => <div id='newsidebar-wrapper'> , <div id='main-wrapper'>, <div id='sidebar-wrapper'>



Selamat Mencoba dan Semoga Bermanfaat....


Load disqus comments

0 comments