Tampilan blog sepenuhnya ditentukan oleh theme yang kita pilih. Dari Menu Presentation terdapat sub menu yang ada tergantung dari masing-masing theme yang tersedia. Theme-theme itu ada yg bisa di kostumasi dan ada yang tidak. Pada submenu Sidebar Widgets, kita bisa banyak melakukan kustomasi. Dengan drag and drop widgets bisa dipindahkan ke dalam sidebar kemudian menatanya sesuai kehendak kita.
Tampilan sidebar setiap template berbeda-beda, jadi jika kita ingin sidebar yang menarik kita mesti merubahnya dengan mengedit kode HTML. Setelah sedikit mempelajari bahasa kode (HTML) dan struktur template blogspot (plus kreativitas tentunya), ternyata tampilan sidebar malah bisa dirubah sesuai keinginan kita, bahkan bisa menyamai tampilan web yang menggunakan software website yang lebih canggih. Di bawah ini adalah contoh tampilan menu sidebar yang belum dipoles, sehingga tampak masih datar :
Nah, sama dengan judulnya, menu sidebar tersebut sebenarnya juga bisa disulap menjadi seperti tombol. Caranya yaitu dengan menambahkan beberapa kode pada halaman HTMLnya. Lebih lengkapnya bisa anda ikuti beberapa langkah berikut:
1. Masuklah ke halaman Dasboard blog anda
2. Klik Design/Rancangan, kemudian pilih pada Edit HTML
3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda
4. Kemudian carilah kode: .sidebar li
5. Kalau sudah ketemu, lebih kurang seperti ini :
.sidebar li {line-height:1em;
margin:0px 0px 0;
padding-top:2px;
padding-left:15px;
padding-bottom:4px;
text-shadow:0 1px 0 #Ffffff;
}
(Anda tidak perlu bingung jika semua kode di atas tidak persis sama dengan kode yang terlihat pada blog anda, karena itu tergantung pada template yang kita gunakan)
6. Ganti kode tersebut dengan kode di bawah ini :
.sidebar li {
background:url(“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiemiyDrwNG8BXFtzFWO7i7rXd7LOYjB6xWhQdek0GSzl-gEFBd8vDtIYjIie2_Bei-18ZKSFOzt_qoocIaZjKhk723oKvgQhmGKx279jHmPdRt5krp60p-9TnOvMl-lotgLCtc3cv5vkM/s1600/sidebarscreen.png”) repeat-x scroll left bottom #ffffff;
border-bottom:1px solid #90969c;
border-right:1px solid #b8b9ba;
border-top:1px solid #ffffff;
margin-border: 0 0px 0;
line-height:1em;
margin:0px 0px 0;
padding-top:2px;
padding-left:15px;
padding-bottom:4px;
text-shadow:0 1px 0 #ffffff;
}
(Sebagai catatan yang berwarna hijau adalah kode dari warna tombolnya. Warna merah adalah ukuran ketebalan garis bayangan tombolnya. Sedangkan yang berwarna biru adalah kode dari warna garis bayangannya. Anda bisa rubah semuanya dengan warna dan tampilan blog anda.
7. Simpan Template.
8. Selamat mencoba dan semoga berhasil!