Cari Blog Ini

Memuat...

Jumat, 26 Juli 2013

Cara Membuat Footer 3 Kolom pada Blog


Cara Membuat Footer 3 Kolom pada Blog - Malam semua, pada kesempatan kali ini gue ingin share Tutorial Blog yaitu Cara Membuat Footer 3 Kolom pada Blog, semua sudah tau apa itu footer kan? yup, bagian paling bawah dari template blog disebut footer, yang ingin gue sahe kali ini Cara Membuat Footer 3 Kolom pada Blog atau Menambahkan jumlah kolom widget di footer blog. Bagi agan yang memiliki template blog yang hanya mempunyai satu kolom footer di Blog agan, tapi ingin menambah jumlahnya tetapi tidak mau mengganti template lagi? agan sangat tepat membaca Cara Membuat Footer 3 Kolom pada Blog. Ok gan silahkan ikuti tutorialnya.

Tutorial:
  • Login ke Blogger.
  • Masuk ke dashboard, lalu pilih Template dan pilih Edit HTML.
  • Klik Expand Template Widget, dengan cara cari code "<b:skin>" tanpa tanda petik, lalu klik panah disampingnya.
  • Lalu cari code "]]></b:skin>"(Ctrl+f, agar lebih mudah mencari).
  • Lalu copy dan paste code berikut tepat diatas code "]]></b:skin>".

  • #footer-column-container {
    clear:both;
    }
    .footer-column {
    padding: 10px;
    }

  • Kalau sudah agan cari lagi code <div id='footer'> Atau id='footer'.
  • Lalu copy code berikut tepat dibawah code <div id='footer'> Atau id='footer'.

  • <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='#ffae00' 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>

  • Klik Simpan Template.
  • dan Selesai.
Thank's To: Luhur Fatah.

Demikian post hari ini dengan judul - Cara Membuat Footer 3 Kolom pada Blog - semoga bermanfaat.
#Cara Membuat Footer 3 Kolom pada Blog
Description: Cara Membuat Footer 3 Kolom pada Blog Rating: 4.5 Reviewer: Dwiky Putra - ItemReviewed: Cara Membuat Footer 3 Kolom pada Blog
Suka Dengan Artikel Ini ?

+ komentar + 1 komentar

2 Agustus 2013 04.27

:u

Terimakasih Dhilal Ahmad Sobarudin atas Komentarnya di Cara Membuat Footer 3 Kolom pada Blog

Poskan Komentar

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

ATTENTION
1. Komentar SPAM atau yang mengandung unsur porno atau kata kata kasar akan dihapus segera setelah saya review.
2. Dilarang promosi blog atau barang dagangan.
3. Silahkan klik Like untuk Blog ini, agar blog ini tetap bisa berkarya.
4. Dilarang menyertakan link aktif karena blog ini, kecuali untuk yang hal penting saja.
5. Jika ingin menyertakan Link Blog, lebih baik melakukan Link Exchange dengan Blog.
6. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.
7. Dilarang menshare ulang/copas artikel tanpa persetujuan dari saya.
8. Untuk pertanyaan diluar artikel, bisa Contact Me melalui Facebook atau E-mail.

 
 
Copyright © 2013. Kirizaki Blog - All Rights Reserved
Design by Luhur Muhammad Fatah | Powered By Blogger.com