Skip to main content

Posts

Part 6 Sharing Button Bar - BAGAIMANA CARA MEMBUAT TEMPLATE BOOTSTRAP 4 SENDIRI

Get Link 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. Didalam pembahasan kali ini saya akan membagikan beberapa tips untuk membuat Sharing Button Bar . Kali saya akan menjelaskan tentang tutorial lanjutan cara membuat template dengan bootstrap 4, namu ditambah dengan beberapa css sendiri yang saya desain. Teman-teman bisa mengikutinya dari awal atau langsung. Hal-hal tersebut harus kita perhatikan karena itu jika tidak diperhatikan maka akan terjadi ketidak sesuaian struktur css atau tata letak template yang akan dibuat. Lihat gambar dibawah ini adalah contoh konten yang saya buat. Ok langsung saja kita masuk kepembahasan tentang Bagaimana cara membuat  Sharing Button Bar...
Recent posts

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