MENAMBAH 2 KOLOM DI BAWAH FOOTER

Author by" Asep Iin Maulana

Banyak template yang tidak mempunyai widget di bawah halaman postingan,sehingga menyulitkan kita untuk menyimpan widget yang di perlukan yang inigin di simpan.nah hal ini bisa kita atasi dengan sediki modifikasi pada script HTML nya dengan cara menambahkan script baru,berikut contoh Menambahkan element footer menjadi 2,3,4 kolom atau berapapun yang kita mau.

  1. Login ke blogger.
  2. Klik Layout/Design -> Edit HTML
  3. sebelum melakukan trik ini sebaiknya template di copy terlebih dahulu
  4. cari kode ]]></b:skin> dan tambahkan script di bawah di atasnya

    #footer-column-divide {
    clear:both;
    }
    .footer-column {
    padding: 10px;
    }

  5. kemudian cari script di bawah

    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'/>
    </div>
  6. kemudian hapus <b:section class='footer' id='footer'/> lalu ganti dengan kode dibawah ini :

    <div id='footer-column-divide'>

    <div id='footer1' style='width: 50%; float:left;
    margin:0; text-align:left;'>
    <b:section class='footer-column' id='col1'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer2' style='width: 50%; float: left;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col2'
    preferred='yes' style='float:left;'/>
    </div>

    <div style='clear:both;'/>
    </div>
    jika ingin membuat widget 3 atau 4 kolom tinggal perbanyak script warna biru sesuai dengan kebutuhan. dan atur footernya menjadi footer 1.footer 2.footer3. footer 4.kemudian ganti column' id='col1' menjadi col1,col2,col3 dan col4. ganti pula nilai width nya untuk penyesuaian: untuk widgte 3 kolom, ganti 50% persen dengan 25% pada footer1.25% pada footer2,dan 25% pada footer3. untuk widget 4 kolom ganti semua nilai widthnya menjadi 25%

  7.  jika script point 5 tidak ada,bisa cari script berikut ini     </div></div> <!-- end outer-wrapper -->    kemudian copy script point 6 di bawahnya
          contoh
  1. kemudian save template
semoga berhasil.!

Newer Post Older Post


Orlando TRax Spark Captiva Trailblazer Colorado

CHEVROLET ANDALAN BANDUNG: PENJUALAN-SERVICE-SPARE PARTS
Jl.Soekarno Hatta No.337A BANDUNG