Kamis, 22 Mei 2014

Cara Menambah Code CSS di Template Blogger

Cara menambahkan kode CSS ke template Blogger ini sangat mudah sekali, karena tinggal memasukkan kode CSS yang ingin ditambahkan ke dalam file XML template.

CSS (Cascading Style Sheet) sendiri adalah memiliki fungsi untuk mengontrol tampilan dari sebuah halaman website. Termasuk merubah ukuran font, warna tulisan font, lebar halaman blog, warna background blog, dan lain-lain bisa diatur dengan menggunakan CSS.

Jika anda adalah pengguna platform blogging yang disediakan oleh Google, yaitu Blogger maka suatu waktu pasti anda ingin menambahkan kode CSS ke dalam template Blogger. Entah itu untuk merubah jenis font, menambahkan search form, atau mengatur garis border, dll.

Nah, jika di dalam blog berplatform wordpress, anda tinggal memasukkan kode CSS tersebut ke dalam file "style.css", berbeda halnya dengan di Blogger anda bisa mengikuti langkah-langkah sebagai berikut :

1. pertama kali anda musti masuk ke Blogger dashboard
2. langkah berikutnya silahkan pilih website yang mau diedit CSS-nya
3. masuklah ke menu "template"
4. kemudian pilih menu "edit HTML"
5. untuk mempermudah pencarian kode silahkan tekan tombol keyboard CTRL+F
6. silahkan masukkan ]]></b:skin>


7. jika sudah ketemu maka anda tinggal memasukkan kode CSS yang ingin ditambahkan di atas kode ]]></b:skin>

Contoh penambahan kode CSS
 .post-body {display:block;
-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;
user-select:none;unselectable:on;
}

  ]]></b:skin>
Itulah cara menambahkan kode CSS di template Blogger dengan cara mudah yang seorang pemula pun pasti bisa melakukannya. Semoga sukses!

*Google and the Google logo are registered trademarks of Google Inc., used with permission.