Cara menambahkan css di blogspot

Pada kesempatan ini saya akan berbagi tutorial cara menambahkan css di blog blogger atau blogspot. CSS (Cascading Style Sheets) adalah apa yang memberi tampilan dan nuansa blog Anda, ini membantu Anda untuk memilih, warna, background, gambar latar belakang, family font dan banyak hal lainnya. Ini membantu dalam menata html sederhana dengan desain menarik. Semua orang ingin memberi tampilan blognya yang berbeda atau luar biasa, yang bisa diraih melalui CSS. CSS adalah bahasa pengkodean yang sangat ringan dan tidak meningkatkan ukuran halaman secara drastis. Hal terbaik tentang css adalah, sangat mudah dipelajari dan siapapun bisa melakukan hal-hal mendasar dengannya.

Ada dua cara untuk menambahkan css di blog blogger.

1. Dengan menggunakan Blogger Template Customizer

Ini adalah cara yang paling mudah, dan tidak memerlukan banyak usaha, juga dengan cara ini kemungkinan menciptakan bug atau masalah saat menambahkan CSS di blog sangat kurang. Ikuti langkah-langkah di bawah ini untuk menambahkan CSS menggunakan Blogger Template Customizer.

• Login ke akun blogger anda di blogger.com/home.
• Dari Dashboard blog Anda, masuklah ke Theme Tab pada blog Anda dan klik tombol Customize / sesuaikan.

• Di bawah menu Tab Anvanced / Lanjutan di panel kiri, gulir ke bawah dan pilih Add CSS. Namun, jika Anda menggunakan Template Blogger pihak ketiga, mungkin hanya ada submenu Tambahkan CSS di panel kanan.

2. Dengan menggunakan Metode Edit HTML

Cara kedua ini membutuhkan beberapa pengetahuan coding, Anda harus terbiasa dengan proses kerja editor HTML blogger untuk mengikuti metode ini. Jika mengikuti metode ini Anda bisa menambahkan css ke blog Anda dengan sangat mudah.

Sebelum Mengedit kami sarankan Anda untuk membuat cadangan dari template, sehingga jika ada yang tidak beres masih memiliki desain blog.

Hal pertama yang perlu Anda lakukan adalah masuk ke akun Blogger Anda dan masuk ke >> Template >> Edit HTML dan cari akhiran ]]> </ b: skin>.

Kemudian tempelkan kode CSS berikut tepat sebelum atau di atas ]]> </ b: skin>. 

body {
color: #2e2e2e;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 21px;
background: #f8f8f8;

}

Didalam kode body adalah nama id / class dari html. CSS selalu diawali dan diakhiri dengan { Your Stlying Codes }.

Catatan jika Anda tidak dapat menemukan]]> </ b: skin> di template Anda kemudian ikuti metode di bawah ini.

Cari akhiran </ head>.

Kemudian tempelkan kode CSS berikut tepat sebelum atau di atas </ head>

<style>
body {
color: #2e2e2e;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 21px;
background: #f8f8f8;
}

</style>

Pada kode diatas kita sudah mengawali dan mengakhiri kode  dengan <style> </ style>.

Sekarang simpan template Anda dengan mengklik tombol Save.


Selamat Berkarya.

,