Cara Mudah Menambahkan dan Membuat Kolom Widget Baru di Footer Bawah Blogger

Tutorial Blog: Cara Mudah Menambahkan dan Membuat Kolom Widget Baru di Footer Bawah Blogger

Hallo selamat sore menjelang maghrib sobat blogger, dari pada bengong aja kali ini saya coba mengulas lagi tutorial blogger. Apakah template yang sobat gunakan sekarang tidak otomatis menyediakan  kolom widget dibawah footer blog? Kolom widget di bawah footer blog sobat tidak tersedia. Kalau pun ada hanya tersedia satu kolom, dua kolom sedangkan sobat membutuhkan yang tiga kolom?

Ada kalanya sobat Blogger membutuhkan kolom widget baru untuk Blog sobat yang posisi, ukuran dan jumlahnya sesuai dengan keinginan sobat. Kali ini saya dapat pencerahan masalah, yaitu kolom widget pada blog saya tersedia sebanyak 3 kolom. Sedangkan saya membutuhkan kolom baru yang menyediakan 2 kolom untuk widget.

Setelah saya cari cara bagaimana caranya untuk menambahkan kolom widget yang saya inginkan,  akhirnya cara tersebut saya temukan. Berikut Cara Membuat Kolom Widget Baru di Bawah Blog:

1. Login ke akun Blogger sobat.
2. Masuk pada bagian Template.
3. Klik Edit HTML.
4. Centang "Expand Template Widget".
5. Cari kode ]]></b:skin>.
6. Masukan kode berikut di atas kode ]]></b:skin>.

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

7. Cari kode <div id='footer'> atau kode <div id='footer-wrapper'> atau kode <div id='credits'>.
8. Letakan kode berikut dibawah kode <div id='footer'> atau <div id='footer-wrapper'>. Untuk alternatif, letakan kode berikut diatas/dibawah kode <div id='credits'>. (dengan cara ini, kolom widget akan terdapat dibawah footer).

Untuk kode 1 kolom Widget

<div id='footer-column-container'>
<div id='footer2' style='width: 100%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
</div>

Untuk kode 2 kolom widget

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

Untuk kode 3 Kolom Widget

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

9. Klik simpan dan selesai deh, silahkan sobat lihat hasilnya di mode Tata Letak Blogger.

Contoh hasil pembuatan tangkapan layar 2 kolom Widget.

Sekarang sobat dapat menambahkan widget pada kolom yang baru dibuat.

Demikianlah artikel singkat saya kali ini tentang "Cara Mudah Menambahkan dan Membuat Kolom Widget Baru di Footer Bawah Blogger" Semoga dapat diambil manfaatnya untuk para pengguna blogger semuanya. Akhir kata saya ucapkan terimakasih telah berkunjung ke Saungjiwa Blog ini, semoga teman teman semua dapat berkreasi dengan tutorial yang saya tampilkan. 🙏 

Berkomentarlah dengan Sopan, Sara, SPAM akan dihapus...