PART Final Footer - BAGAIMANA CARA MEMBUAT TEMPLATE BOOTSTRAP 4 SENDIRI

Assalaikum wr wb

Apa kabar teman sekalian, kali ini kita akan membahas tentang bagaimana cara membuat NavBar menggunakan Bootstrap 4 yang telah disediakan. Seperti yang kalian ketahui bahwa Bootstrap 4 menyediakan beberapa fitur css yang sudah ada dan juga responsive pada smartphone, jadi kita mudah dalam pembuatan template website.

Ini adalah part terakhir membuat sebuah template menggunakan BOOTSTRAP 4. Pada tahapan terakhir bagian footer juga salah satu struktur terpenting dalam pembuatan template website dibagian ini adalah berfungsi memberikan suatu informasi kepada pengguna website siapa yang mendesain template tersebut atau kita sebut dengan kredit by desainer, tetapi bagian footer juga bisa dijadikan sebagai content artikel yang mana yang populer.

Footer adalah salah bagian dari sebuah struktut HTML, dimana html5 juga memiliki komponen seperti header, title, body, content, dan juga footer. Itu semua dibutuhkan dalam pembuatan website. Footer biasanya dibuat sebagai informasi hak cipta pada seseorang telah membuat template tersebut. 

Ok langsung saja kita masuk kepembahasan tentang Bagaimana cara membuat Footer menggunakan bootstrap 4. Liat langkah dibawah ini bagaimana cara Bagaimana cara membuat Footer menggunakan bootrtrap 4.

1. Pertama seperti tutorial sebelumnya Bagaimana cara membuat template Bootstrap 4 sendiri - Part 1 Instalasi Bootstrap kalian harus menyiapkan bahannya. Bagi teman yang belum mengikuti langkah awal silakan klik artikel ini Bagaimana cara membuat template Bootstrap 4 sendiri - Part 1 Instalasi Bootstrap.
2. Langkah kedua anda kita masukan koding content dibawah tag penutup </div> content atau bisa dilihat gambar dibawah ada tulisan <!-- PENUTUP CONTENT-->  kemarin letakan dibawahnya, seperti contoh koding dibawah ini.
3. Lalu simpan dengan didalam folder yang sudah dibuat pada tutotial yang sebelumnya Bagaimana cara membuat template Bootstrap 4 sendiri - Part 1 Instalasi Bootstrap dengan format namafile.html, setelah itu coba jalankan.

Beberapa koding untuk membuat Footer yang akan saya jelaskan fungsinya.

Dari gambar diatas bisa dilihat ada beberapa tag dan class yang pertama adalah tag footer, pada tag footer ini saya menambahkan beberapa koding css sesuai keinginan saya, seperti gambar dibawah ini.
Kodingnya terlihat saya membuat class pertama adalah footer yang berisi warna background-coler : #555; artinya warna backgroung pada bagian footer akan menjadi hitam ke abu-abuan. sedangkan koding css color:white; artinya warna tulisan yang ada pada footer menjadi putih. Selanjutnya padding: 15 px; itu artinya ruang antara border dan content yang ada pada tag footer.

Selanjutnya koding didalam class yaitu container-fluid ini adalah salah satu css bootstrap 4 yang artinya membuat wadah untuk isi sebuah struktur dan kejuaan fluid sebagai membuat tulisan menjadi responsive susuai ukuran perangkat. Yang Terakhir adalah text-center, ini adalah salah satu text-align yang membuat tulisan didalam struktur content menjadi ke tengah.

Seperti yang sudah saya jelaskan mungkin kawan-kawan bisa mengerti, yah mungkin saya tidak bisa menjelaskan keseluruhan koding yang ada karena terlalu banyak. Mungkin saya akan menbuat kembali artikel dan menjelaskan satu persatu pada kesempatan yang akan datang.

Itulah pemaparan yang saya buat jika ada kata-kata yang salah saya mohon maaf saya akhiri, wasalamulaikum wr wb.