baiklah langsung saja.
Gimana tertarik untuk mencobanya??
Berikut langkah - langkah pembuatannya.
1. Login ke Akun Blogger anda masing-masing
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. Cari kode :
]]></b:skin>Lalu letakkan Kode CSS dibawah ini sebelum atau diatas kode
]]></b:skin> #sidebar h2 {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip7hujeqVonf_3Ecwe5DUifsoq7apVZmgnR6J9aDvDRPu8PVNDW1YP6NsDeGI4TFFy89wAZ7KvKRjjnUEl-vVl6FzhZ6D_Q7G5Dkq35M_fsBFVfLaLLkpuhBIvDQlDT9oLWGN-PYFX3Puz/")no-repeat 100% 50%;
}
#sidebar h2.headactive {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4_X9H-7-NN8E69XioXVfJlOz4loJv67yBWHJQgo6szwfTlnCZFim9XEs4f3Gqna-za2nYvtOW-GjpNdZ2HTOkUcGAZR0MlytxADmCMBd1zpuFng_i8fFkxUgnVxzBT_ZsGX5Slzm43hlr/")no-repeat 100% 50%;
border-bottom:1px solid #282828;
}
#sidebar2 h2.headactive {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip7hujeqVonf_3Ecwe5DUifsoq7apVZmgnR6J9aDvDRPu8PVNDW1YP6NsDeGI4TFFy89wAZ7KvKRjjnUEl-vVl6FzhZ6D_Q7G5Dkq35M_fsBFVfLaLLkpuhBIvDQlDT9oLWGN-PYFX3Puz/")no-repeat 100% 50%;
}
::: Sobat dapat mengedit code CSS diatas sesuka anda,
5. Setelah Itu taruh kode dibawah ini dibawah kode
]]></b:skin> , atau diatas kode
</head><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
var sidebarnameacc1="sidebar";
var accordionside1=true;
var sideshow1=new Array(0,0);
var sidebarnameacc2="sidebar2";
var accordionside2=false;
var sideshow2=new Array(0,0);
</script>
<script src='http://introbloggerscripts.googlecode.com/files/accordionscriptv101-min.js' type='text/javascript'/>
6. Langkah terakhir Save, dan lihat hasilnya..
Print
PDF
Blogger
Google+
Facebook
Twitter