Cara Membuat Template Blog ( Home Pages ) Menggunakan Bootstrap 4

Atutorial.my.id – Hallo Sobat Programmer, Apakah kalian sudah memiliki blog? jika sudah, pastinya kalian ingin juga mengupdate template blog sendirikan. Namun, belum pandai membuat template blog. tenang sobat programmer, diartikel ini saya membahas mengenai cara membuat template blog ( home pages ). Tutorial ini ditujukan untuk sobat programmer yang belum paham dengan codingan, maupun bootstrap.

Tutorial ini bisa dijadikan untuk bahan referensi, bagi kalian yang sedang kesulitan untuk belajar pemrograman web frontend.

Bahan yang diperlukan:

1. Text Editor
2. Bootstrap 4

Cara Membuat Template Blog ( Home Pages )

1. Buatlah sebuah file, dan berinama file tersebut index.html.
2. Jika sudah dibuat, silahkan kalian ketik ulang codingan dibawah ini atau copy lalu pastekan ke file index.html yang kalian buat tadi.

3. langkah selanjutnya, langsung saja membuka file index.html yang kalian buat tadi, buka melalui browser google chrome atau lainnya.

Cara Menambah Column Artikel

Karena Template ini dibuat dengan bootstrap 4, kalian tidak perlu ribet ribet menggunakan css untuk menambahkan column artikel baru pada codingan kalian.

Kalian cukup menambahkan codingan seperti dibawah ini, ke file index.html tadi.

<div class="card">
<img class="card-img-top" src="assets/images/artikel.jpg" alt="Card image cap">
 <div class="card-body">
 <h5 class="card-title">Judul Konten</h5>
 <p class="card-text">Isi Konten</p>
 <a href="#" class="btn btn-primary">Go somewhere</a>
 </div>
</div>

Seperti itulah codingan untuk menambahkan column artikel baru pada index.html yang dibuat tadi.

Sekian dari saya, semoga artikel ini bermanfaat. Sampai jumpa diartikel selanjutnya...

Yang Mau Request Artikel, Silahkan Berkomentar diartikel ini atau menghubungi kami melalui Contact us.

Share :