Website atau Blog Langsung Ngacirr dengan Bootstrap

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 ..... masuk ke template kamu lalu edit:

Note " pastikan simpan dan back up dulu template kamu untuk mencegah hal hal yang tidak diinginkan"

Terus sisipkan code ini :

<link href='//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css' rel='stylesheet'/>
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script src='http://html5shim.googlecode.com/svn/trunk/html5.js' type='text/javascript'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'/>
<script src='//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js'/>

di atas kode :

</head>

nantinya seperti ini :

<link href='//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css' rel='stylesheet'/>
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script src='http://html5shim.googlecode.com/svn/trunk/html5.js' type='text/javascript'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'/>
<script src='//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js'/>
</head>

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

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:

<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