Jun 16, 2011

Menambah 2 Kolom sidebar pada Template 2 Kolom

Bila anda membuat blog di blogspot, anda diberikan kebebasan untuk menggunakan atau pun mengganti template.Tentu ini menguntungkan buat para blogger yang ingin menggunakan template bagus pilihan sendiri yang banyak tersedia di internet.

Tapi ternyata msh banyak loh yang masih memakai template standar blogspot seperti template minima, yang memiliki 2 (dua) kolom. Satu kolom artikel dan satu kolom sidebar. Kadang kala anda yang memakai template 2 kolom ingin menambahkan lagi 2 (dua) kolom dibawah sidebar agar keseluruhan template menjadi 3(tiga) kolom atau
menambahkan 1 (satu) kolom dibawah sidebar.Lihat gambar template minima 2 kolom.

2_kolom
Setelah ditambah 2 kolom lagi dibawah sidebar menjadi:


Nah yang mau nyoba nambahin kolom terutama pada template minima 2 kolom atau template lain yang sejenis, anda bisa ikuti cara berikut:

1. login ke Dasbor.
2. Pilih "tata letak" , lalu klik Edit HTML.
3. Download template anda sebagai cadangan bila ada kesalahan.
4. Cari kode ]]></b:skin> lalu paste kode dibawah ini persis diatas kode ]]></b:skin>
  • #lsidebar{float:left; width:115px}
    #rsidebar{float:right; width:115px}
    #lsidebar .widget{width:100%; padding:2px; margin-bottom:1px}
    #rsidebar .widget{width:100%; padding:2px; margin-bottom:1px}
5. Kemudian cari kode berikut ini:
  • </div> <!-- end content-wrapper -->

    <div id='footer-wrapper'>
  • Mungkin kode diatas ditemplate anda berbeda namanya, tapi intinya sama yaitu akhir dari sidebar, atau sebelum footer.
6. Diatas kode tadi masukkan kode berikut ini:

  • <div id='lsidebar'>
    <b:section class='sidebar-left' id='sidebar-left' preferred='yes'/>
    </div>
    <div id='rsidebar'>
    <b:section class='rsidebar123' id='sidebar123' preferred='yes'/>
    </div>
Sehingga lengkapnya seperti ini:
  • <div id='lsidebar'>
    <b:section class='sidebar-left' id='sidebar-left' preferred='yes'/>
    </div>
    <div id='rsidebar'>
    <b:section class='rsidebar123' id='sidebar123' preferred='yes'/>
    </div>

    </div> <!-- end content-wrapper -->

    <div id='footer-wrapper'>
7. Terakhir simpan template anda dan lihat hasilnya.

Pada kode:
  • #lsidebar{float:left; width:115px}
    #rsidebar{float:right; width:115px}
    #lsidebar .widget{width:100%; padding:2px; margin-bottom:1px}
    #rsidebar .widget{width:100%; padding:2px; margin-bottom:1px}
Anda bisa mengatur lebar kolom pada width:115px, tentukan lebar kolom yang pas dengan template anda atau biarkan saja.

AKTUAL NEWS ONLINE

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

0 comments:

Post a Comment

Komen yang bijak sangat di nantikan...! Terimakasih..