Advertised

Menambah 3 kolom widget di atas Footer

Kali ini saya akan berbagi mengenai cara Menambah 3 kolom widget di atas Footer pada blog kita, yang mungkin belum ada Footernya, seperti pada templete blog saya ini. oke langsung saja.

  • Kita masuk ke akun Blogger kita
  • Klik Rancangan, kemudian Edit HTML
  • Cari kode ]]></b:skin> , untuk lebih cepat tekan Ctrl+F
  • Kemudian copy dan paste kode dibawah ini tepat di atas ]]></b:skin>

  1. #tiga-kotak-bawah {
    clear:both;
    border-top:3px double #e6e4e3;
    }
    .kolom-kotak {
    padding:0px 10px 10px 10px;
    } 
  • Setelah itu cari kode <div id='footer'>
  • Kita lanjut copy kode dibawah ini, di atas kode <div id='footer'>

  1. <div id='tiga-kotak-bawah'>
    <div id='kotak1' style='width: 33%; float: left; margin:0; text-align: left;'>
    <b:section class='kolom-kotak' id='kol1' preferred='yes' style='float:left;'/>
    </div>
    <div id='kotak2' style='width: 34%; float: left; margin:0; text-align: left;'>
    <b:section class='kolom-kotak' id='kol2' preferred='yes' style='float:left;'/>
    </div>
    <div id='kotak3' style='width: 33%; float: right; margin:0; text-align: left;'>
    <b:section class='kolom-kotak' id='kol3' preferred='yes' style='float:right;'/>
    </div>
    <div style='clear:both;'/>
    </div>
  • Kemudian klik Simpan.
Cukuplah sekian artikel saya bagaimana Cara Menambah 3 kolom widget di atas Footer pada blog
Semoga bermanfaat.
Share this article :
Share on fb Tweet Share on G+

Penulis : Fachrudin Isnaeni Lokasi: Kalitengah, Lamongan

Judul Artikel : Menambah 3 kolom widget di atas Footer,
ditulis oleh : Fachrudin Isnaeni
pada : Minggu, 25 Agustus 2013.

"Terimakasih telah berkunjung ke blog saya, semoga artikel ini bermanfaat!
Artikel ini dipatenkan di www.myfreecopyright.com, Saya memperbolehkan mempublis ulang (copas) atau mengutip artikel ini tentang: Menambah 3 kolom widget di atas Footer, Namun sertakan link balik/sumber.
Terima Kasih dan salam Blogger!"
Comments
0 Comments

0 komentar:

Advertised