Cara Menambah Footer 3 Kolom Di Blogspot

Cara menambah footer tiga kolom pada blog blogspot
Ternyata mengedit template di blogger itu tidak sesulit yang saya pikirkan sebelumnya, malam-malam saya iseng browsing kesana kemari, untuk cari tau bagaimana cara menambah footer 3 kolom di blogspot. Alhamdulillah saya berhasil menemukannya, ternyata caranya sangat gampang, kemudian saya coba pasang di salah satu blog saya, dan hanya dalam waktu 5 menit sudah selesai. Apakah anda juga ingin mencoba? OK. sekarang saya akan mencoba berbagi dengan anda tentang cara menambah 3 footer kolom di blogspot ini.

Nah, sekarang anda ikuti langkahnya berikut.

  1. Pertama Login dulu ke blogger.com
  2. Klik Tata Letak
  3. Lalu klik Edit HTML
  4. Klik “Expand Widget Template
  5. Setelah itu klik Download Template Lengkap untuk sekedar jaga-jaga jika terjadi kesalahan
  6. Kemudian cari kode di bawah ini dengan menekan Ctrl+f untuk mempermudah pencarian

    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'/>
    </div>

  7. Lalu ganti kode yang berwarna merah dengan kode berikut.

    <div id='footer-column-container'>
    <div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
    <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
    </div>
    <div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
    <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
    </div>
    <div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
    <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
    </div>
    <div style='clear:both;'/>
    <p>
    <hr align='center' color='#5d5d54' width='90%'/></p>
    <div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
    <b:section class='footer' id='col-bottom' preferred='yes'>
    <b:widget id='Text2' locked='false' title='' type='Text'/>
    </b:section>
    </div>
    <div style='clear:both;'/>
    </div>

  8. Simpan Template.
    Sekarang coba Anda lihat hasilnya, bagian footer pasti ada 3 tempat untuk menempatkan halaman element.. Kemudian taruh halaman element yang di  inginkan di footer 3 kolom blogger blogspot Anda.

0 komentar:

Posting Komentar

Terimakasih buat Anda yang sudah mau menyempatkan waktunya untuk berkunjung ke blog ini. I will try to help if there are difficulties Portable