4.04.2014

Jumbotron bootstrap untuk blogger

jumbotron bootstrap component
Cara menambahkan component bootstrap Jumbotron di blogger template, caranya cukup mudah hanya dengan menambahkan beberapa kode HTML kedalam template, pada umumnya Component Jumbotron ini biasanya dipasang di halaman Home page. contoh kode HTML nya adalah sebagai berikut:


<div class="jumbotron">
<h1>Megatron</h1>
A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.<br />
<span class="btn btn-primary btn-lg">Learn more</span></div>
Dan hasilnya seperti dibawah ini

Megatron

A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.
Learn more

Kode yang berwarna merah adalah untuk tombol atau button yang bisa anda isi dengan link yang menuju ke target url halaman sesuai dengan yang anda inginkan.
Cara mengganti warna Background Jumbotron
apabila kita ingin mengganti warna background jumbotron ini caranya pun cukup mudah hanya dengan menambahkan kode style Css, contohnya seperti ini
<div class='jumbotron' style='background-color: #00CFAE;'>
maka hasilnya background akan berubah menjadi seperti dibawah ini:

Judul Utama

Disinilaah tempatnya anda memberikan informasi penting sebuah postingan jadi Isilah Dengan Deskripsi singkat tentang isi konten Artikel utama anda disini
a simple jumbotron-style component for calling extra attention to featured content or information.
Baca selengkapnya

ok cukup sekian dulu ya,
Getting Started is best practice techniques that can be introduced into your experience to give you a competitive advantage for your skill

author

Thank You For Visit Bootstrap Divider Blog and reading our Article
The Resources For Inspiration Designers and Web Developers.

Jumbotron bootstrap untuk blogger 12:41 PM
Posted on Category: