jangan lupa follow and like'a ...!!!

Cara Membagi Sidebar Blog Menjadi Dua


 langkah-langkah untuk membagi sidebar menjadi dua:

1. Log in ke account blogger sobat
2. klik menu Template
3. kemudian pilih Edit Html
4. pilih lanjutkan untuk masuk ke Setup Html
5. setelah masuk jangan lupa centang kotak kecil di pojok kiri yang 
    bertuliskan "expand template widget"
6. cari kode di bawah ini
#sidebar-wrapper {
background-color: #f6f6f6;
width:254px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
                *Gunakan ctrl+f untuk mempermudah pencarian*
"Sebagai contoh; nilai width diatas adalah 254px. Karena kita ingin membagi kolom sidebarnya menjadi 2 bagian maka kita bagi nilai width dengan 2. Sehingga masing kolom mempunyai lebar sebesar 127px. Agar tidak berdempetan maka masing-masing kolom akan kita beri margin sebesar 10px agar terdapat ruang jarak. Sehingga sekarang lebar masing-masing sidebar menjadi 117px".
7. Copy kode css dibawah ini lalu simpan dibawah kode tadi
#sidebar-wrapper2 {
background-color: #f6f6f6;
width:254px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
8. Ganti nilai width masing-masing kolom menjadi 117px. 
    Lalu tambahkan margin:0px 20px 0px 0px;pada bagian sidebar-
    wrapper2. Sehingga hasilnya menjadi seperti ini:
#sidebar-wrapper {
background-color: #f6f6f6;
width:117px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper2 {

background-color: #f6f6f6;
width:117px;
float:$endSide;
padding:0;

margin:0px 20px 0px 0px;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
9. Etzz belum selesai, Sobat cari lagi kode berikut
<div id=’sidebar-wrapper’>
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
<b:widget id=’Label1′ locked=’false’ title=’kategori’ type=’Label’/>
<b:widget id=’Followers1′ locked=’false’ title=’Followers’ type=’Followers’/>
<b:widget id=’Feed1′ locked=’false’ title=’Creating Website’ type=’Feed’/>

</b:section>
</div>
10. Yang harus anda perhatikan adalah kode yang di bold karena setiap  
      template itu berbeda-beda
11. Tambahkan kode berikut ini dan letakan dibawah </div>
<div id=’sidebar-wrapper2′>
<b:section class=’sidebar’ id=’sidebar2′ preferred=’yes’>
</b:section></div>
12. Simpan Template

Penulis: sIgAnaTo

Artikel Cara Membagi Sidebar Blog Menjadi Dua , diterbitkan oleh sIgAnaTo pada hari . Semoga artikel ini dapat menambah wawasan Anda. sIgAnaTo adalah Seorang Manusia yang selalu ingin menjadi lebih baik ,Karena Bila Anda berpikir Anda bisa,maka Anda benar. Bila Anda berpikir Anda tidak bisa, Anda pun benar… karena itu ketika seseorang berpikir tidak bisa, maka sesungguhnya dia telah membuang kesempatan untuk menjadi bisa
Comments
0 Comments
Facebook Comments by Media Blogger

Komentar

 
Terima Kasih Atas Kunjungan Anda. Gunakan Google Chrome Atau Mozila Fire Fox Terbaru Untuk Melihat Tampilan Sempurna Blog Ini