Cara Membuat Footer Blog Menjadi 3 Kolom


membuat footer 3 kolom

Footer merupakan salah satu elemen penting dari sebuah blog. Dengan Adanya footer kita bisa menambahkan widget-widget yang tidak cukup apabila kita tempatkan pada sidebar ataupun bisa membuat sidebar terlalu panjang bila kita tempatkan disana.
Apabila saat ini footer sobat hanya berupa satu kolom dan sobat merasa jumlah tersebut kurang, maka sobat bisa menerapkan cara dibawah ini untuk merubah jumlah footer tersebut menjadi tiga kolom.
Caranya sebagai berikut :
  • Log in ke dashboard blog sobat dan pilih menu template
  • Pilih Edit HTML
  • Beri tanda cek pada Expand Widget Templates
  • Cari kode ]]></b:skin> dan letakkan kode berikut ini diatasnya
#footer-3kolom-Referensikita {
clear:both;
}
.footer-column {
padding: 10px;
}
  • Cari kode berikut ini 
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
  • Ganti  <b:section class='footer' id='footer'/> pada kode diatas dengan kode dibawah ini
<div id='footer-3kolom-Referensikita'>
<div id='footer1' 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='footer2' 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='footer3' 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>
Sehingga kodenya sekarang berbentuk seperti ini :
<div id='footer-wrapper'>
<div id='footer-3kolom-Referensikita'>
<div id='footer1' 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='footer2' 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='footer3' 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>
</div>
  • Simpan Template Anda
  • Selesai..
Nah, sekarang saatnya sobat melihat hasilnya dengan masuk ke menu layout. Bagaimana ? Berhasil kan ?
Rencananya akan digunakan untuk apa saja nih 3 kolom footernya sob ? Siapa tau saya bisa mendapatkan ide dari rencana sobat :). Mari kita diskusi bersama melalui form komentar dibawah ini :).

Regards,
Irfan

Berlangganan Artikel Referensi Kita

Masukkan alamat email Anda:

Related Post:

+ comments +29comments

9/5/13 09:15

lagi belajar
nih....makasih banyak info/post nya...buat nambah pengetahuan...

Terimakasih ari bogank atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom

Thanks kawan tutorialnya, dari dulu dicari scriptnya tapi baru ketemu skarang.

Terimakasih Korek Api Gas Fighter Indonesia atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
23/12/13 03:56

bila template saya tidak menyediakan footer, apakah bisa menerapkan tutorial di atas sob?
Anda bisa cek blog saya yang tidak ada footernya: http://peluangbisnisberjangka.blogspot.com
mohon pencerahannya sob
terima kasih

Terimakasih Andhi Setya Hermawan atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom

maksi gan...

Terimakasih Agen Bola Promo 100% SBOBET IBCBET Casino Poker Tangkas Online atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
17/5/14 05:26

Ternyata gak sulit yaa membuat footer itu menjadi 3 kolom, maksih gan infonya sangat membantu

kunjungan balik gan

Terimakasih aidhil atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
5/7/14 02:15

Makasih mas, kunjungi juga blog adik
http://www.prediksibola888.blogspot.com
http://www.kis33.net

Terimakasih Prediksi Bola atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
11/1/15 04:50

work gan, kunjungi yah http://tiensidn.blogspot.com/

Terimakasih Tiens Indonesia atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
14/1/15 19:11

mantap dah artikelnya

http://acemaxs31.com/obat-herbal-kolesterol/

Terimakasih obat kolesterol atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
15/1/15 17:49

tipsnya komplit kawan

Terimakasih ace maxs atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
2/2/15 23:09

terimakasih banyak sob, sangat membantu...

Terimakasih Pengobatan Alami atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom

thanks a lot for the info,, permit try yaa ....

Terimakasih obat herbal penambah trombosit darah atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom

Artikel ini memberikan wawasan terbaru buat saya, wacana pembahasan ini sangat bermanfaat.

Terimakasih Kedai Jelly Gamat Gold G atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
10/5/15 19:48

Makasih sob untuk tips, sangat bermanfaat dan saya akan mencobanya di blog saya :)
http://goo.gl/NcIh6Z

Terimakasih Dewii Sumiyati atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom

Bagus sekali blog-nya, Terus berkarya ya Kak ..!!

KONTES SEO Juni 2016
Poker Online Terpercaya
Poker Online

Terimakasih Agen Poker Terpercaya atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
1/9/16 11:21

terima kasih infonya gan.....

Terimakasih poker uang asli atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom

terimakasih infonya gan......

Terimakasih poker online terpercaya atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom

bagus artikelnya gan.....

Terimakasih poker online terpercaya atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
20/9/16 09:19

thanx infonya gan......

Terimakasih Ganool atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
16/10/16 19:17

nonton film online
rupiahqq
kartuq
hitsdomino
pokerclub88
pokerclub88
pokerclub88

Terimakasih Nonton Film Online atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
24/10/16 16:25

Bagus sekali blog-nya, Terus berkarya Gan...!!

Poker Online
Agen Poker Online
PokerV
Poker uang Asli

Terimakasih pokerqq atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
23/11/16 10:41

Prediksi Togel
Togel Singapura
Agen Togel
Togel Online
Bandar Togel

Terimakasih TEAM SEO atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
23/11/16 13:43

Film Semi
Ganool
Nonton Movie
Nonton Film Online

Terimakasih Nonton Movie atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
27/11/16 08:24

Agen Poker Online
Bandar Poker Online
Bandar Poker Terpercaya
Agen Poker Terpercaya
Agen Poker Terbesar

Terimakasih Armani QQ atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
21/12/16 23:03

Ini informasi yg saya cari terima kasih min

Agen Poker Online
Poker Uang Asli

Terimakasih Poker Uang Asli atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
3/1/17 02:09

Bermanfaat Sekali Gan Infonya. Thanks Ya Gan..

Agen Poker
Judi Poker

Terimakasih LiputanLiga88 atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
16/1/17 18:05

Makasih infonya gan, sangat bermanfaat.

Terimakasih Sewa Hiace Malang atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
16/1/17 23:52

Terima kasih pencerahannya.
Sewa Mobil di Malang

Terimakasih travel wisata atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
17/6/17 00:47

Yuk yang hobi main poker, gabung bersama aku di SINIDOMINO yukk

SINIDOMINO Adalah Situs Poker Online Yang Menjamin Permainan 100% Tanpa Robot

Buat Anda yang hobi bermain Poker Online Kini Telah Hadir Poker terbaik yang pernah ada yaitu SINIDOMINO

SINIDOMINO memberi Promo menarik bagi pecinta permainan kartu online :
* Minimal DEPOSIT dan Withdraw Hanya RP. 20.000.
* Jackpot Hingga Jutaan Rupiah Setiap Harinya
* Cashback Mingguan 0.5%
* Bonus Refferal 20%

Gabung sekarang juga dan dapatkan kemenangan yang luar biasa hanya di SINIDOMINO
Untuk informasi lebih lanjut silahkan hubungi kami di :
LiveSuppot 24 jam :
* LiveChat : www.sinidomino.com
* Pin BBM : D61E3506
* Phone : +85598249684
* Skype : sinidomino

Terima Kasih Agan.

Raja Poker, Dewa Poker, Poker Online, Judi Poker, Agen Poker Online

Terimakasih Yoona Marceline atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom
9/8/17 20:18

Informasi yang sangat bagus dan berguna. Ditunggu untuk update selanjutnya gan


bandarq
domino99 online terpercaya
dominoqq
domino qiu qiu

Terimakasih dominoqq atas Komentarnya di Cara Membuat Footer Blog Menjadi 3 Kolom

Post a Comment