• Daftarkan diri
  • ‎Apakah Shvoong itu?‎
  • Masuk
    Masuk
    Ingat user ID ini. Lupa password anda?

Buat rangkuman pengetahuan manusia di Shvoong.

.

Halaman Utama Shvoong>Teknologi & Internet>Komputer>Cara Manjur membuat template Blog 3 kolom pada blog anda

.

Cara Manjur membuat template Blog 3 kolom pada blog anda

oleh : clenoro    

Pengarang : lembar
Karena kita baru belajar, langkah paling awal yang dilakukan adalah memilih Desain Blog Template yang tepat. Disini saya
sarankan untuk memilih Minima Template. Minima Template sudah tersedia di pilihan New Template pada Layout Blog Anda. Minima Template terbagai 4 pilihan, yaitu :
Minima
Minima Dark
Minima Blue
Minima Orchre
Silahkan pilih salah satu, untuk menjadi dasar langkah pembentukan tutorial 3 kolom ini.
Kemudian, Anda cukup mengikuti 3 langkah sederhana untuk membuat template blog 3 kolom ini. Berikut langkah-langkahnya :
Langkah pertama
Menambah 1 element untuk sidebar baru kita.
Caranya, copy kode dibawah ini, lalu ditelakkan atau paste di atas kode #main-wrapper {
#sidebar2-wrapper {
  width: 200px;
  float: left;
  margin-right:10px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Jadinya :
Jangan lupa, ganti width untuk #sidebar2-wrapper { dan #main-wrapper { sebesar 190px dan Margin right untuk #sidebar2-wrapper { sebesar 34px
Langkah kedua.
Selanjutnya, copy kode dibawah ini, lalu kemudian taruh di atas <div id='main-wrapper'>
<div id='sidebar2-wrapper'>
       <b:section class='sidebar' id='sidebar2' preferred='yes'>
       </div>
Jadinya
</b:section>
Langkah ketiga
Ganti lebar #header-wrapper { dan /* Outer-Wrapper
Masing – masing width-nya sebesar 660 menjadi 860px
Jadinya
Nah, kalau semua dilakukan, anda tinggal melihatnya Hasilnya pada Page Elements. Berikut contohnya :
Terakhir, Anda tinggal memindah-mindahkan kolom-kolom gadget pada posisi yang menurut anda manis, agar tampilannya lebih menarik.
Oh ya, ada satu lagi, kalau anda ada keingin untuk merubah code-code warna pada blog anda, anda tinggal melihatnya pada alamat website berikut. 
Diterbitkan di: Nopember 01, 2009
Mohon ringkasan ini dinilai : 1 2 3 4 5

Bookmark & share this post

.