Multi Kolom Blog - Hallo sahabat Leyssycool, Apa Kabarnya ? Semoga Selalu dalam Keadaan sehat, Untuk itu A-medika Alkes Batang ingin menawarkan sebuah produk kesehatan yang bagus yakni Multi Kolom Blog, bila sobat amedika ingin membeli, bisa hubungi No HP / Wa 085706666683 kami akan senantiasa membantu segala keperluan sobat. mudah-mudahan Produk Kesehatan Blogger, dapat membantu anda dalam solusi kesehatan. selamat membaca dan belanja terimakasih.

Judul : Multi Kolom Blog
link : Multi Kolom Blog

Multi Kolom Blog

Berikut adalah langkah demi langkah membuat multi kolom di blog, biar aman sebelum menggunakan metode ini alangkah baiknya sobat, membackup dulu blognya melalui, Rancangan > Edit HTML > Download template lengkap, selamat menyimak langkah demi langkahnya...

Langkah #1 :
Ingat!! jangan mencentang kotak kecil di samping tulisan expand widget template karena akan keluar kode widget yang bikin pusing kepala, jadi sekali lagi Jangan mencontengnya.

1. Tambahkan kode berikut persis di atas kode ]]> :
   

   /* bottom —————————- */
   
   #bottom {
   width: 660px;
   position: relative;
   clear:both;
   margin: 0 auto;
   color:#fff;
   float: left;
   background:#BDBABD;
   padding: 15px 0 15px 0;
   }
   
   #bottom h2 {
   padding: 5px 0 2px 0;
   margin: 0 0 10px 0;
   color:#ff5a00;
   font-size: 24px;
   letter-spacing: -1px;
   border-bottom: 1px solid #fff;
   }
   
   #bottom ul {
   padding: 0;
   margin: 0;
   }
   
   #bottom ul li {
   line-height: 26px;
   list-style-type: none;
   border-bottom: 1px dashed #031c5d;
   }
   
   #bottom ul li a {
   display: block;
   padding: 0 10px;
   color:#0701FD;
   text-decoration: none;
   
   }
   #bottom ul li a:hover {
   background: #B1ACB1;
   }
   
   #left-bottom { /* yang ini nih kode kolom kiri */
   width: 205px;
   float: left;
   padding-left:10px;
   }
   
   #center-bottom { /* kalo yg ini kode kolom tengah */
   width: 205px;
   float: left;
   padding-left:10px;
   }
   
   #right-bottom { /* kalo yg ini kode kolom kanan */
   width: 205px;
   float: left;
   padding: 0 5px 0 10px;
   }

2. Tuju bagian body yaitu pada bagian bawah kode template, dan cari kode yang mirip seperti ini
   

   </b:section></div>
   </div>

3. Copy paste kode berikut persis di atas kode yang atas tadi
   

   <div id="’bottom’">
   <b:section class="’bottom’" id="’left-bottom’/">
   <b:section class="’bottom’" id="’center-bottom’/">
   <b:section class="’bottom’" id="’right-bottom’/">
   </b:section></b:section></b:section></div>

4. Jangan lupa mengklik tombol Simpan Template kalau sudah selesai
5. Selesai.

Langkah #2

1. Klik menu Elemen Halaman
2. Lihat apakah kolom yang tadi dibuat sudah tampak atau belum? klo sudah, tinggal tambahin apa aja yang mau diisi disitu.

CARA MUDAH BELI Multi Kolom Blog

Demikian Sedikit Info Tentang Multi Kolom Blog , mudah-mudahan bisa memberi informasi untuk anda semua. baiklah, sampai jumpa dalam postingan alkes lainnya, bila anda tertarik untuk membeli alat kesehatan jangan lupa untuk menghubungi saya di nomor 085706666683.

Anda sekarang membaca artikel Multi Kolom Blog dengan alamat link https://leyssycool.blogspot.com/2011/10/multi-kolom-blog.html

SHARE THIS