Cara Menambah Atau Memasang Css Di Blogspot Blogger

Menambah CSS Di Blog - CSS (Cascading Style Sheet) merupakan bahasa pemrograman untuk mempercantik tampilan web / blog. Kita sanggup menambahkan CSS di blogspot melalui sajian desainer tema blogger atau sajian edit html blog. Dengan CSS inilah blog atau web site akan mempunyai tampilan yang jauh lebih menarik dan tentunya hal ini sanggup menciptakan pengunjung blog betah berlama-lama mengunjungi blog yang kita miliki.

Karena kita akan menambahkan CSS ke blog, tentu kita harus tahu dan menguasai bahasa pemrograman CSS. Dalam menciptakan atau membangun sebuah web site atau blog, sebaiknya kita menguasai bahasa pemrograman html, CSS dan j4va script (ecma script).

Baca Juga

Bahasa pemrograman html dipakai untuk menciptakan kerangka web site, CSS dipakai untuk mempercantik tampilan dari web site dan j4va script berfungsi untuk menciptakan web site menjadi lebih interaktif dengan penggunanya (pengunjung).

Cara Menambah Atau Memasang CSS Di Blogspot Blogger

Untuk memasang CSS di sebuah blog atau web site, terdapat beberapa teknik pemasangan, diantaranya ialah : Embedded (melekatkan), Inline (berderet), External (dari luar blog) dan import (dari luar blog). Secara umum cara yang paling sering dipakai ialah Inline dan Embedded.

Bila CSS yang akan kita tambahkan tidak terlalu panjang, lebih baik gunakan cara Embedded atau Inline , sebab lebih mudah dan tidak perlu menyimpan file .CSS di media penyimpanan daring. Namun, kalau kita akan memakai CSS yang cukup panjang, menyimpan CSS dalam sebuah file sanggup kita lakukan supaya terlihat lebih rapi.

Untuk menambahkan CSS pada blog dengan platform blogspot (blogger.com), sanggup kita lakukan dengan cara sebagai berikut :

1. Menu Desainer Tema Blogger (cara pertama)

Sign in ke blogger.com
Lihat pada sajian Tema (themes), pilih “Sesuaikan” atau “Customize”
Klik sajian “Lanjutan”
Klik sajian “Tambahkan CSS”, dari sinilah kita sanggup menambahkan CSS di blogger.com
Setelah selesai, klik tombol “Terapkan ke Blog”

2. Menu HTML (cara ke dua)

Sign in ke blogger.com
Lihat pada sajian Tema (themes), pilih “Edit html”
Cari arahan berikut ini ]]></b:skin> , gunakan tombol “Ctrl + F” untuk mencari teks di html blogger.com
Letakan arahan CSS di atas kode ]]></b:skin> tersebut
Setelah selesai, klik tombol “Simpan tema”

Cara menambahkan CSS di blog dengan platform blogspot tidaklah terlalu sulit. Bila anda ingin andal dalam merancang tampilan blog, anda harus menguasai bahasa pemrograman CSS dengan baik dan rajin dalam melaksanakan dan menyusun rancangan tampilan blog.

Teknik Memasang CSS Di Blog atau Web site

Setelah mengetahui cara menambah atau memasang CSS di blogspot, saya akan menguraikan sedikit mengenai teknik atau tata cara pemasangan CSS pada blog / web site.

1. Embedded (Melekatkan)

Cara ini banyak dipakai oleh para bloger dalam menambahkan CSS di blog. Bila anda gres mengenal bloging, sanggup memakai cara menyerupai ini dalam menambahkan CSS di blog. Teknik embedded ialah menambahkan CSS eksklusif di blog, tidak memakai file eksternal sama menyerupai inline CSS.

Contoh :

Sidebar-right-1 {

background-color : white;

}

Letakan arahan CSS tersebut di atas ]]></b:skin> html blogger.com

2. Inline CSS

Hampir sama menyerupai Embedded, Inline CSS merupakan teknik menambahkan CSS eksklusif di blog tanpa perlu link eksternal. Hanya model penulisannya saja yang berbeda dengan embedded.

Contoh :

<span style='color: green'>ini warna hijau</span>

Bila kita menulis artikel postingan memakai sajian teks warna atau penyorot, kita sanggup melihat Inline CSS ini di mode html. Cara ini dipakai khusus untuk element diantara arahan , kita sanggup menggunakannya dikala menulis artikel postingan.

3. External CSS

Cara ini berbeda dengan Inline dan Embedded, kita memerlukan file eksternal yang nantinya akan di panggil di blog melalui sebuah link yang kita tulis di html blog.

Contoh :

<link href="url_file.CSS" media="all" rel="stylesheet" type="text/CSS"></link>

4. Imported CSS

Hampir sama dengan External CSS, hanya model penulisannya saja yang berbeda.

Contoh :

@import ‘url_file.CSS’;

Bila anda ingin mencar ilmu lebih jauh mengenai bahasa pemrograman CSS anda sanggup mencar ilmu melalui media blog / web site, buku, e-book, mengikuti bimbingan pembinaan membangun web site (kursus) atau melanjutkan pendidikan dengan mengambil jurusan yang berafiliasi dengan membangun web site.

Banyak web site / blog yang mengulas tutorial CSS baik dalam Bahasa Indonesia maupun Bahasa Asing. Silahkan gunakan metode terbaik dalam mempelajari bahasa pemrograman CSS sesuai dengan impian anda masing-masing.

Kesimpulan

Menambahkan CSS di blog berfungsi untuk mempercantik tampilan blog supaya terlihat lebih menarik. Tampilan web site / blog yang menarik tentu saja akan memberi daya tarik kepada para pengunjung blog. Demikian cara menambah atau memasang CSS di blogpsot blogger.com biar bermanfaat dan menambah pengetahuan kita semuanya, terutama bagi anda yang gres mengenal blogger.com.
Sumber http://sobmint.blogspot.com

iklan banner

Cara Menambah Atau Memasang Css Di Blogspot Blogger

Baca Juga