CSS atau singkatan dari Cascading Style Sheet merupakan bahasa pemrograman yang umumnya digunakan untuk mempercantik tampilan dari web ataupun blog.
Pada penggunaanya Anda dapat dengan mudah menambahkan kode CSS di blogspot melalui fitur menu tema blogger dengan edit html blog yang telah disediakan oleh blogger. Dengan kode CSS inilah sebuah blog ataupun website akan memiliki tampilan yang jauh lebih baik dari tampilan sebelumnya. Sehingga nantinya akan membuat pengunjung blog sangat senang dengan tampilan blog anda.
Jika ingin menambahkan suatu kode CSS ke blog, tentunya anda harus bisa menguasai bahasa dari pemrograman CSS. Perlu diperhatikan ketika hendak membuat ataupun membangun sebuah blog atau website, sebaiknya Anda menguasai beberapa bahasa pemrograman seperti html, CSS dan java script. Karena bahasa tersebut umunya yang bisa dipergunakan ketika membangun sebuah website.
Daftar Isi
Penjelasan mengenai Kode CSS
Pada penggunaanya Kode CSS memiliki tujuan untuk membuat sebuah tampilan Blog akan menjadi terlihat lebih rapih dan seragam. Kita dapat dengan mudah mengatur style dari ssebuah kode HTML yang telah diterapkan melalui kode CSS dan juga pada penerapannya dapat memanggil kembali untuk membuat suatu pengaturan style yang sama dengan cara menambahkan beberapa atribut tertentu ke dalam kode HTML. Dengan CSS ini, kita bisa mempersingkat sebuah penulisan HTML, apabila kita ingin menggunakan kembali suatu pengaturan style yang serupa.
Bagi Anda yang memang sudah terbiasa dengan kode pemrograman sebuah website, tentu tidak asing lagi dengan kode CSS. Karena kode ini merupakan salah satu kode, yang wajib dipahami dalam mempelajari bahasa pemrograman dasar dalam embangun sebuah website dan umumnya dasar- dasar dari kode css bisa anda terapkan dalam mengedit atauun memodifikasi secara langsung tema blogspot seperti warna, border ukuran font dll.
Untuk menuliskan suatu kode CSS di dalam sebuah HTML, maka Anda dapat menerapkanya dengan 3 cara yakni sebagai berikut:
- Inline ialah menuliskan suatu perintah CSS langsung pada elemen HTML
- Internal ialah menuliskan suatu perintah CSS pada bagian kode <head> HTML
- Eksternal ialah menuliskan suatu perintah CSS pada sebuah file yang berbeda (secara eksternal)
Adapun dari ketiga cara diatas, cara yang direkomendasikan dalam menambahkan suatu kode CSS pada HTML ialah dengan menuliskan sebuah perintah kode CSS pada sebuah file yang terpisah (secara ekternal).
Cara kerja CSS pada dasarnya cukup simpel. Karena pada dasarnya secara default kode CSS memakai Bahasa Inggris berbasis syntax dengan struktur yang sederhana, yaitu dengan selector dan declaration block.
Meski begitu, tentuya cara kerja dari kode CSS, juga didukung oleh berbagai rule. Akan tetapi memang pada kenyataanya rule-nya tidak begitu kompleks. cara mudahnya tentukan saja elemen yang diinginkan, kemudian tiggal declare elemen tersebut.
Supaya lebih jelasnya, bisa ambil contoh sebagai berikut:
<p>selamat datang di blog saya</p>.
Disini jika kamu ingin pada setiap elemen <p> hurufnya menjadi tebal, miring dan berwarna hijau.
Maka, yang perlu anda lakukan adalah dengan menyisipkan beberapa kode css sebagai berikut :
<style>
p {
color: #4caf50;
font-style: italic
text-weight: bold;
}
<style>
Cara Menambah atau Memasang CSS Pada Blogger
Menambah ataupun Memasang sebuauh kode CSS dapat dilakukan dengan 2 cara yakni dengan melalui menu Costumizer atau langsung melalui editor HTML template blog Anda. Berbeda dengan blog yang telah menggunakan wordpress dan hosting, kode CSS yang akan dimasukkan ke dalam suatu file terpisah. Sedangkan untuk yang di Blogger, kode CSS yag digunakan akan menyatu dengan template dari blog yang digunakan. Untuk penjelasan lebih dalam bisa dilihat langkah-langkahnya dibawah ini.
1. Menambah atau Memasang CSS melalui Menu Costumizer
- Siapkan terlebih dahulu kode CSS yang ingin Anda gunakan. Selain itu, pastikan juga Anda sudah memiliki akun Blog di Blogger.
- Masuk terlebih dahulu ke halaman dashboard blogger.
- Lalu pilih menu Tema, kemudian pilih Sesuaikan atau Customize
- Lalu pilih menu Lanjutan
- Kemudian, klik menu Tambahkan CSS, dari sinilah anda dapat dengan mudah menambahkan CSS
- Setelah selesai, maka klik tombol Terapkan ke Blog.
- Siapkan terlebih dahulu kode CSS yang ingin Anda gunakan.
- Masuk terlebih dahulu ke halaman dashboard blogger.
- Pilih menu Tema, lalu Anda akan melihat berbagai opsi tema yang telah desediakan oleh Blogger dan juga tema yang telah Anda gunakan
- Pada bagian atas tema yang telah Anda gunakan. Terdapat sebuah tombol Customize, kemudian di bagian sampingnya terdapat sebuah panah yang mengarah ke bawah. lalu arahkan kursor mouse anda ke arah panah tersebut dan tekan, lalu pilih edit HTML.
- Selanjutnya, Anda akan di arahkan ke halaman dari editor kode HTML pada blogger.
- letakkan kursor mouse di dalam kotak editor HTML, klik sembarang tempat. Kemudian cari kode ]]></b:skin> dengan menekan tombol “Ctrl + F” di keyboard. Kemudian Salin dan tempelkan kode CSS yang telah di siapkan sebelum/di atas kode tersebut.
- Klik tombol simpan. Kemudian, Anda dapat menggunakan kode CSS yang telah disisipkan tadi di tema Blog anda.
Mungkin cukup sekian pembahasan kali ini apbila ada yang ingin ditanyakan dapat menanyakan pada kolom komentar dibwah ini.
