Menambah Kolom Elemen Widget di Luar Konten Blog

Published by Kang Fathur Friday, January 28, 2011

Pada postingan sebelumnya saya pernah membahas tentang Tiga Kolom/Elemen Halaman Widget di Bawah Header dan Cara Menambah Dua Elemen di Bawah Header, tapi kali ini kita akan coba membahas tentang Menambah Kolom di Luar Content Blog.

Menambah kolom diluar content blog maksudnya adalah menambah kolom pada elemen template akan tetapi penempatannya diluar template aslinya. Contohnya adalah pada gambar berikut :


Pada tambahan kolom tersebut, anda dapat menggunakannya untuk berbagai hal. seperti menaruh script iklan atau yang lainnya.

Cara Membuat Kolom Diluar Content Blog adalah sebagai berikut :

1. Setelah anda login di blogger, langsung menuju ke "Rancangan >> Edit HTML".
   
2. Cari code #outer-wrapper, perhatikan berapa width code tersebut.
   
3. Tambahkan code CSS berikut dan letakkan di atas code #outer-wrapper :
   
   

   /* Luar-Wrapper */
   #luar-wrapper {
   background:#ccc;
   width:1350px;
   }
   
   /* Luar-Kiri */
   #luar-kiri {
   margin-left:10px;
   width:180px;
   float:left;
   }
   /* Luar-Kanan */
   #luar-kanan {
   margin-right:10px;
   width:180px;
   float:right;
   }

   
   
   
   
4. Kemudian cari code </body> , letakkan code berikut dibawahnya :
   
   <div id='luar-wrapper'>
   
   
5. Letakkan code penutup berikut diatas </body> :
   
   </div>
   
   
6. Cari lagi code <div id='luar-wrapper'> dan letakkan code berikut tepat dibawahnya :
   
   <b:section class='luar' id='luar-kiri' preferred='yes'>
   <b:section class='luar' id='luar-kanan' preferred='yes'>
   
   
7. Simpan Template

Silahkan sesuaikan nilai width untuk #luar-wrapper, #luar-kiri dan #luar-kanan agar sesuai dengan lebar template yang anda gunakan.

Resensi :
Masisir | http://www.tutorialmasisir.co.cc/

BACA JUGA ARTIKEL BERIKUT :

• Cara Mengganti Background Blog
  
• Cara Mengatur Judul Sidebar
  
• Agar Blog Transparent
  
• Menambah Elemen di Atas Dua Kolom