Kalii ini saya akan memberi cara supaya blog sobat menjadi 3 colomb label,caranya mudah tinggal kalian ikuti langkah berikut ini dengan seksama pasti berasil, e colomb ini akan memperSImple penampilan blog sobat agar menjadi lebih menarik untuk di kunjungi, tanpa basah basi lagii,ikuti tutorial berikut ini :
- Login ke Blogger.com – > Pilih Template
- Sebaiknya lakukan dulu backup template dengan klik Backup / Restore atau Cadangkan / Pulihkan, lalu klik download full template.
- Klik tanda x untuk kembali ke menu template
- Kemudian pilih Edit HTML --> Centang Expand Widget Templates
- Cari kode ]]></b:skin>, lalu diatasnya simpan kode berikut ini : #footer-column-divide { clear:both; }
.footer-column {
padding: 10px; }
- Selanjutnya cari lagi kode <div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
- Ganti kode yang warna merah dengan kode dibawah ini
<div id='footer-column-divide'>
<div id='footer1' style='width: 33%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='saung1'
preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 34%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='saung2'
preferred='yes' style='float:center;'/>
</div>
<div id='footer3 style='width: 33%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='saung3'
preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
- Kalau kode pada nomor 6 diatas tidak ada, coba sobat cari salah satu dari kode <!-- end outer-wrapper –> atau bisa juga <div id='footer'>,
- Diatas / sebelum salah satu kode pada no. 8 tinggal letakkan Kode yang ada pada nomor 7 diatas
- Jika sudah, lakukan pratinjau dulu. Kalau sudah ok, tinggal Simpan template dan lihat hasilnya.
0 komentar:
Posting Komentar