Loading...

Cara Menambah Kolom Footer di Blog

Bangiz - Admin kali ini mau berbagi tips sesuai judul di atas yaitu cara membuat atau menambah kolom footer di blog. Setiap template tentunya beda-beda, ada yang mempunyai kolom footer 2, 3 atau 4 dan ada juga yang tidak menambahkan kolom footer tersebut. Itu tergantung dari desainer templatenya.

Jika Anda tertarik ingin menambah kolom footer tersebut dan tidak ingin mengganti dengan template yang lain maka ikuti saja caranya berikut ini:

Footer blog
4 kolom footer
1. Masuk dasbor Blogger

2. Pilih menu Template > Edit HTML

3. Cari kode ]]></b:skin> (gunakan Ctrl + F untuk memudahkan)

4. Copy kode berikut dan paste di atas ]]></b:skin>
  /*----- Cara Menambah Kolom di Footer Blog By bangiz.blogspot.com -----*/
#lower {
    margin:auto;
    padding: 0px 0px 10px 0px;
    width: 100%;
    background:#transparant;
    }
    #lower-wrapper {
    background:#ffffff;
    margin:auto;
    padding: 10px 0px 10px 0px;
    width: 960px;
    border:0;
    }
    #lowerbar-wrapper {
    background:#ffffff;
    float: left;
    margin: 0px 5px auto;
    padding-bottom: 10px;
    width: 23%;
    text-align: justify;
    color:#000;
    font: normal 12px Arial, Tahoma, Verdana;
    line-height: 1.6em;
    word-wrap: break-word;
    overflow: hidden;
    }
    .lowerbar {margin: 0; padding: 0;}
    .lowerbar .widget {margin: 0; padding: 10px 10px 0px 10px;}
    .lowerbar h2 {
    margin: 0px 0px 10px 0px;
    padding: 3px 0px 3px 0px;
    text-align: left;
    border:0;
    color:#000;
    text-transform:uppercase;
    font: bold 14px Oswald, Arial, Tahoma, Verdana;
    }
    .lowerbar ul {
    color:#000;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }
    .lowerbar li {
    display:block;
    color:#000000;
    line-height: 1.6em;
    margin-left: 0 !important;
    padding: 6px;
    border-bottom: 1px solid #025076;
    border-top: 1px solid #981b1e;
    list-style-type: none;
    }
    .lowerbar li a {
    text-decoration:none; color: #3e3e3e;
    }
    .lowerbar li a:hover {
    text-decoration:underline;
    }
    .lowerbar li:hover {
    display:block;
    background: #93c572;
    }
5. Selanjutnya cari kode </body> dan copy-paste kode berikut sebelum </body>
    <div id='lower'>
    <div id='lower-wrapper'>
    <div id='lowerbar-wrapper'>
    <b:section class='lowerbar' id='lowerbar1' preferred='yes'>
    </b:section>
    </div>
    <div id='lowerbar-wrapper'>
    <b:section class='lowerbar' id='lowerbar2' preferred='yes'>
    </b:section>
    </div>
    <div id='lowerbar-wrapper'>
    <b:section class='lowerbar' id='lowerbar3' preferred='yes'>
    </b:section>
    </div>
    <div id='lowerbar-wrapper'>
    <b:section class='lowerbar' id='lowerbar4' preferred='yes'>
    </b:section>
    </div>
    <div style='clear: both;'/>
    </div> </div>
6. Simpan template dan lihat hasilnya atau lihat pada Tata Letak, jika kolom tambahkan gadget sudah bertambah di bagian footer berarti sudah berhasil menambahkan kolomnya.

Keterangan:

  1. Untuk mengubah lebar footer silahkan cari width: 960px; dan untuk lebar kolom ditandai dengan width: 23%;, silahkan atur sesuai lebar tampilan blog Anda.
  2. Jika kolomnya kurang banyak, Anda bisa menambah kolom dengan cara copy kode berikut dan paste sebelum kode <div style='clear: both;'/>
    <div id='lowerbar-wrapper'>
    <b:section class='lowerbar' id='lowerbar4' preferred='yes'>
    </b:section>
    </div>
Silahkan ganti lowerbar4 menjadi lowerbar5 dan begitu seterusnya jika ingin menambah lagi, jangan lupa atur juga ukurannya supaya sesuai. Sekian tips blogging kali ini tentang bagaimana cara menambah jumlah kolom pada bagian footer blogger.

/fa-thumbs-up/ RELATED$type=list-tab$hide=home

Name

Android,5,Blogging,108,CorelDRAW,14,Desain Grafis,24,Facebook,22,Foto Sampul,34,Gambar,54,Info,18,Internet,31,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,36,Wallpaper,20,
ltr
item
Bangiz: Cara Menambah Kolom Footer di Blog
Cara Menambah Kolom Footer di Blog
Cara membuat kolom footer di blog, cara menambah kolom footer pada blogspot, blogger. Cara modifikasi tampilan footer, cara mengatur kolom footer blog, Tambah kolom footer blog menjadi 3, 4, 5, atau lebih..
https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F3.bp.blogspot.com%2F-Ud0epikjqD0%2FUZdQF8DVaQI%2FAAAAAAAAE_M%2F7tioRpzvr7s%2Fs400%2Ffooter.jpg&container=blogger&gadget=a&rewriteMime=image%2F*
Bangiz
https://bangiz.blogspot.com/2013/05/Footer.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2013/05/Footer.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy