Iklan 300 x 250

Random Post

Recent Post

 

Menambah Footer 3 Kolom Di Blog

Text Resizer: Click for Resizer
Template Blogger kian banyak macamnya. Mulai dari yang berkonsep minimalis, hingga magazine style. Beberapa template baru memiliki footer tiga kolom,tetapi terkadang pula template yang kita pilih juga tidak memiliki footer 3 kolom. Nah bagi anda yang malas ganti template atau sudah sreg dengan template sekarang dan ingin menambah footer 3 kolom, tips ini mungkin berguna. Hasilnya akan seperti gambar dibawah



Oke, langsung saja ke tutorialnya:

  • Login ke blooger.com
  • Kemudian masuk ke Rancangan ---> Pilih Edit HTML
  • Klik “Expand Widget Template”
  •  Cari kode berikut ini pada template anda ]]></b:skin>
  • Tambahkan kode dibawah ini diatasnya

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

  • Cari kode CSS berikut ini pada template kawan-kawan

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Ket: pada beberapa template kodenya: footer atau footer-section.

  • Jika sudah ketemu ganti kode berwarna biru dengan kode CSS dibawah ini

<div id='footer-column-divide'>

<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>

  • Simpan template dan lihat hasilnya dibagian elemen halaman, jika berhasil sobat akan melihat seperti screenshot diatas.

Semoga Anda Berhasil...... 


Artikel Terkait:

Nobi Noku Ditulis oleh : Arga Anggriawan | BLOG : This Is My Art
Dalam Judul : Menambah Footer 3 Kolom Di Blog
Dalam Kategori :
Saya hanyalah blogger pemula yang ingin belajar dan berbagi dengan sahabat, Semua artikel blog ini bersumber dari pengalaman saya dari dunia blogger.

5 komentar:

sibutiz mengatakan... Reply Comment

thx gan,saya sudah coba....
nice post...

Noubi noku mengatakan... Reply Comment

ok semoga berhasil sob :c:

ini ada kotaknya sperti di blog ini gak? soalnya klo cuma begitu di template designer skrg bisa..

mantabbb!!! ada mantab juga neh!!!

Insomniser mengatakan... Reply Comment

gan cuma bisa 2 aja ne.

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: :q: :r: :s: :t: :u: :v: :w: :x: :y: :z:

Poskan Komentar

Bagi sobat-sobat silahkan comment disini, Insya Allah saya comment balik di blog anda.Blog ini Blog Do Follow,Trims atas kerja samanya

 
 
 

Temukan Kami Dalam FB

Sahabat Blogger

http://nobinoku.blogspot.com/

Tukeran Link Yuk..!! Silahkan copy kode di atas..!!
Saya akan segera link balik..!! Link & Banner Teman
powered by PRBbutton Powered by  MyPagerank.Net backlink Site Meter http://www.wikio.com Free Automatic Backlink
Check Google Page Rank
Cerita Seks Panas Dewasa 17Tahun
free counters
 
Copyright 2010 - 2011 © This Is My Art | Didukung Oleh : Blogger
Template Name : Evolution Magazine Template | Modification by : Argabluesky