CARA MEMBUAT MULTI SIDEBAR ( 6 BUAH )

Setelah sidebar anda menjadi tiga, barulah anda lanjutkan baca postingan ini.
Tiga sidebar yang dimiliki EPG Studio diberi nama : Sidebar-wrapper, Sidebarbaru-wrapper dan Sidebaratas-wrapper.
Tiga sidebar yang akan ditambahkan harus memiliki ukuran yang sama dengan ketiga sidebar diatas dan penamaannya harus berbeda dengan nama sidebar yang telah ada.
Nama sidebar yang ditambahkan di blog EPG Studio diberi nama sebagai berikut :

1. Sidebartengah-wrapper : memiliki ukuran sama dengan sidebar atas wrapper.
2. Sidebarbawah-wrapper : memiliki ukura yang sama dengan sidebar-wrapper.
3. Sidebarbawahbaru-wrapper : memiliki ukuran yang sama dengan sidebarbaru-wrapper.

Setelah siap dengan nama ketiga sidebar yang akan ditambahkan, ikuti langkah-langkah berikut ini :

1. Masuk ke Edit HTML.
2. Back up dulu templatenya kalau takut gagal.
3. Cari kode ini :#sidebarbaru-wrapper {
   width: 230px;
   float: right;background:#0066CC; border:0px solid $bordercolor;white;
   padding:5px 5px .25em;
   padding-left:5px;
   word-wrap: break-word;
   overflow: hidden;
   }
4. (mungkin pada sebagian template memiliki istilah yang berbeda).Copy kode dibawah ini kemudian paste tepat dibawah kode tadi #sidebartengah-wrapper {
   border: 0px solid #0066CC;
   background:#3D81EE;
   width:470px;
   float:right;
   padding:5px;
   margin-bottom:5px;
   }
   
   #sidebarbawah-wrapper {
   width: 230px;
   float: $endSide;background:#0066CC; border:0px solid $bordercolor;white;
   padding:2.5px 2.5px 2.5px .5em;
   word-wrap: break-word;
   overflow: hidden;
   }
   #sidebarbawahbaru-wrapper {
   width: 230px;
   float: $endSide;background:#0066CC; border:0px solid $bordercolor;white;
   padding:5px 5px .25em;
   word-wrap: break-word;
   overflow: hidden;
   }
5. Selanjutnya cari kode ini :<div id="sidebarbaru-wrapper">
   <b:section class="sidebar" id="sidebarbaru" preferred="yes"></div><lu> Copy kode dibawah ini kemudian paste tepat diatas kode tadi. <div id='sidebarbawahbaru-wrapper'>
   <b:section class='sidebarbawahbaru-wrapper' id='sidebarbarubawah-wrapper' showaddelement='yes'>
   </b:section>
   </div>
   
   <div id='sidebarbawah-wrapper'>
   <b:section class='sidebarbawah-wrapper' id='sidebarbawah-wrapper' showaddelement='yes'>
   </b:section>
   </div>
   
   <div id='sidebartengah-wrapper'>
   <b:section class='sidebaratas' id='sidebartengah' showaddelement='yes'>
   </b:section>
   </div>
   
6. Klik tombol Simpan template

Tulisan Terkait :

Best Quote Today:
Keberhasilan adalah kemampuan untuk melewati dan mengatasi dari satu kegagalan ke kegagalan berikutnya tanpa kehilangan semangat. (Winston Chuchill)

Jika Anda menyukai tulisan diatas jangan lupa untuk klik tombol suka untuk berbagi dengan teman facebook Anda. Anda juga bisa membagikan tulisan ini di twitter dan jejaring sosial lainnya. Berbagi itu indah.

Become a Fan