Cara Membuat 3 Kolom Footer di Blog

Bagi Sobat yang ingin membuat 3 kolom footer di blog caranya ikuti langkah-langkah di bawah ini:

  1. Login blogger.
  2. Pilih edit html centang expert widget.
  3. Cari kode ]]></b:skin> kalau sudah ketemu Copy kode dibawah ini tepat di atas kode ]]></b:skin>   .                                                                                                                          #footer-column-divide {
    clear:both;
    }
    .footer-column {
    padding: 10px;
    }
  4.  Cari kode yang Mirip <div id='footer-wrapper'>
    <b:section class='footer' id='footer' showaddelement='yes'/>
    </div> atau <div id='footer'>
    <b:section class='footer' id='footer' showaddelement='yes'/>
    </div>  Kalau sudah ketemu Copy kode di bawah ini tepat di bawah kode yang anda ketemukan tersebut.                                                                                                                                            <div id='footer-column-divide'>

        <div id='footer1' style='width: 33%; 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: 33%; float: left;
        margin:0; text-align: left;'>
        <b:section class='footer-column' id='col2'
        preferred='yes' style='float:left;'/>
        </div>

        <div id='footer3' style='width: 33%; float: right;
        margin:0; text-align: left;'>
        <b:section class='footer-column' id='col3'
        preferred='yes' style='float:right;'/>
        </div>

        <div style='clear:both;'/>
        </div>
  5. Save/simpan template
Penting!! Sebelum save/simpan template!!!saran'kalau bisa di Pratinjau atau Unduh lengkap template dulu.Ini dilakukan  untuk mengantisipasi kalau ada kejadian yang tidak di inginkan terhadap template Sobat.  

0 comments:

Posting Komentar