__________________________________________________

Cara bikin right sidebar "terputus" jadi dua

Para master blogger pastinya sudah tau yang ini. Jadi mungkin tulisan ini ga cocok untuk yang sudah mahir.. heheheh... Klo yang masih cupu seperti saya, pasti perlu diingat dan dicatat.

Pasti diantara kalian bertanya, kenapa diputus? Kan nanti ga cukup buat widget dengan judul "Mungkin bisa kamu coba juga artikel-artikel dibawah ini"
*Ini judul widget apa sub-judulnya skripsi se? Panjang banget..*

OK, memutus sidebar tidak lain dan tidak bukan untuk memberi tempat buat ads. Single sidebar yang ga terputus emang bikin ads kliatan gede, tapi kadang tidak menarik, lebih menarik klo ads ukuran standar tapi jumlahnya ada empat misalnya.

Caranya?
Ini sangat tergantung pada template yang kamu pake, jadi cari yang mirip-mirip dengan coding yang dibawah ini.

1. Backup dulu template yang kamu pake sekarang, buat jaga-jaga klo ada apa-apa. Pada dashboard klik Template, pilih Backup/Restore yang ada dipojok kanan atas. Pilih Download full template.
2. Klo sudah, pilih close, pilih Edit HTML.
3. Cari kode berikut ini:
<div id='sidebar-wrapper'>
  <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Feed' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='Label' locked='false' title='Labels' type='Label'/>
</b:section>
  </div>
4. Salin dan tempel kode dibawah ini letakkan diantara  </b:section> dan </div> (kalau ingin ada dibawah sendiri, atau letakkan dibawah <div id='sidebar-wrapper> kalau ingin ada diatas sendiri.
<b:section class='sidebar' id='sidebar-left4' showaddelement='yes'>
<b:widget id='HTML8' locked='false' title='Column 1' type='HTML'/>
</b:section>
<b:section class='sidebar' id='sidebar-right4' showaddelement='yes'>
<b:widget id='HTML9' locked='false' title='Column 2' type='HTML'/>
</b:section>
<div style="clear: both;"></div>
5. Tulisan yang merah ntar bisa diganti belakangan via Layout, jadi gak usah dipikirin sekarang.
6. Sekarang cari kode ]]></b:skin>
7. Ketemu? Salin dan tempel kode dibawah ini sebelum kode diatas:
 #sidebar-left4 {
width: 46%;
float: left;
}
#sidebar-right4 {
width: 46%;
float: right;
}
 8. Klik Save Template, reload browser dengan menekan F5.

Coba tengok... ada sidebar (kanan) yang putus kan?

0 comments:

Post a Comment

Semoga yang meng-copy-paste isi blog ini kemudian dipublikasikan ke media apapun tanpa seijin penulis mendapatkan SIAL 7 TURUNAN!