[Bagian 3.1] Mengganti Tema Bootstrap

​

Tak terasa udah sampai di bagian ke 3.1, entah sampai berapa bagian lagi yang tersisa hahahaha. Dibagian ini ada hubungannya dengan bagian 2 dan 3. Jika dibagian dua ada CDN yang seperti dibawah ini:

HTML:

<!-- Optional theme -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"/>

CDN diatas sebenarnya tidak wajib dipasang, fungsinya cuman untuk mengubah tampilan saja. Saya sendiri tidak memakainya di template yang sudah jadi dibagian ketiga kemarin di Bersosial ini, karena desainnya yang tidak mengikuti tren sekarang yang serba nge-flat getohh .

Tapi kalau aden dan ajeng mau memakai tema bawaan Bootstrap boleh-boleh saja, toh selera tiap orang berbeda-beda kan .

Nah, di thread ini saya akan menjelaskan tentang cara mengganti tema bootstrap. Disini hanya mengganti CDN-nya saja, jadi tidak ada yang perlu diedit-edit lagi. Ada 16 tema yang mungkin aden dan ajeng suka yang saya dapat dari situs Bootswatch.



CSS-nya

HTML:

<link href='https://bootswatch.com/cerulean/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/cosmo/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/cyborg/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/darkly/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/flatly/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/journal/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/lumen/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/paper/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/readable/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/sandstone/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/simplex/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/slate/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/spacelab/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/superhero/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/united/bootstrap.min.css' rel='stylesheet'/>

CSS-nya

HTML:

<link href='https://bootswatch.com/yeti/bootstrap.min.css' rel='stylesheet'/>

Contohnya​

Untuk melihat contoh temanya, aden bisa lihat ke halaman ini:

Ganti tulisan tebal itu dengan salah satu dari nama tema diatas

Dari 16 tema diatas, yang paling saya suka adalah 'Cosmo'. Ingat ya, kalau ingin mengganti tema bawaan bootstrap, cukup ganti saja tema bawaan bootstrap yang ada di bagian kedua dengan "salah satu" tema yang ada di thread ini.

Dan dari 16 tema yang ada diatas, cuman tema 'Paper' yang dirombak habis sampai ke radio button dan check box-nya. Bagus sih tapi saya agak kurang suka dengan efek transisi pada tombolnya ketika di hover.

Masih Kurang ?!​

Tenang saja, saya baru menemukan semacam alat atau generator untuk membuat tema sendiri di situs Bootstrap Magic, tapi jangan tanya ke saya gimana caranya. Soalnya saya aja baru nemu itu situs, masih perlu belajar lagi.

Mungkin nanti penjelasannya ada dibagian kelima

Spoiler: Bagian Lainnya

[Bagian 1] Bikin Template Blogger Sendiri Dengan Bootstrap
[Bagian 2] Memasang CDN Bootstrap di Template Blogger
[Bagian 3] Mendesain Template Bootstrap

• [Bagian 3.1] Mengganti Tema Bootstrap <- Kamu lagi ada disini

*Fly Away *

 

Wih, banyak pilihan warna
Lanjutkan mas ke Bagian 3.2

 

Gak tau mau bahas apa lagi di bagian selanjutnya om hahaha

 

Bahas rangkuman dan kesimpulan dari bagian 1 sampai bagian yang kesekian hehe

 

Dulu sering denger bootstrap, mungkin bagian selanjutnya optimasi kecepatan di tema bootsrap dan caching :v

 

@Achmad Muharya nambah penasaran untuk coba satu persatu.... (kapan update blog nih...)

 

Wah bakalan panjang banget dong nanti hahaha , ya disusahakan lah nanti

 

Kalau cepet sih udah mas @pram, tapi kalau caching masa blogspot bisa

 

Lagi sibuk ngurusin Bersosial om, jadi lupa kalau punya blog hahaha

 

ganti cssnya om masih bingung banget

 

keren banget nih, baru tahu ane kalau ada theme di bs3.
btw ini bs 3 kan?