- Pertama-tama yang harus cyber mania lakukan adalah langsung menuju edit html.
- Jangan lupa mendownload lengkap template dahulu jaga-jaga kalau ada masalah yang tidak diinginkan.
- Lalu centang expand template widget agar semua perubahan tidak ada yang tertinggal
- mencari code <div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div>
- Gunakak Ctrl + F agar lebih mudah
- Setelah itu copy code berikut tepat dibawah </div>
- <div id='footer'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div>
Nanti hasilnya seperti ini:
<div id='footer-wrapper'>
bla...bla..bla..
</div>
<div id='footer'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div>
- Apabila sudah langsung aja di save dan liat di pengaturan elemen halaman
- Baca Juga Tutorial Berikut
- Cara Menambah 2 atau 3 kolom dibawah header
- Cara Membuat Teks Animasi dan Logo Pada Blog
- Menambahkan Translator
- Menambahkan Shoutmix pada blog
- Cara Membuat Teks Area
- Meta Tag Sumber Trafic Pengunjung
- Cara Membuat blog terkenal dengan pagerank
- Memasang Domain co.cc di blogger
- Mengganti Domain Dasar dengan Domain gratis co.cc
- Custom domain blogger dengan Subdomain
- Membuat Sidebar Dua Kolom
- Cara Membuat Blog di Blogspot
- Tema Untuk Xp
- Membuat Read More Pada Template Baru
- Read More Icon - Cara Mengganti Read More Dengan Icon
- Menu Berjalan MarQue
- Cara Membuat Form Kontak Email Di Blogger
- Cara Membuat Menu dropdown
- Cara Menambahkan Status YM di Blog
- Menambahkan Widget Reader
- Verifikasi rekening Paypal dengan rekening bank
- Tutorial Daftar Paypal
- Custom domain blogger dengan Subdomain
- Membuat Tukar Link Menjadi Lebih Hidup
- Menambahkan Widget Reader
- Mendaftar RSS Feed di FeedBurner
- Mengenal Layanan Feed
- Membuat Halaman Berlangganan Artikel pada FeedBurner
- Warna banyak gunanya, apalah artinya hidup tanpa warna
- Cara menuliskan html di postingan
- Cara Membuat Baner BLog
Tutorialnya matap sekali bos....mohon ijin copas ..terima kasih sebelumnya....