menyembunyikan kolom kanan pada sub halaman, dan saat anda mengklik "Label atau Kategori maka kolom kanan Main tetap ada di Homepage.

menyembunyikan kolom kanan pada sub halaman, dan saat anda mengklik "Label atau Kategori maka kolom kanan Main tetap ada di Homepage.menyembunyikan kolom kanan pada sub halaman, dan saat anda mengklik "Label atau Kategori maka kolom kanan Main tetap ada di Homepage.

1. catatan praktekan telebih dahulu pada blog percobaan anda, atau backup terlebih dahulu template blog utama anda untuk berjaga-jaga jika terjadi kesalahan
   


2. masuk ke edit html cari #main-wrapper , kopi kode berikut diatasnya:
   
   
   #content-wrapper {<br />width: 998px;<br />margin: 0px 0px 0px 0px;<br />padding: 0px 0px 0px 0px;<br />position: relative;<br />text-align: left;<br />background: $contentbgColor;<br />border: 1px solid $contentBorderColor;<br />word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br />overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />}

   
   
   


3. tambahkan kode ini di bawah #main-wrapper {
   float: left;
   width: 654px;
   margin: 0px 4px 0px 0px;
   padding: 0px 0px 0px 0px;
   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 */
   }
   
   
   
   #main-left {<br />width: 654px;<br />float: left;<br />margin: 4px 4px 4px 0px;<br />padding: 0px;<br />color: $textColor;<br />font: $textFont;<br />background: $postbgColor;<br />word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br />overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />}<br /><br />#main-right{<br />float:right;<br />margin: 4px 4px 4px 4px;<br />padding: 0px;<br />background:$postbgColor;<br />width:260px;<br />line-height:1.2em}<br /><br />#main-right h2{<br />margin-bottom:5px;<br />padding-bottom:5px;line-height:1.1em;<br />font:normal normal 148% Trebuchet, Trebuchet MS, Arial, sans-serif;color:#996600;border-bottom:1px solid #000000}<br />#main-right img{margin-bottom:4px;border:1px solid #000000}<br /><br /><br />#main-left .widget{<br />margin: 0px 5px 5px 5px;<br />padding: 0px 10px 10px 4px;<br />}<br /><br />#main-right .widget {<br />margin: 0px 0px 5px 0px;<br />padding: 10px 10px 10px 10px;<br />}

   
   
   


4. tambahkan kode di bawah ini di atas </head>
   
   
   <style type="'text/css'"><br /><b:if cond="'data:blog.pageType"><br /><br />#main-left {<br />width:376px;<br />}<br />.post-body img{<br />width:350px;<br />}<br /></b:if><br /></style>

   
   
   


5. bagian body, buat susunan dibagian
   <div id='content-wrapper'>
   <div id='main-wrapper'> menjadi seperti ini:
   
   <div id='content-wrapper'>
   
   <div id='main-wrapper'>
   <div id='main-left'>
   <b:section class='main' id='main-left' preferred='yes'>
   <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
   </b:section>
   </div>
   
   <div id='main-right'>
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <b:section class='main-right' id='main-right' preferred='yes'/>
   </b:if>
   </div>
   </div>
   
   


6. pratinjau
   


7. simpan
   

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