Skip to main content

Posts

Showing posts from August, 2018

Part 5 Content - BAGAIMANA CARA MEMBUAT TEMPLATE BOOTSTRAP 4 SENDIRI

Assalaikum wr wb Get Link 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. Kali ini saya akan bahas tentang cara membuat konten menggunakan bootstrap 4, begitu banyak hal yang harus diperhatikan dalam pembuatan konten pada tutorial ini, perhatikan pembukaan atribut dan juga penutupnya contohnya seperti ini, <div class="Content"> ini adalah satu pembuka dalam sebuah struktur css <div> adalah penanda bahwa itu adalah awal dari  pembukaan dalam css, sedang kan tag </div> adalah menandakan bahwa itu adalah batas css yang dibuat sedang diluar tersebut berbeda css yang ada. Hal-hal tersebut harus kita perhatikan karena itu jika tidak diperhatikan maka akan terjadi ketidak sesuaian ...

PART Final Footer - BAGAIMANA CARA MEMBUAT TEMPLATE BOOTSTRAP 4 SENDIRI

Assalaikum wr wb Get Link 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 ...

Part 4 ASIDE - BAGAIMANA CARA MEMBUAT TEMPLATE BOOTSTRAP 4 SENDIRI

Assalaikum wr wb Get Link 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. Kali ini saya akan bahas tentang cara membuat konten menggunakan bootstrap 4, begitu banyak hal yang harus diperhatikan dalam pembuatan konten pada tutorial ini, perhatikan pembukaan atribut dan juga penutupnya contohnya seperti ini, <div class="aside"> ini adalah satu pembuka dalam sebuah struktur css <div> adalah penanda bahwa itu adalah awal dari  pembukaan dalam css, sedang kan tag </div> adalah menandakan bahwa itu adalah batas css yang dibuat sedang diluar tersebut berbeda css yang ada. Hal-hal tersebut harus kita perhatikan karena itu jika tidak diperhatikan maka akan terjadi ketidak sesuaian st...

Part 3 Slider Bar - Bagaimana cara membuat template Bootstrap 4 sendiri

Assalaikum wr wb Get Link Apa kabar teman sekalian, kali ini kita akan membahas tentang bagaimana cara membuat Slider Bar 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. Slider Bar adalah sebuah gambar yang bergerak yang berisi informasi slider bar memiliki gambar bergerak dari horizontal dan ada juga yang vertikal. Kali ini kita akan membahas Bagaimana cara membuat Slider Bar, Slider Bar berfungsi memberi informasi dari gambar yang banyak didalam satu slide, Slider Bar dari nama bisa kita ketahui bahwa slider bar adalah sebuah fitur yang ada pada HTML 5 dan css. Pada bootstrap 4 disediakan fitur Slider bar kalau istilah Bootsrap 4 adalah carousel slide. Jika kita membuat Slider Bar menggunakan  koding css tersendiri itu agak memakan waktu. Oleh karena itu terciptalah sebuah framew...

Part 2 Nav Bar - Bagaimana cara membuat template Bootstrap 4 sendiri

Assalaikum wr wb Get Link 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. Kali ini kita akan membahas Bagaimana cara membuat NavBar dimana navbar sangat penting didalam struktur dalam website, NavBar atau istilah kerennya Navigation Bar adalah sebuah balok atau menu-menu yang mana menu tersebut berguna untuk menunjukan suatu judul besar konten website kita, biasanya terletak dipaling atas atau bagian kanan atau kiri sebuah website, bentuk navbar ada yang horizontal dan ada yang vertical. Jika kita membuat navbar dengan menggunakan  koding css tersendiri itu agak memakan waktu. Oleh karena itu terciptalah sebuah framework font-end dimana bootstrap telah merancang sebuah koding css yang sudah respon...

Part 1 Instalasi Bootstrap - Bagaimana cara membuat template Bootstrap 4 sendiri

Assalamulaikum wb wb Get Link Hai kawan-kawan apa kabar, kali ini saya akan menjelaskan bagaimana cara membuat template web sendiri menggunakan Bootstrap 4. Apa itu Bootstrap 4 ? bootstrap suatu framework front-end yang bagus, dan mempermudah kita dalam mendesain sebuat tampilan website yang responsive dengan mobile dalam bootstrap sudah disediakan liberary css dan javascript untuk memangun sebuah template yang elegan dan juga kita bisa menggabungkan koding css kita sendiri dengan bootstrap. Dengan bootstrap kita bisa membangun website yang dinamis atapun yang statis. Ada beberapa berapa versi bootstrap yang ada saat ini, yaitu versi bootstrap 3 dan juga yang update ada versi bootstrap 4. Kali ini saya akan menjelaskan bagaimana Cara membuat template Bootstrap 4 sendiri - Part 1 Instalasi Bootstrap. Go to Link Bagaimana cara memulai membuat website dengan bootstrap, yah pertama kalian harus mengisntal beberapa tools dalam proses pembuatan website, langk...