Cara Menambah 4 Kolom di Bagian Footer Blog
Cara Menambah 4 Kolom di Bagian Footer Blog Pernahkah anda melihat sebuah blog keren yang terdapat 4 kolom di bagian footer? jika sudah, pasti terlihat menarik bukan? yupz, karena ruang yang ada di blog bisa dimaksimalkan sebaik mungkin. Kita mungkin sudah sering memasang widget pada bagian header dan sidebar kanan atau kiri blog. Mungkin juga pada bagian tersebut ternyata sudah penuh. Oleh karena itu, salah satu solusinya adalah dengan cara ini, yakni menambah element sendiri di bagian footer blog.
Apabila anda mempunyai 4 kolom di bagain footer, anda bisa mengisinya dengan beranekaragam widget yang mensupport blog anda. Bisa itu profile, follower, fans page, widget Google Plus, dan lain sebagainya. Oleh karena itu, sangat sayang apabila ternyata template yang anda gunakan tidak tersedia element di bagian footer.
 |
| Tidak ada Element pada Footer |
Untuk menambah 4 element dibagian footer, caranya cukup sederhana. Anda hanya perlu menyimak langkah-langkah yang akan saya sajikan berikut ini. Silahkan disimak baik-baik ya agar anda tidak salah dalam mempraktekkannya.
Cara Menambah 4 Kolom di Bagian Footer Blog
1. Silahkan log in ke Blogger dengan menggunakan Username dan Pasword anda masing-masing.
2. Silahkan masuk ke Dashboard > pilih menu Template > klik Edit Template > silahkan cari kode ]]></b:skin>. Untuk mencari kode tersebut, silahkan tekan Ctrl + F pada keyboard komputer anda. Maka akan muncul kotak pencarian. Masukkan kode tersebut pada kotak pencarian. Lalu tekan Enter.
3. Setelah kode ]]></b:skin> sudah anda temukan, silahkan letakkan kode berikut ini tepat diatas kode ]]></b:skin>.
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
4.Langkah selanjutnya, silahkan cari kode berikut ini.
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
5. Setelah kode nomor 4 sudah anda temukan, silahkan letakkan kode berikut ini tepat dibawah kode nomor 4.
<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. Langkah berikutnya silahkan klik Save dan lihat hasilnya pada menu Layout/Tata Letak. Apabila berhasil, maka ada 4 element di bagian footer. Contoh nya seperti screenshoot di bawah ini.
 |
| Ada 4 Element di Bagian Footer |
Demikian informasi yang dapat saya sampaikan untuk anda tentang Cara Menambah 4 Kolom di Bagian Footer Blog. Semoga dapat bermanfaat.
Categories:
Blogging
5 komentar:
kok disini gak ada yang komentar ya ???
Biasanya footer cuma 1 kolom saja ya Mba...
kira2 kalau ada 4 kolom mau di isi apa yg 3 kolom nya lagi ?
Ada saran gak Mba Ririn...
Bisa diisi widget Facebook Like Box, Wodget Laman Google+, widget Blogger Follower, dan Widget Profil Google+ mas. Terserah mas maju royal aja :)
saran aja, untuk yah kalo buat blog tutorial jangan di tidak bisa di copy mb bro. lha ini ane mau ngopy tu script gmn? masa ngetik segitu banyak :D kalo yg tau cara enable javascript di bowsernya ya bisa ngopy :D
Mohon maaf kang budug atas ketidak nyamanan ini. Akan segera saya perbaiki lagi performace blog ini. Terimakasih banyak ya atas saran dan masukannya. Mudah-mudahan anda bisa mengerti :)
kalau 3 kolom atas dibuat 4 kolom bisa gak mbak? itu terlihat cuma 3 kolom yang berjejer
Post a Comment