Error "add gadget" in the footer

Fix “add gadget” in the footer

Versi English-nya mungkin kira-kira seperti itu (hehe…,ancur dikit gpp lah). Masalah awalnya bermula ketika pake template ini yang aku ambil dari finalsense, template yang ditawarkan klu menurutku desainnya bagus-bagus dan bisa dipilih sesuai kategori yang kita inginkan ato tema blog kita, tapi pada perjalanan menyusuri dunia blogging...

aku pun menemukan kendala, dibagian footer aku gak bisa add gadget/ add page element, ketika diklik ada pesan error dari blogger.com. Nah, akhirnya aku hunting ke rumah paman Google, gak juga ketemu solusinya, trus kepikir tuk download templatenya kang Rohman tuk ngeliat coding-nya, setelah dikoreksi ada perbedaan pada bagian ini

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

Yang berwarna merah diganti menjadi

<b:section class='footer' id='footer'/>

melalui seleksi yang begitu ketat dan edit sana-sini akhirnya gak eror lagi. Alhamdulillah…(dalam hati) tapi setelah aku pindah widget recent comment dari sidebar ke daerah footer hasilnya jadi seperti ini

so bitter....













Huhu…ternyata perjuangan blom berakhir, satu masalah dah teratasi, muncul masalah lain ("begitulah hidup"*pesan sponsor). Aku pun tak menyerah, coba ah tanya ke mas Abi Bakar, karena mas Abi ini senior yang newbie friendly seperti kata mas Izandi pada postingannya, jadi para newbie blogger gak usah segan-segan deh nanya ke mas Abi.

Sambil menunggu jawaban, aku terus berusaha utak-atik sendiri, sambil memutar otak ting…aha…dapat ide. Selama ini aku terlalu berkutat dimasalah memperbaiki footer-nya padahal masalah sebenarnya adalah gimana caranya memasukkan widget di bagian bawah blog-ku ini. Kubuka kembali template magazine milik kang Rohman, aku copy kode berikut

/* bottom
==========
*/

#bottom {
width: 900px;
position: relative;
clear:both;
margin: 0 auto;
color: $sidebartextcolor;
float: $startSide;
background:$bgoutercolor;
padding:0;
}

#bottom_1 {
width: 210px;
float: $startSide;
padding:0;
margin:0px 0px 0px 5px;
}

#bottom_2 {
width: 210px;
float: $startSide;
padding:0;
margin-$startSide:15px;
}

#bottom_3 {
width: 210px;
float: $startSide;
padding:0;
margin-$startSide:15px;
}

#bottom_4 {
width: 210px;
float: $startSide;
padding:0;
margin:0px 5px 0px 15px;
}

Kode di atas kutempatkan diatas pengaturan footer, tidak lupa menambahkan varibel $startSide dan $bgoutercolor, caranya dengan mengcopy

<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left">
<Variable name="bgoutercolor" description="Outer background Color"
type="color" default="#fff" value="#ffffff">

Blom selesai sampai disitu, background pada bottom ditambahkan alamat gambar yang sama dengan background blog ini menjadi

background:$bgoutercolor url('http://lh3.google.com/jvdmds/R0Zq0NWgLUI/AAAAAAAAA5s/OuWeedkx_0Q/xps-2.jpg') repeat-y top left;

Dan…., eng…ing….eng…setelah di preview hasilnya seperti yang bisa dilihat dibagian bawah blog ini.
Buat para newbie blogger yang punya masalah yang sama pada template-nya ato yang lain juga gpp, mari kita sharing sama-sama, dan buat para suhu blogger diharapkan sarannya beserta kripiknya (eh salah, maksudnya kritik).