[Bagian 2] Memasang CDN Bootstrap di Template Blogger

Discussion in 'HTML & Website Design' started by Achmad Muharya, Mar 19, 2015.

  1. Achmad Muharya

    Achmad Muharya Member

    Joined:
    Apr 29, 2014
    Messages:
    424
    Likes Received:
    23
    Trophy Points:
    18
    [​IMG]
    ​
    Menyambung thread yang kemarin, tapi kali ini mungkin tidak banyak yang akan dibahas. Soalnya sebelumnya juga pernah ada yang membahas tentang CDN ini pada thread yang ibuat sama om @bakoelkasir di "Website Langsung Ngacirr dengan Bootstrap Framework".

    Cuman karena disana masih menggunakan versi 3.2.0 padahal sekarang udah versi 3.3.2 (ternyata udah di perbarui ke versi 3.3.4 tanggal 16 kemarin). Cara memasangnya juga beda dengan cara yang saya punya (ya beda dikit lah) *jail*.

    Memasang CDN-nya
    Untuk memasangnya pertama-tama masuk dulu ke halaman Get Boostrap Get Started.

    Disana nanti akan disediakan tiga CDN dari Bootstrap yang seperti ini:

    Code:
    <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"/>

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

<!-- Latest compiled and minified JavaScript -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    Untuk di Blogger pasang javascript Bootstrap yang "bootstrap.min.js" di atas </body> biar kecepatan muat halaman blognya nanti gak terbebani. Dan dibawah saya juga menambahkan Jquery dari Google.

    HTML:
    <script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js' type='text/javascript'/>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" type='text/javascript'/>
