Advertisement here

Cara menambah code css di Blogger

Pada artikel sebelumnya yang berjudul "Cara membuat box code di blogger" kita diharuskan menambahkan code css pada blogger, namun muncul sebuah pertanyaan. Bagaimana cara menambahkan code css di blogger?

Ya, memang banyak pada kalangan beginner di blogger yang mencari-cari dimana tempat untuk menambah/mengganti code css untuk website nya. Berbeda halnya dengan platform lain yang code stylenya di pisahkan dengan file-file lain yang biasanya disimpan dalam file bernama "style.css", namun di Blogger ini kita hanya mengedit 1 file saja karena memang format yang digunakan adalah xml. Berikut adalah cara menambah code css di blogger:

  1. Masuk ke blogger dashboard
  2. Pilih website anda
  3. Masuk ke menu Template
  4. Pada option Live on Blog, klik Edit HTML. Kemudian akan muncul barisan code xml, klik pada field tersebut(maksudnya kolom code tersebut).
  5. Tekan Ctrl+F , kemudian ketik ]]></b:skin>
  6. Jika berhasil, anda bisa menambahkan code css anda di atas code ]]></b:skin>

Contoh penambahan code css:

.kotak{
width:200px;
height:200px;
background:#000;
}

]]></b:skin>

Selamat mencoba dan semoga bermanfaat.

Next Post Previous Post
38 Comments
  • Unknown
    Unknown December 1, 2013 at 5:51 AM

    nice info gan..
    ini yang saya cari...

  • Agi Himawan
    Agi Himawan May 10, 2014 at 8:12 PM

    untuk pemula masih blom paham yang namanya blogger dashboard yang mana ?

    • Rangga
      Rangga May 12, 2014 at 7:59 PM

      Blogger dashboard, maksudnya pas pertama kali buka blogger gan.
      pas agan buka kan ada list blog agan.

  • Rahmi
    Rahmi July 2, 2014 at 9:40 PM

    maaf gan, ini tampilannya gimana ya setelah dimasukkan code css it ? saya udah coba, tapi gk ada berubah. mhon pncerahanny saya pemula.

  • Hendri Mahardika
    Hendri Mahardika August 4, 2014 at 3:56 AM

    mampir ke blog saya hendriigamerz.blogspot.com

  • Unknown
    Unknown August 5, 2014 at 7:22 AM

    Nyima aja sob...ane nwbie

  • Unknown
    Unknown October 16, 2014 at 7:50 PM

    iya setelah saya memasukkan code CSS nya itu gak ada perubahan.
    jadi bingung..
    saya masih pemula

  • aprianus aifi
    aprianus aifi December 18, 2014 at 8:56 PM

    ok, makasih infonya, main ke sini lh aprianusip.blogspot.com

  • Ronald Salawanersz
    Ronald Salawanersz February 24, 2015 at 3:29 AM

    Bagaimana cara membuat kotak berisi kode diatas, sederhana tetapi keren, bisa diajarkan ?

  • Unknown
    Unknown March 26, 2015 at 12:09 PM

    Sip gan

  • donald sepang
    donald sepang April 1, 2015 at 11:53 PM

    mantap gan,thanks artikelnya ya.

  • DroidCare
    DroidCare May 28, 2015 at 7:09 PM

    luar biasa gan..

  • Unknown
    Unknown June 17, 2015 at 12:12 AM

    Kunjungan perdana sob,,
    salam kenal penuh persahabatan.

  • Unknown
    Unknown June 17, 2015 at 12:19 AM

    Kunjungan perdana sob,,
    salam kenal penuh persahabatan.

    ardibugis.blogspot.com

  • Unknown
    Unknown June 25, 2015 at 11:43 PM

    puas.............

  • Septian Rishal
    Septian Rishal August 29, 2015 at 3:29 AM

    Mantap! Ini yang ane cari

    Kunbalnya gan!
    http://cyber-hotspot.blogspot.com/2015/06/kumpulan-lagu-don-lego-terbaru.html?m=1

  • Unknown
    Unknown September 4, 2015 at 7:05 AM

    thx bro buat infonya.. dapet wawasan baru nih, maklum newbie

  • Unknown
    Unknown September 4, 2015 at 7:12 AM

    kok ane gk ada ya bro, mohon bantuannya, newbie ane bro..

  • Unknown
    Unknown September 4, 2015 at 7:31 AM

    kok ane gk ada ya bro, mohon bantuannya, newbie ane bro..

  • Arip Adz
    Arip Adz December 30, 2015 at 8:56 AM

    trimksih gan

  • Blogger
    Blogger February 27, 2016 at 1:13 AM

    maaf gan kode CSS nya ada yang lain gk?

  • Raden
    Raden March 9, 2016 at 8:49 PM

    This comment has been removed by a blog administrator.

  • Raden
    Raden March 9, 2016 at 8:49 PM

    This comment has been removed by a blog administrator.

  • Unknown
    Unknown May 20, 2016 at 12:34 AM

    sedia software aplikasi untuk pemda salah satunya Sistem Informasi Pbb online kunjungi www.aplikasipemda.com

  • Unknown
    Unknown May 31, 2016 at 8:22 PM

    mantap gan, tanks infonya
    www.wealtbuilding.ga

  • Unknown
    Unknown June 12, 2016 at 3:22 AM

    This comment has been removed by the author.

  • menikmati ciptaan tuhan.
    menikmati ciptaan tuhan. June 13, 2016 at 8:31 PM

    bermanfaat bagi saya yang pemula. sukses teruss gan.

  • Ripper-pan
    Ripper-pan December 2, 2016 at 12:21 AM

    maaf gan gua kgak ngarti

  • Unknown
    Unknown December 5, 2016 at 4:41 PM

    mantap gan...kunjungi ane juga gan http://tutorialkuliah89.blogspot.co.id/

  • Unknown
    Unknown February 28, 2017 at 10:40 PM

    kok saya cari gak ada ya gan?

  • CERITA SEXUAL
    CERITA SEXUAL August 25, 2017 at 3:49 PM

    This comment has been removed by a blog administrator.

  • ARMINAVEN
    ARMINAVEN September 24, 2017 at 12:24 PM

    sangat bermanfaat ilmunya. terima kasih banyak. mohon izin praktek gan

  • Achanss
    Achanss March 19, 2018 at 3:08 AM

    Wah tunggu kunbal nya ya :)

  • dktourjogja
    dktourjogja August 8, 2018 at 11:17 PM

    artikelnya sangat membantu kak.
    CSS

  • SI
    SI January 17, 2019 at 7:04 AM

    sangat bermanfaat

  • Gagak sidayu
    Gagak sidayu February 27, 2019 at 8:14 AM

    Dg berbagi ilmu,semoga ilmu anda akan bertambah.sip

  • Kang Eeng
    Kang Eeng September 26, 2019 at 12:20 AM

    kok dihapus gan postingannya?

  • Awibnet
    Awibnet June 10, 2020 at 4:01 PM

    thanks infonya gan btw jangan lupa main ke hackerbigboss.blogspot.com ada banyak tentang coding/termux/dan banyak lagi

Add Comment
comment url
Related Post
tutorial