Membuat Elemen Sidebar baru di blogger

Assalamu'alaikum.
Membuat  Elemen Sidebar baru yang saya maksud disini adalah menambahkan elemen add gadget baru di bagian pengaturan tata letak blogger,sehingga elemen add gadget baru yang tadinya berjumlah satu akan kita buat menjadi dua buah.Untuk lebih jelasnya anda dapat melihat contoh gambar dibawah ini.

  • Tampilan sidebar  dibagian pengaturan  tata letak blogger.

Membuat Elemen Sidebar baru di blogger


  • Tampilan sidebar dibagian pengaturan tata letak ketika sudah ditambahkan elemen baru,sehingga add gadget akan berjumlah dua.

Membuat Elemen Sidebar baru di blogger

Penambahan elemen sidebar ini akan terasa sekali manfaatnya apabila kita akan membuat tab widget baik vertikal maupun horizontal.
Di tutorial ini saya akan share cara membuat elemen sidebar baru bagi anda yang menggunakan template blogger tipe klasik (bukan template baru saat ini) yang masih memiliki kode seperti berikut:

  • #header
  • #sidebar
  • #outer-wrapper
  • #main-wrapper
Kenapa menggunakan template tipe klasik?
Karena template blogger terdahulu lebih mudah di modifikasi dibanding dengan template blogger saat ini,salah satu template yang paling mudah di modifikasi adalah template yang bernama minima.Jadi bagi anda yang terlanjur menggunakan template simple blogger saat ini alangkah baiknya anda mengganti template anda dengan template tipe klasik,anda dapat mencarinya di google.

Berikut cara membuat elemen sidebar baru di blogger.
1,Pertama,silahkan anda login ke www.blogger.com dengan menggunakan akun masing-masing.
2.Jika anda sudah berhasil login,berikutnya silahkan anda klik template > edit HTML.
3.Di halaman edit HTML silahkan anda cari kode seperti berikut ini.
#sidebar-wrapper {
  width: 310px;
  float: right;
  padding: 5px;
  border:1px solid $bordercolor;
  background-color:#ffffff;
  background-image:url(none);
}
Kode didalam #sidebar-wrapper didalam template anda mungkin akan berbeda dengan contoh kode diatas,maka silahkan anda fokuskan pencarian kode #sidebar-wrapper saja.

4.Silahkan anda copy kode
 #sidebar-wrapper beserta semua kode didalamnya (lihat contoh kode yang saya berikan di langkah nomor 3)

5.Berikutnya silahkan anda paste kode yang anda copy tadi tepat diatas kode
 #sidebar-wrapper.
6.Ganti kode
 #sidebar-wrapper yang baru kita paste tadi menjadi #sidebar-wrapper-baru.
Sehingga contoh keseluruhannya akan seperti kode dibawah ini.
#sidebar-wrapper-baru {
  width: 310px;
  float: right;
  padding: 5px;
  border:1px solid $bordercolor;
  background-color:#ffffff;
  background-image:url(none);
}
#sidebar-wrapper {
  width: 310px;
  float: right;
  padding: 5px;
  border:1px solid $bordercolor;
  background-color:#ffffff;
  background-image:url(none);
}

7.Berikutnya anda cari kode HTML seperti berikut ini.
<div id='sidebar-wrapper'>
 <b:section class='sidebar' id='sidebar' maxwidgets='10' preferred='yes'>
 </b:section>
      </div>

8.Silahkan anda copy semua kode diatas,lalu anda paste di atas kode
 <div id='sidebar-wrapper'> atau dibawah kode </div>.
9.Silahkan anda ganti kode
<div id='sidebar-wrapper'> yang baru anda paste tadi menjadi <div id='sidebar-wrapper-baru'>.Sehingga contoh hasilnya akan seperti dibawah ini.
<div id='sidebar-wrapper-baru'>
 <b:section class='sidebar' id='sidebar' maxwidgets='10' preferred='yes'>
 </b:section>
      </div>
<div id='sidebar-wrapper'>
 <b:section class='sidebar' id='sidebar' maxwidgets='10' preferred='yes'>
 </b:section>
      </div>

10.Jika sudah,silahkan anda klik save atau simpan.

Silahkan anda masuk ke halaman pengaturan tata letak blog anda dengan cara klik tata letak,maka anda akan melihat elemen baru add gadget di sidebar blog anda sudah muncul.
Dengan cara diatas anda dapat membuat elemen sidebar baru sebanyak yang anda inginkan.
Demikianlah cara membuat elemen sidebar baru di blogger.
Semoga bermanfaat dan terimakasih telah berkunjung.
Assalamualaikum.

Berkomentarlah dengan kata-kata yang baik dan dilarang mencantumkan link berbau pornografi,iklan