Blog Archive

Menambahkan tiga kolom footer di blogger

Posted by Bagus Swara On 9:14 AM

Untuk menambahkan tiga kolom footer pada blog bloger, anda dapat mengikuti petunjuk dibawah ini. Dengan adanya footer ini maka anda dapat menambah beberapa gadged sesuai selera dan kebutuhan anda, yang nantinya gadget ini berfungsi untuk memberikan informasi bagi pembaca atau pemilk blog.

Langkah membuat footer adalah:

  1. Masuk ke dashboard blog anda.
  2. Klik Design > Edit HTML
  3. Cari kode dibawah ini:
    <div id='footer-wrapper'>
    atau
    <div id='footer'>
  4. Dari kode di atas selanjutnya kita tambahkan kode:
    <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;'/>
    <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>
  5. Selanjutnya kita cari kode:
    ]]></b:skin>
  6. Lalu masukkan kode berikut ini tepat di atasnya.
    #footer-column-
    container {
    clear:both;
    }
    .footer-column {
    padding: 10px;
    }
  7. Simpan templete.

Post a Comment

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-q =))

Silahkan dishare dan tinggalkan komentar untuk kemajuan blog ini.
Terima kasih atas komentarnya brada.....!

Bagus Swara

Blog ini ane buat dengan tujuan sabagai E-Book electronic jadi siapa saja yang membutuhan artikel yang ada di blog ini silakan di digunkan, semoga apa yang ane sajikan dapat bermanfaat bagi ente semua....Read More

Langganan

Masukan Email Ente:

Postingan terbaru

Koment Terbaru

Followers