Kolom Footer Di Template Magazine 3 White Blue

Kemaren ada sobat blogger yang berkunjung ke "gubug derita" ini....., 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 . 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 kita. 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBIphoTl3PkXbKIOXUQJ0JBcRGd9Mk8SPiN9B0N51uma828AzZUuNnIrbwxXao1ncE78j56WXuQqwZR-RvpUiHN4qKs9bFcxE-7_luTjB4jupl6Zqz9MMWgapK6_BeKyGhPo6_b_D9RVo/?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: