Belum ada artikel sejenis untuk kategori ini
- Maaf artikel yang berhubungan dengan kategori dari posting diatas belum tersedia
Menambahkan Footer 3 Kolom di Template Blogger Anda
Mengedit template blogger untuk memiliki footer 3 kolom untuk template blogger ternyata bukan perkara yang sulit, namun sangatlah mudah, hanya butuh beberapa menit waktu anda. Mungkin rekan-rekan blogger menganggap ini perkerjaan rumit, yah silahkan saja menganggap begitu, namun tunggu dulu baca tutorial ini, pasti anda akan heran.
Sebelumnya saya umumkan bahwa tutorial ini khusus untuk blogger beta (layout), oke langsung saja.
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
5. Ganti tag yang berwarna merah dengan script berikut:
<div id='footer-column-container'>
<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; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
6. Save template anda!
Selamat anda telah mempunyai footer 3 kolom di blogger anda. Untuk melihat hasilnya, anda kembali ke “page element” lalu lihat bagian footer, pasti ada 3 tempat untuk menempatkan page element. Nah silahkan anda taruh page element yang anda inginkan di footer 3 kolom blogger blogspot anda.
Semoga bermanfaat dan selamat mencoba.
tp kan template blog kaya aku ga bisa pk ini kan ya Bi..?
[Reply]
pak maksudnya blogger beta apa si? aku punya blog termasuk blogger beta ga? soalnya aku coba cari “” di kode di “Edit template HTML”; nda ada… gimana ya pak? mohon bantuannya soale aku pgn bgt nambahin footer di blog aku buat page element “link blog yg aku suka”. thx
[Reply]
@Novee gak bisa kalau novee templatenya klasik.
@dy, sudah klik ‘expand widget template’ belum? kalau belum memang kode diatas tidak akan muncul,
atau address blog kamu apa? biar saya lihat kamu pake layout (beta) atau bukan?
[Reply]
bro kok gw ga bisa ya? tiap mau simpan tempaltenya malah keluar tulisan gini Kami tidak dapat menyimpan template Anda.
Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
Lebih dari satu widget ditemukan dengan id: Feed1. ID Widget seharusnya unik. gimana ya bro??? tiap saya lakukan edit HTML hasilnya selalu begitu
[Reply]
@various kalau gitu berarti kamu punya 2 feed elemen yang sama dalam template kamu, ilangin dulu salah satunya, kamu ke page element, trus cari page element feed1, kalau sudah ketemu kamu ilangin salah satunya (remove page element)
[Reply]
mas abi, template-ku punya masalah ni di bagian footer, kode HTML yang berhubungan dengan peng-edit-an tampilan footer mana aja sih mas, dah aku utak atik sana sini tetap aja hasilnya sama makanya sampe sekarang gak ada widget di bagian footer, klo ganti template dah terlanjur sayang, bisa bagi solusi, saran, ato apalah mas abi…?
thank’s
[Reply]
@Project, Rupanya template kamu gak ada <b:section class=’footer’ id=’footer’/> didalamnya, tapi coba kamu letakan kode diatas tepat dibawah <div id=’footer-wrapper’> namun sebelumnya back-up file dulu
[Reply]