Dengan adanya efek
accordion ini maka sidebar akan terlihat lebih simple dan terlihat lebih
profesional, serta terlihat lebih keren pastinya.
Dari efek accordion ini
yang di tampilkan hanyalah satu widget saja dan yang lainnya akan tersembunyi
dan akan terlihat apa bila di klik atau di pilih.
CaraMembuat Sidebar Accordion Dengan Effek Jquery bisa
sobat terapkan pada blogspot yang sobat miliki. Yang perlu sobat perhatikan
adalah ID dari sidebar sobat sendiri, karena setiap template saya kira ada
perbedaan ID sidebarnya.
Gunakanlah
ad-on firebug pada mozilla untuk mengetahui ID dari sidebar yang
sobat miliki saat ini.
Contoh :
ID
sidebar saya saat ini adalah “ sidebar-wrapper ”. ID sidebar yang lain
mungkin saja berbeda seperti,
.
Right-sidebar
.
Sidebar
.
Sidebar-right-1 ( template blogspot baru )
Untuk
contoh-contoh di atas sobat blogger sesuaikan saja dengan ID sidebar yang sobat
miliki. Mari kita mulai bagaimana Cara Membuat SidebarAccordion Dengan Effek Jquery
1. Login ke blogger
masing-masing.
2. Masuk ke Template.
3. Lalu klik HTML
Template.
4. Silahkan centang “Expand
template”
5. Selanjutnya cari code.
</head>
6. Dan
copy code di bawah ini lalu pastekan tepat di atas code </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'
type='text/javascript'/>
<script
type='text/javascript'>
//<![CDATA[
$(function()
{
$('#sidebar-wrapper
.widget-content').hide();
$('#sidebar-wrapper
h2:first').addClass('active').next().slideDown('slow');
$('#sidebar-wrapper
h2').css('cursor', 'pointer').click(function()
{
if($(this).next().is(':hidden')) {
$('#sidebar-wrapper h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
//]]>
</script>
Dan jangan lupa code
yang berwarna merah sesuaikan dengan ID sidebar blogspot sobat.
7. Setelah selesai, klik
simpan Template untuk menyimpan pekerjaan sobat.
8. Lihatlah hasil dari
pekerjaan sobat.
Saran penulis :
Buat blog baru untuk di
jadikan uji coba, agar nantinya tidak terjadi kesalahan yang sangat fatal bagi
blog utama sobat.
Itu saja saran sari
saya.
Semoga Bermanfaat...