My Blog List

Saturday, April 04, 2009

Kolom Footer Di Template Magazine 3 White Blue


Kemaren ada sobat blogger yang berkunjung ke "gubug derita" ini.....malu, sobat menanyakan gimana biar ada kolom footernya? ternyata sobat blogger tersebut menggunakan template yang sama. Template punya kang Rohman (Magazine 3 white blue). Setelah saya blogwalking.....ternyata eh ternyata, banyak juga sobat blogger yang lainnya yang menggunakan template yang sama. Memang untuk sebagian orang ada yang suka dengan suasana meriah didalam blognya. Tetapi kadang kita terbatas dengan kondisi lapangan yang ada. sidebar terlalu sempit, atau kalau kita simpan semua widget kita disidebar terlihat tidak seimbang (panjang sebelah antara kolom posting dengan kolom sidebar), sehingga semua itu membuat kita pusing tension. Disinilah kolom footer akan membantu. Template yang empunya kang rohman itu memang bagus banget (T.O.P B.G.T lah). Tetapi ada hal yang disayangkan yaitu tidak tersedianya kolom footer.

Tapi bagaimanapun saya kagum ama beliau yang sudah memberikan semuanya kepada kitasembahsembahsembah. Nah untuk para sobat blogger yang memiliki keinginan agar blognya memiliki suasana meriah dengan menampilkan berbagai-macam atribut widget, tetapi sudah tidak memungkinkan lagi disebabkan oleh layout yang tersedia....saya akan coba membantu untuk membuat sebuah kolom footer pada template tersebut. Cara terbilang mudah. Hanya beberapa kode HTML yang perlu kita tambahkan. Klik tombol "Layout/Tata letaK", kemudian "Edit HTML". Sobat tidak perlu mencentang option "Expand Template Widget". Sedangkan kode yang harus ditambahkan yaitu:
/* ---( footer )--- */

.clear { /* to fix IE6 padding-top issue */
clear: both;
}

#footer-wrapper {
float: $startSide;
margin: 0;
padding: 0;
}

#footer {
background:$bgwidgetcolor url(http://lh4.ggpht.com/_pt7i0nbIOCY/Sb7nFROYHoI/AAAAAAAABgk/Llxxzg4kYhE/bgbox_thumb%5B1%5D.png?imgmax=800) repeat-x top;
float: $startSide;
width: 950px;
margin: 0;
padding: 10px;
border: 1px solid $bordercolor;
display: inline;

Kode tersebut sobat tambahkan sebelum kode

]]></b:skin>
.

Kemudian kode ini mesti sobat tambahkan juga.

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


Sebelum kode

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>


etelah itu klik "save". Untuk melihat hasilnya, klik tombol "LAYOUT / TATA LETAK". Akan terjadi perbedaan layout sebelum dan sesudah modifikasi.

Layout sebelum modifikasi


Layout sesudah modifikasi




Dan sekarang sobat telah berhasil menambahkan sebuah footer di template magazine 3 white blue.

Selamat berkarya.

Print this post
Bookmark this post:
StumpleUpon DiggIt! Del.icio.us Blinklist Technorati Reddit


7 comments:

[+/-]Click to Show or Hide Old Comments

Rinto on April 6, 2009 at 12:30 AM said...

ini yg gw tunggu...btw, ada award dariku buat sampeyan kang,...silahkan di ambil ya

CAHAYA NURANI on April 11, 2009 at 12:14 PM said...

asslmkm,,, thanks banget,,, inilah yang ku cari2,,, makasih ya,,, artikel ini sangat bermanfaat buatku,,, salam kenal dr newbi spt aku

aab on July 21, 2009 at 11:02 AM said...

thank's...............

Don Leman on May 7, 2010 at 2:33 PM said...

Salam kenal
wah kebetulan sekali saya lagi cari2 trik ini karena blog saya juga pakai template ini jadi saya coba dulu
thanks ya atas infonya

Luthfi on February 3, 2011 at 8:58 PM said...

cara nya biar footer nya bisa dibagi 3 gimana ?

anakunmul on September 20, 2011 at 12:05 PM said...

makasih banget sudah saya coba di blog ane

Rudy Hartono on June 11, 2012 at 10:05 PM said...

nice share

[+/-]Show or Hide Comments

Post a Comment

My Banner

Loud Launch Site Disclosure Statement

I have received financial compensation for some of the posts on your blog (in keeping with current FTC Regulations) as some posts are paid posts.
 

Copyright 2009 All Rights Reserved Magazine 4 column themes by One 4 All