</body>
    Untuk dua CDN lainnya silahkan ikuti cara yang ada di thread punya @bakoelkasir, atau bisa ditaruh dibawah <head>.

    Sampai disini dulu thread kedua dalam edisi "Membuat template Blogger sendiri dengan Bootstrap", tunggu thread lanjutan lainnya yak *keren1*.

    Oiya hampir lupa, karena tanggal 16 Maret kemarin ada pembaruan dari versi 3.3.2 ke 3.3.4. Untuk kerangka template yang sudah saya jelaskan kemarin, tidak ada perubahan sama sekali. Jadi masih berlaku.....entah sampai kapan.

    *Fly Away *tendang**

    [Bagian 1] Bikin Template Blogger Sendiri Dengan Bootstrap
    [Bagian 2] Memasang CDN Bootstrap di Template Blogger <- Kamu lagi ada disini
    [Bagian 3] Mendesain Template Bootstrap
     
    Last edited: Mar 22, 2015
    Achmad Muharya, Mar 19, 2015
    #1
  2. Mokimaru

    Mokimaru Member

    Joined:
    Nov 9, 2014
    Messages:
    513
    Likes Received:
    27
    Trophy Points:
    28
    Wah, keren.... ini baru ilmu... thanks gan.
    Tapi kalau untuk framework CSS yang simple saya suka Skeleton. :D
     
    Mokimaru, Mar 19, 2015
    #2
  3. Achmad Muharya

    Achmad Muharya Member

    Joined:
    Apr 29, 2014
    Messages:
    424
    Likes Received:
    23
    Trophy Points:
    18
    Apa ini yang dimaksud ? getskeleton.com *bingung*. BTW simpel banget yak websitenya :D, kapan-kapan deh bikin template lagi pake framework itu :D
     
    Achmad Muharya, Mar 19, 2015
    #3
  4. iidbae

    iidbae Member

    Joined:
    Sep 13, 2014
    Messages:
    728
    Likes Received:
    73
    Trophy Points:
    28
    Google+:
    Saya pernah baca-baca kalau bootstrap ini keren juga buat template/themes blog.
    Coba aja @Achmad Muharya bikin template terus dijualin. Siapa tahu pada banyak yang suka. :rolleyes:
     
    iidbae, Mar 19, 2015
    #4
  5. Achmad Muharya

    Achmad Muharya Member

    Joined:
    Apr 29, 2014
    Messages:
    424
    Likes Received:
    23
    Trophy Points:
    18
    Tapi jarang yang makai framework ini di blogspot om :D

    Untuk sementara dibagiin gratis aja dulu, belum mampu bikin template berbayar :D
     
    Achmad Muharya, Mar 19, 2015
    #5
  6. Damar

    Damar Well-Known Member

    Joined:
    Jun 22, 2014
    Messages:
    1,467
    Likes Received:
    216
    Trophy Points:
    63
    Google+:
    Pantesan blognya Mad Trik kenceng banget, Wuzz..Wuzz gitu :D
    Jadi fungsinya bootstrap itu untuk Minified JavaScript dan CSS kemudian dihosting pada CDN BootStrap ya? *bingung*
     
    Damar, Mar 19, 2015
    #6
  7. Achmad Muharya

    Achmad Muharya Member

    Joined:
    Apr 29, 2014
    Messages:
    424
    Likes Received:
    23
    Trophy Points:
    18
    Kalau blog saya yang itu gak pake Bootstrap om :D

    Mungkin jawaban dari pertanyaannya om @Damar ada di bagian pertama :D

     
    Achmad Muharya, Mar 19, 2015
    #7
  8. Damar

    Damar Well-Known Member

    Joined:
    Jun 22, 2014
    Messages:
    1,467
    Likes Received:
    216
    Trophy Points:
    63
    Google+:
    Jadi salah ya mas hehe :D
    Wah canggih ya bootstrap, bisa membuat tampilan responsif dengan mudah :D Support di wordpress tidak ya? *berkeringat*
    Framework itu apa mas? *bingung*
     
    Damar, Mar 19, 2015
    #8
  9. Evans

    Evans Member

    Joined:
    Jun 21, 2014
    Messages:
    523
    Likes Received:
    33
    Trophy Points:
    28
    Google+:
    Sekarang sudah jarang main blogger, hampir semua blog saya sudah migrasi ke wordpress :D
     
    Evans, Mar 19, 2015
    #9
  10. Fahmi

    Fahmi Newbie

    Joined:
    Dec 5, 2012
    Messages:
    1,719
    Likes Received:
    159
    Trophy Points:
    63
    Google+:
    HTMLy + Skeleton = sigi saya tuh :D
     
    Fahmi, Mar 19, 2015
    #10
  11. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    10,280
    Likes Received:
    2,723
    Trophy Points:
    413
    Kalau sekilas tampilan blogspot yang pakai bootstrap atau tidak, nggak jauh beda, namun kecepatan template mungkin dapat dipercepat terutama responsive-nya itu. Ini contoh blogspot bootstrap bamsuhar.blogspot.com (free template)
     
    Last edited: Mar 20, 2015
    KangAndre, Mar 20, 2015
    #11
    Damar likes this.
  12. Gesper

    Gesper Member

    Joined:
    Mar 1, 2015
    Messages:
    242
    Likes Received:
    9
    Trophy Points:
    18
    Google+:
    Wah berlanjut nih, musti bookmark nih
     
    Gesper, Mar 20, 2015
    #12
  13. noetral

    noetral Member

    Joined:
    Apr 6, 2013
    Messages:
    457
    Likes Received:
    17
    Trophy Points:
    18
    Google+:
    ikut patengin thread coz ga tau mau komen seperti apa, yang ada ikut nyimak aja biar tambah tau *peace*
     
    noetral, Mar 20, 2015
    #13
  14. tonbad

    tonbad Member

    Joined:
    Dec 21, 2014
    Messages:
    258
    Likes Received:
    24
    Trophy Points:
    18
    Google+:
    sudah makai bootstrap masih makai cdnnya lagi... ya tambah wuuuz... hahaha :)
     
    tonbad, Mar 21, 2015
    #14
  15. Achmad Muharya

    Achmad Muharya Member

    Joined:
    Apr 29, 2014
    Messages:
    424
    Likes Received:
    23
    Trophy Points:
    18
    Benul sekali kang :D karena cuman nambahin class container, col-sm dll di blog, jadi tampilannya gak beda jauh. Contoh template yang dibikin disini juga gak jauh beda lah sama blog itu.
     
    Achmad Muharya, Mar 21, 2015
    #15
  16. Achmad Muharya

    Achmad Muharya Member

    Joined:
    Apr 29, 2014
    Messages:
    424
    Likes Received:
    23
    Trophy Points:
    18
    Udah pernah pakai framework itu ya om :D
     
    Achmad Muharya, Mar 21, 2015
    #16
  17. Achmad Muharya

    Achmad Muharya Member

    Joined:
    Apr 29, 2014
    Messages:
    424
    Likes Received:
    23
    Trophy Points:
    18
    Lanjut lagi om ke bagian ketiga *jail*
    Sip pantengin terus aja om, siapa tau nanti bisa bikin template sendiri *bergaya*
     
    Achmad Muharya, Mar 21, 2015
    #17
  18. nawi667

    nawi667 Member

    Joined:
    Jul 5, 2013
    Messages:
    113
    Likes Received:
    6
    Trophy Points:
    18
    Google+:
    Ini bagian keduanya ...., mantap gan ...., Salam bloggger
     
    nawi667, Apr 19, 2015
    #18
Loading...
Similar Threads - [Bagian Memasang Bootstrap
  1. Achmad Muharya

    [Bagian 3.1] Mengganti Tema Bootstrap

    Achmad Muharya, Mar 22, 2015, in forum: HTML & Website Design
    Replies:
    10
    Views:
    9,309
    dewaz
    Jan 23, 2016
  2. Achmad Muharya

    [Bagian 3] Mendesain Template Bootstrap

    Achmad Muharya, Mar 21, 2015, in forum: HTML & Website Design
    Replies:
    12
    Views:
    4,264
    Kang Jaka
    Jul 13, 2017
  3. Achmad Muharya

    [Bagian 1] Bikin Template Blogger Sendiri Dengan Bootstrap

    Achmad Muharya, Mar 18, 2015, in forum: HTML & Website Design
    Replies:
    16
    Views:
    12,668
    Rswd
    Feb 4, 2018
  4. Aditya WP

    [Ask] Cara Otomatis Memasang Link dalam Isi Postingan

    Aditya WP, Jun 1, 2016, in forum: HTML & Website Design
    Replies:
    21
    Views:
    4,993
    ezhavanhallen
    Jun 2, 2016
  5. wrep17

    Cara Memasang Widget Recent Posts By Tag Untuk Blogger

    wrep17, Mar 27, 2016, in forum: HTML & Website Design
    Replies:
    10
    Views:
    1,962
    wrep17
    Mar 28, 2016

Share This Page