Berbagi-Kreativitas.blogspot.com - بِسْــــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِي Lama sudah tidak ada postingan tips untuk blog ini dan, untuk 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 halaman pada blog dan, untuk saya juga pribadi yang masih dalam tahap belajar.
Cara Menambah Elemen Halaman 2-3 Di Footer Pada Blog
Saya akan membagikan tips untuk menambah elemen halaman pada footer untuk blog dengan 2 sampai 3 elemen halaman, jadi teman-teman yang ingin coba bisa mensesuaikan terlebih dahulu mana yang sekiranya cocok untuk blog teman-teman..! Langsung saja lihat Langkah-langkahnya di bawah ini.
Untuk 2 Elemen Halaman
1. Login 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 kode tekan(Ctrl+F) untuk mencari ]]></b:skin> Tambahkan kode di bawah ini letakkan tepat di atas kode tersebut
#footer-column-divide {clear:both;}
.footer-column {padding: 10px;}
4. Selanjutnya cari kode tekan(Ctrl+F) untuk mencari <b:section class='footer' id='footer'/>
5. Setelah di dapat kode seperti di atas, hapus kode dan rubah menjadi kode seperti di bawah ini
<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.Simpan template
Untuk 3 Elemen Halaman
1. Gunakan kode di bawah ini dan ubah kode yang ada diatas 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. Selanjutnya simpan template.
Semoga dapat membantu Anda yang ingin menambahkan fungsi elemen tambahan pada footer untuk kebutuhan situs web blog Anda semakin lengkap.
