Cara Menambahkan Style CSS Di Blogger

CSS (Cascading Style Sheets) adalah apa yang memberi tampilan dan nuansa blog Anda, ini membantu Anda untuk memilih, warna, backgroun, gambar latar belakang, keluarga font dan banyak hal lainnya.

Ini membantu dalam menata html sederhana dengan desain menarik. Semua orang ingin memberikan / nya blog nya tampilan yang berbeda atau luar biasa, yang bisa dicapai 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 dapat melakukan hal-hal mendasar dengannya.

Cara menambahkan css di blog blogger atau blogspot

Ada total 2 metode untuk menambahkan css di blog blogger Anda dan kami akan mengajarkan masing-masing baris demi baris, jadi tetaplah mengikuti tutorial di bawah ini.

Dengan menggunakan Blogger Template Customizer

Ini adalah metode yang paling mudah, dan tidak memerlukan banyak usaha, juga kemungkinan menciptakan bug atau masalah sambil menambahkan CSS di blog Anda sangat kurang dalam metode ini.

ikuti langkah-langkah di bawah ini untuk menambahkan CSS menggunakan Blogger Template Customizer.

• Login ke akun blogger anda di blogger.com/home dan klik pada blog tertentu.

• Dari Dashboard blog Anda, masuklah ke Theme Tab pada blog Anda dan klik tombol Customize.

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

Dengan menggunakan Metode Edit HTML

Ini dan metode advance dan 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 Anda, sehingga ada yang tidak beres Anda masih memiliki desain blog Anda aman.

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

Sekarang, sebelum kode di atas Anda akan menempelkan kode CSS Anda. Kode CSS akan terlihat seperti ini (misalnya).

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

Pada kode diatas body adalah nama id / class dari html tersebut. CSS selalu dibungkus dengan { Your Stlying Code }. Di dalam kurung kurawal ini, kode-kode bertanggung jawab untuk menata blog Anda.

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

Cari akhiran </head>.

Sekarang, sebelum kode di atas Anda harus menempelkan kode CSS Anda (misalnya).

<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 membungkus kode kita sebelumnya dengan <style> dan di akhiri dengan kode </style>.

Sekarang simpan template Anda dengan mengklik tombol Save.

Kesimpulan

Selamat !!Sekarang anda sudah belajar bagaimana cara menambahkan css di blog blogger atau blogspot. Kunjungi blog Anda dan periksalah kustomisasi yang mengagumkan yang sedang berlangsung, semoga Anda menyukai tutorial ini, jika Anda menikmati, tolong bagikan dengan teman Anda, kami bekerja keras untuk mengembangkan lebih banyak widget hebat semacam itu.

Semoga tutorial Kita bisa membuat Anda. Jika bermanfaat, jangan lupa share. Terimakasih!

 

Baca juga: