Cara Menambahkan Style Css Di Blogger

CSS (Cascading Style Sheets) yakni 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 menunjukkan / nya blog nya tampilan yang berbeda atau luar biasa, yang sanggup dicapai melalui CSS. CSS yakni bahasa pengkodean yang sangat ringan dan tidak meningkatkan ukuran halaman secara drastis. Hal terbaik ihwal css adalah, sangat gampang dipelajari dan siapapun sanggup melaksanakan hal-hal fundamental 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 memakai Blogger Template Customizer

Ini yakni metode yang paling mudah, dan tidak memerlukan banyak usaha, juga kemungkinan membuat bug atau duduk kasus sambil menambahkan CSS di blog Anda sangat kurang dalam metode ini.

ikuti langkah-langkah di bawah ini untuk menambahkan CSS memakai 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 hidangan Tab Lanjutan di panel kiri, gulir ke bawah dan pilih Add CSS. Namun, jikalau Anda memakai Template Blogger pihak ketiga, mungkin hanya ada sub hidangan Add CSS pada panel kanan.

Dengan memakai 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 sanggup 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 mempunyai desain blog Anda aman.

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

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

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

Pada isyarat diatas body yakni 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 sanggup menemukan ]]> </b:skin> di template Anda kemudian ikuti metode di bawah ini.

Cari akhiran </head>.

Sekarang, sebelum isyarat di atas Anda harus menempelkan isyarat 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 isyarat diatas kita sudah membungkus isyarat kita sebelumnya dengan <style> dan di akhiri dengan isyarat </style>.

Sekarang simpan template Anda dengan mengklik tombol Save.

Kesimpulan

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

Semoga tutorial Kita sanggup membuat Anda. Jika bermanfaat, jangan lupa share. Terimakasih!
Sumber https://www.britablogger.com/

Bagikan Artikel ini