Website Langsung Ngacirr dengan Bootstrap Framework

Bootsrap saat ini menjelma menjadi framework favorit dunia

masak si ?? terbukti dari banyak cms mulai dari wordpress joomla kini menggunakan framework ini
terus apa si kelebihan si bootstrap ini ??
yang pasti mampu mengkompress dan mempercepat loading website menjadi super cepat dan tentu semakin ringan akses web semakin dilirik mbah google kan,, hehehe,,
selain itu bootstrap mampu mengadaptasi secara langsung untuk tampilan via smartphone tablet maupun computer.

kelebihan lain dari segi desain juga,, dengan banyak nya icon bootstrap memudahkan kita mendesain dan mempercantik tampilan website kita.
bootsrap sangat bebas untuk diekspresikan apalagi dapat di injeksi ke berbagai CMS Dan blog seperti blogspot blogger,worpdress,joomla drupal dan berbagai CMS lain nya.

jadi sangat membantu kalian yang mau ganti template,ganti template kan berpengaruh ama SEO juga,kalau bisa di modif lebih mantab kenapa tidak kan ?? wong cuman sisipin kode doang kok.. hehe

NOTE : Tidak semua template setelah disisipkan bootstrap jadi lebih bagus pada display tampilan nya maka untuk itu backup dulu template untuk menghidari eror dan lain sebagainya.

Terus gimana cara memulai bootstrap ini ??
kasih tau gak ya.... hahahha....

oke untuk cms cms lain masuk ke template kamu lalu edit

Terus sisipkan code ini

Code:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

di atas kode

Code:

</head>

nantinya seperti ini

Code:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</head>

Setelah itu save dan refresh web kamu,,, simsalabim,,, web menjjadi super cepat dan responsif..

Langkah selanjutnya tinggal oprek aje tampilan web nya om

ingat ciri khas bootsrap berada pada icon icon unik nya jadi gunaain icon bootstrap nya om
icon bootstrap bisa didaptekan di klik sini om
cara sisipin kode icon nya seperti ini

Code:

<span class="glyphicon glyphicon-cloud"></span>

contoh contoh web dengan bootstrap

contoh web bootsrap simple klik disini
contoh web berat dengan bootstrap full image klik disini
note : web diatas sudah dikompress dengan bootstrap bayangin kalau kagak dikompress super llimoott jadinya

contoh web CMS + bootsrap klik disini
note : menggunakan salah satu CMS untuk test landing page menggunakan bootstrap

contoh blogger blogspot dengan bootstrap klik disini
note : menggunakan tester blogspot plus bootsrap double B jadinya

untuk template CMS dan blogspot bootstrap gratis sudah banyak juga dan bisa dapet informasi nya search di guugle aja om..

Moga membantu ya om,,, senang rasanya dapat berbagi dengan member bersosial

 

Mesti saya coba nih... ijin boomark master

 

kalau yang ini ditaruh di mana?

Code:

<span class="glyphicon glyphicon-cloud"></span>

ijin nyoba tutorialnya juga ya.

 

Weew... baru tau ni. Makasih

 

HTMLy perlu ga yah di kasih ini ? soalnya udah cepet juga sihh

 

Tanya Mas @Fahmi coba.

 

Boostrap gak bikin cepet, sebenarnya resource file mereka cukup besar juga tapi mereka ada versi minify nya dan juga disupport sama CDN MaxCDN gitu, ada 2 repo yang di support sama MaxCDN yaitu Bootstrap dan Font Awesome http://www.bootstrapcdn.com/

btw: gunakan tanpa https nya begini misalnya

Code:

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

 

Terus Fungsi scriptnya apa kalo ga bikin cepet ?

 

MaxCDN yang bikin cepet kalau bootstrap mungkin cepet dalam istilah lain, misal cepet dalam development nya, karena semua fungsi komponen web ada disitu di css nya yang merupakan Framework untuk membuat website. CMIIW

Kalau mau cepet loading ya paling enak Blogspot nih contoh ku punya : http://delusif.blogspot.com/
test : pingdom http://tools.pingdom.com/fpt/#!/cSuT1c/http://delusif.blogspot.com/
test : gtmetrix http://gtmetrix.com/reports/delusif.blogspot.com/x5Y5BvHJ

 

Requests-nya cuman 6, sangat irit

 

Kebangetan irit, CSS dan JS inline semua.. total 1 page html hanya kisaran 10KB berat digambar aja tuh lagian buat coba2 doang hehehehe

 

Buset kecepatannya 99% lebih cepat

 

CDN free ya mas?

 

Forum yang baru saya buat pake WordPress juga menggunakan bootsatrap...

Terimakasih informasinya, salam kenal @bakoelkasir

 

kalo pada word press caranya gimana ya? apa cukup edit file css?

 

untuk blogger gimana caranya masta..saya coba sisipkan tapi ko tidak bisa..

 

dipelajari dulu yah, trim's infonya..

 

hadech pusing,

 

Saya coba kok gagal ya ?

 

coba dulu om semoga berhasil thanks