Cara Menambah Elemen Halaman 2-3 Di Footer Blogger

Pada kesempatan kali ini walau lama di landa dengan lambatnya koneksi yang saya hadapi sekarang tapi tidak menutup semangat saya untuk bebagi kepada teman-teman yang mungkin belum tahu cara untuk menambah elemen/ widget halaman pada blog koleksi artikel jadul dari blog ketika saya juga masih dalam tahap belajar.

Menambah Elemen Halaman 2-3 Di Footer Pada Blog

Saya akan bagi tips untuk menambah elemen halaman pada footer untuk blog dengan 2 sampai 3 elemen halaman, jadi teman-teman bisa mensesuaikan terlebih dahulu mana kiranya yang pas untuk dipasang pada blog! Langsung saja lihat Langkah demi langkahnya sebagai berikut.

Untuk 2 Elemen Halaman

1. Seperti biasa masuk ke blogger.com
2. Pilih Rancangan ->> Edit HTML, tips sebelum edit template blog Anda backup terlebih dahulu dengan mendownload Full Template agar Anda bisa mengembalikan template ke kondisi semula jika hasilnya tidak memuaskan ataupun ada kesalahan.
3. Kalau sudah, cari cepat kode tekan(Ctrl+F) untuk mencari ]]></b:skin> letakkan kode di bawah ini tepat di atas kode tadi

#footer-column-divide {clear:both;}
.footer-column {padding: 10px;}

4. Lanjutkan cari cepat kode tekan(Ctrl+F) <b:section class='footer' id='footer'/>
5. Setelah itu, hapus kode lalu rubah menjadi seperti di bawah

<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>

6. Terakhir simpan template

Untuk 3 Elemen Halaman
1. Gunakan kode di bawah ini dan ubah kode lihat di atas dengan no urut.5

<div id='footer-column-divide'>

<div id='footer1' style='width: 35%; 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: 35%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 30%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>

2. lalu simpan template.

Semoga dapat membantu Anda yang ingin menambahkan fungsi elemen tambahan pada footer untuk kebutuhan situs web blog Anda semakin lengkap dengan fariasi halaman agar terlihat ok. Good luck!

Diimpor dari : http://berbagi-kreativitas.blogspot.com/2010/05/cara-menambah-elemen-halaman-2-3-di.html