Cara Menambah Footer Multi Di Blogger Templates

Cara menambah Footer Multi di Blogger Templates || Ketemu lagi dengan blog bedlimciti, apa kabar poro sedulur blogger, Sehat to pastinya, tak bosan bosannya admin akan selalu menyapa kalian semua poro sedulur sedulurku. Kali ini admin akan membahas tentang Cara Menambah Footer Multi Di Blogger Templates. Sebenarnya cara ini sama saja dengan artikel sebelumnya tentang Cara menambah elemen Header menjadi beberapa Kolom. Tidak Jauh beda, Jika Ingin Tau kunjungi saja disini.

Sebelum Kita Lanjut Ke Pembahasan yang inti, Admin Akan menjelaskan terlebih dahulu apa itu Footer Dan Fungsi dari Footer Itu sendiri?. Mungkin Jika anda mencari atau brosing akan banyak artikel yang membahasnya. Tapi disini akan menjelaskan secara gamblangnya saja. Untuk Blogger yang sudah lama mungkin banyak yang sudah tau, tetapi untuk pemula pastinya akan bertanya tanya bukan...?
Cara Menambah Footer Multi Di Blogger Templates

Pengertian Footer  

Pengertian footer yaitu dasarnya sama saja. maksudnya adalah bagian kaki dari bodi sebuah blog, sebuah ruang yang berada pada bagian paling bawah dari halaman sebuah blog. Kalau yang sebelumnya header bagian atas sebuah halaman blog kalau footer posisinya bagian bawah.

Bagian ini bisa juga disematkan link laman, seperti menambahkan about , contact, privacy dan sebagainya . cara mudah yang bisa dilakukan dengan cara menambahkan text khusus kemudian menyematkan link ke text tersebut . ada juga cara dengan menambahkan widget java script kemudian memberi link kepada text tertuju.

Admin sudah membahas pengertiannya lalu apa sih fungsinya dari Footer..?

Fungsi Footer

Sebenarnya Untuk Fungsinya ada banyak. Kamu bisa mengisinya dengan pernak pernik seperti text, gambar, video atau menambahkan widget sebagai penghias blog . Fungsi footer yang lain sebagai alat pendukung utama untuk menampilkan beberapa informasi tertentu untuk menjelaskan kelengkapan sebuah halaman blog. seperti untuk menampilkan link hak cipta ( attribusi ) atau hal lain sebab kegunaan footer melingkupi semua kebutuhan blogger.

Ok poro sedulurku sudah paham bukan apa itu footer dan fungsinya, sepertinya kita tidak afdol jika tidak langsung memberikan cara menambahnya. Ok langsung saja ke TKP dan dipraktekkan

Cara Menambah Footer Menjadi Beberapa Kolom

Biasanya beda template ukuranya berbeda-beda pula,agar ukuranya sesuai dengan template yang sobat miliki di sini ukuranya kita buat persen (%), sehingga kita tidak terlalu kebingungan mengganti ukuranya. Untuk membuatnya mari kita lihat langkah-langkah di bawah ini:
  • Login ke blog sobat.
  • Klik tata letak.
  • Pilih edit HTML.
  • Jangan kasih centang pada expand widget.
  • Cari kode ]]></b:skin> dan letakkan kode di bawah ini di atasnya,hingga posisinya sebagai berikut:

    /* footer_wrapper
    ---------------------------- */
    #footer_wrapper{
    width: 100%;
    position: relative;
    float: left;
    background:#ff69b4;
    border: px solid #ff0000;
    padding:%;
    }

    #footer_wrapper1{
    float:left;
    width:30%;
    margin:1px;
    background:#7cfc00;
    padding:1%;
    }

    #footer_wrapper2{
    float:left;
    width:30%;
    margin-top:1%;
    margin-bottom:1%;
    background:#7cfc00;
    padding:1%;
    }

    #footer_wrapper3{
    float:left;
    width:30%;
    margin:1%;
    background:#7cfc00;
    padding:1%;
    }

    ]]></b:skin>
  • Kemudian tarik ke bawah pada bagian body temukan kode sebagai berikut:

    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'/>
    </div>
  • Jika sudah ketemu letakkan kode di bawah ini di atasnya hingga posisinya sebagai berikut :

    <div id='footer_wrapper'>
    <b:section class='footer' id='footer_wrapper1'/>
    <b:section class='footer' id='footer_wrapper2'/>
    <b:section class='footer' id='footer_wrapper3'/>
    </div>

    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'/>
    </div>
  • Dan lihat hasilnya pada tata letak,untuk mencoba tambahkan gadget.

    Catatan: Kode yang berwana merah adalah kode yang asli sedang yang hitam adalah kode yang ditambahkan.
Cukup Sekian lah pembahasan kali ini, jangan lupa sering sering berkunjung di blong bedlimciti untuk melihat postingan postingan terbaru.

0 komentar