Tips Membuat Multi Kolom di Blogger Template

Hi guys? Bertemu lagi dengan saya di Tutorial blogspot. Kali ini, Saya ingin berbagi trik dan tips untuk membuat multi kolom pada blogger template. Seperti di wordpress, mungkin Anda pernah melihat footer Kolom, yang terbagi menjadi 2, 3 atau bahkan 4 bagian. Pertanyaannya adalah, "kita dapat membuat hal yang sama di Blogger"Tentu saja? Kita lakukan. Ini akan sangat mudah untuk membangun. Apakah Anda ingin tahu lebih banyak? Bacalah sampai akhir!
Untuk membuat footer bagian menjadi satu kolom, tidak sulit seperti yang Anda bayangkan. Tapi, Anda perlu sedikit trik untuk membuat footer blog telah multi kolom. Untuk membuatmu mengerti, saya menyarankan Anda untuk mencobanya. Membuat blog baru pada percobaan kecil (jangan lakukan di blog utama Anda). Guna menghindari kecelakaan yang mungkin terjadi ..

Pertama persiapan bahwa kita perlu memberikan perhatian yang besar adalah, lebar kolom kita yang akan dipecah menjadi multi kolom, jumlah kolom yang akan kami buat, ruang antara satu kolom ke kolom lain. Tetapi, template di Blogger yang begitu banyak. Untuk membuat kesepakatan dengan permasalahan tersebut, mari kita gunakan template Minima. Minima adalah template yang asli yang disediakan oleh Blogger dengan warna putih opsional. Jumlah kolom yang akan kita buat adalah tiga kolom.

Asli Minima template memiliki lebar kolom 660 piksel. Kita akan membuat tiga kolom, Jika kita menghitungnya: 660px bagi dengan 3 = 220px. Dengan ruang (kode untuk membuat ruang lapisan) Antara kolom adalah 10px. Berdasarkan hasil perhitungan saya, kolom bahwa kami akan membuat adalah 205px.

Ini adalah langkah-langkah untuk membuat multi kolom pada blogger template :
Langkah 1:
1. Jangan memberikan tanda centang pada kotak kecil putih di samping kalimat, "memperluas template widget". Atau akan menjadi dua kali lebih sulit.
2. Tambahkan kode di bawah ini persis di atas kode ]]>

/ * Bawah
==================== */
# Bawah (
width: 660px;
posisi: relatif;
jelas: keduanya;
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;
surat-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 berlari # 031c5d;
}
# Bottom ul li a (
display: block;
padding: 0 10px;
color: # 0701FD;
text-decoration: none;
}
# Li ul pantat: hover (
background: # B1ACB1;
}
# Left-bottom (
width: 205px;
float: left;
padding-left: 10px;
}
# Center-bottom (
width: 205px;
float: left;
padding-left: 10px;
}
# Kanan-bawah (
width: 205px;
float: left;
padding: 0 5px 0 10px;
}
3. Kepala untuk tubuh di bawah bagian dari kode template. Cari tahu kode seperti ini:

div id = 'footer-Wrapper '>



4. Salin dan sisipkan kode di bawah ini persis di atas kode sebelumnya.

5. Klik Simpan Template Buttons.

6. Ini dilakukan!

Langkah 2:

1. Klik Elemen Halaman tab.

2. Apakah kolom baru Anda sudah menjadi tiga?

Jika belum belum sukses, Anda harus melewatkan sesuatu. Jika Anda sudah berhasil, selamat pada Anda.

Yah ... Anda ingin melihat contoh-contoh? Hanya klik di sini! Atau, Anda bisa melihat di bagian bawah halaman ini.

Good luck!

[ Baca Selengkapnya... ]