Skip to main content

Menambahkan Bootstrap CSS Framework Pada Blogspot

Pada postingan pertama saya ini, saya akan menjelaskan tentang cara menambahkan Bootstrap CSS framework pada blogger.
Beriut ini adalah beberapa hal yang anda perlu ketahui tentang Bootstrap,
  1. Bootstrap adalah sebuah framework HTML, CSS, dan Javascript untuk mendesain sebuah website.
  2. Bootstrap mendukung responsive design yang artinya dapat menyesuaikan ukuran website -beserta element-element didalamnya- dengan ukuran layar pengguna.
  3. Bootstrap sudah memberikan berbagai bentuk style default untuk setiap element pendukung sebuah website, seperti Button, Input, Navigation dan lain-lainnya.
  4. Bootstrap merukan project opensource yang artinya kode yang kita gunakan dapat kita modifikasi secara penuh dan tentunya gratis.
  5. Klik Bootstrap untuk membuka alamat website dari Bootstrap.
Kembali pada topik ulasan post ini, kita dapat melakukan nya dengan langkah-langkah berikut :
  1. Pilih menu Template lalu pilih template yang anda inginkan, tetapi jika anda ingin melakukan full custom pada tampilan website anda, saya sarankan untuk memilih Simple template.
  2. Lalu klik tombol Edit HTML, ingat selalu untuk melalukan backup pada kode-kode yang ditampilkan pada halaman Edit HTML. Saya sarankan untuk copy semua kode tersebut kedalam sebuah file html di komputer lokal anda.
  3.   Pada kode html tersebut, cari baris kode </head>, lalu letakan alamat CDN bootstrap dibawah ini tepat di atas kode </head> sebelumnya. 
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"></link>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
<script src='//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js'/>
  4.  Klik save template untuk menyimpan perubahan yang telah anda lakukan.
  5. Sekarang anda bisa menggunakan class-class CSS serta fungsi-fungsi Javascript yang disediakan oleh framework Bootstrap.
Sebagai contoh hasil dari penggunaan Framework bootstrap pada blogger adalah pada blog saya ini, saya menggunkan Framework Bootstrap 3.0.

Sekian penjelasan untuk cara menambahkan Framework Bootstrap pada Blogger. Selanjutnya saya akan membahas bagai mana cara menambahkan Carouser Slider Bootstrap pada Blogger.  Terimakasih telah membaca artikel pertama saya
Labels:

Comments

Post a Comment

Popular posts from this blog

Tutorial Menambahkan Readmore pada Blogspot

Selamat malam sahabat bloger, pada malam ini saya akan memposting bagaimana cara manambahkan navigasi Read More pada blog anda. Sebelumnya mungkin anda akan tertarik untuk membaca Menambahkan Bootstrap CSS Framework Pada Blogspot karena beberapa bagian styling link yang saya gunakan menggunakan class css yang ada pada Bootstrap Framework. Langkah-langkah ini saya dapatkan setelah melakukan beberapa percobaan menambahkan read more dengan cara-cara berbeda. Sehingga, menurut saya, ini adalah cara paling simple yang diberikan oleh seorang blogger internasional yang diposting di halaman blognya [http://netoopsblog.blogspot.com/2013/08/add-automatic-read-more-trick-blogger-blogs.html]. Berikut adalah langkah-langkah menambahkan link Read More pada blogspot : Pilih menu Template lalu klik pada tombol Edit HTML .  Selalu backup template anda sebelum melakukan perubahan pada kode-kode HTML pada halaman Edit HTML. Cari kode </head>. Copy kode berikut ini, lalu Paste tepat d...
Post a Comment
Read more

TOP 5 DotA 2 Youtube Channel

Game Defense of the Ancient 2, atau yang lebih populer dengan sebutan DotA 2 kini sedang banyak dinikmati oleh para gamer diseluruh dunia. DotA 2 sendiri adalah pengembangan dari versi DotA 1 yang sebelumnya juga banyak dimainkan. Pada postingan kali ini, saya akan membahasa tentang 5 top Youtube channel yang membahas tentang Dota 2. Channel-channel Youtube tersebut membahas, bagaimana cara bermain sesuai  Hero DotA 2 yang anda gunakan. Selain menayangkan cara bermain, beberapa juga ada yang menampilkan kejadian-kejadian unik dan lucu pada saat permainan berlangsung. DotaCinema DotaCinema pada saat saya membuat artikel ini telah memiliki 1.094.408 subscribers dan juga telah ditonton sebanyak 405.868.800 kali. DotaCinema menayangkan berbagai video tentang dota mulai dari cara bermain dota hingga kejadian-kejadian lucu saat permainan berlangsung. Berikut ini adalah link channel dari DotaCinema . Navi.Dota2 Para pemain game DotA 2 pasti tahu tentan...
Post a Comment
Read more

Pengertian Database | Sistem Informasi

Menurut para ahli : Gordon C. Everest Database adalah kumpulan data yang mekanis, terbagi, terdefinisi secara formal dan dikontrol secara terpusat pada organisasi Christoper J. Date Database adalah koleksi data operasional yang tersimpan dan terpakai oleh sistem aplikasi dari suatu organisasi. Data Input adalah data yang masuk dari luar sistem. Data Output adalah data yang dihasilkan oleh sistem. Data Operasional adalah data yang tersimpan pada sistem. Toni Fabbri Database adalah sebuah sistem file-file yang terintegrasi yang minimal mempunyai primary key untuk perulangan data. Sehingga dapat disimpulkan bahwa database adalah Kumpulan data yang mekanis, terdefinisi secara formal, tersimpan dan terpakai oleh sistem applikasi dan mempunyai primary key yang digunakan untuk perulangan data. Dalam sistem komputer, database tersimpan secara digital pada sebuah komputer server dan dikelola dengan DBMS ( Database Management System ). Sebelum adanya DBMS, penyimpanan data d...
Post a Comment
Read more