Architektur Blogger Headline Animator

Architektur Blogger

rss

July 26, 2010

Cara Menambahkan 3 Kolom Footer


Blog saya terasa sempit Sepertinya jika ditambahkan footer akan cukup memberikan tempat. Sebelumnya saya sempat bingung, bagaimana sih cara untuk membuat kolom dibagian bawah  footer ? setelah saya cari akhirnya kudapatkan juga cara tersebut, nah begini caranya :



1. Login ke blooger.com
2. Kemudian masuk ke Layout => Edit HTML
3. klik “Expand Widget Template”
4. Cari kod

    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'/>
    </div>
    Ket: pada beberapa template kodenya: footer atau footer-section

5. ganti kode yang berwarna merah dengan script berikut :

 <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='#5d5d54' 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>

Nah gampang kan.. selamat mencoba dan semoga sukses...!!!



Terima Kasih Atas Kunjungan Anda Di Blog Ini. Jika Ingin Artikel Terbaru Langsung Di Kirim Ke Email Anda? Masukan Email Anda Untuk Berlangganan (GRATIS). Klik Tombol Suka Jika Menyukai artikel ini.
Related Posts with Thumbnails
Stumble
Delicious
Technorati
Twitter
Facebook
Reddit

3 comments:

Muhammad Chandra on 29 July, 2010 04:47 said...

nice tricknya
________________
ditunggu kunjungan baliknya sobat...

Batch File Programming | Keajaiban Om Google | Dunia Tips dan Trick | Free Software

Arsitektur Blogger on 29 July, 2010 20:10 said...

Terima kasi uda meninggalkan jejaknya di blog ini..

Generic Pharmacy on 27 December, 2011 01:58 said...

Recently while browsing my net I came across a numerous online eco friendly shopping sites. Then I realize usage of various eco friendly items in day to day life bring positive changes at ones life. Eco-friendly and organic products should become a part of everyday vocabulary.


Post a Comment

Jangan Lupa Tinggalkan Komentar Anda..! Sebab Komentar Anda Sangat Dibutuhkan Demi Pengembangan Blog ini. Asalkan Jangan Spam Dan Komentar Yang Bersifat Menguji. Makasi Atas Kunjungan Anda Di Blog Ini. Thanks for all of you

Berlangganan via email

Ingin Artikel Terbaru Langsung ke Email anda? Masukan Email Untuk Berlangganan:


Delivered by FeedBurner

Recent Comments



Mau punya buku tamu seperti ini?
Klik di sini (Info Blog)