Minggu, 26 Februari 2012

Tips sederhana ini diharapkan dapat membatu anda untuk sedikit merubah tampilan blog milik anda . Anda bisa mengatur kolom sesuai dengan keinginan Anda..

Baiklah, jika Anda ingin menambahkan  2 kolom di bagian bawah postingan, bisa mengikuti langkah -langkah nya berikut ini :
  • Login ke Blog anda
  • Pilih Rancangan-Edit HTML
Perhatian :
Sebelum memulai Templatenya di Backup dulu.
  • Selanjutnya hilangkan tanda centang Expand Template Widget agar mudah mengikuti langkah-langkah nya
  • Kalau sudah, Anda cari kode ]]></b:skin> dan letakkan kode  css berikut di atas kode ]]></b:skin>

#footer-column-divide
clear:both;
}
.footer-column {
padding: 10px;
}
  • Berikutnya, cari kode yang mirip seperti kode di bawah ini :
<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

Atau

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

Note :
Biasanya, setiap template memiliki kode yang berbeda-beda.

Dalam hal ini, jika Anda tidak dapat menemukan kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' /> , yang perlu Anda lakukan adalah menambahkan kode berikut di bawah kode <div id='footer'> atau <div id='footer-wrapper'>.
  • Untuk membuat 2 kolom di bawah postingan, letakan  kode berikut :
<div id='footer-column-divide'>
<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/> </div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>
  • Jika sudah di tambahkan, klik tombol Simpan Template, dan lihat hasilnya, nanti kolom blog/gadget akan menjadi sebagai berikut :

0 komentar:

Posting Komentar