Penulisan CSS untuk HTML di WordPress.com


hitandiwordpresscom social icon

Jika di postingan sebelumnya sudah dibahas dasar-dasar HTML yang sering digunakan di wordpress baik untuk widget maupun posting, kali ini bagaimana menulis HTML CSS untuk WordPress.com gratisan. Kenapa harus gratisan, karena pemula seperti saya yang memakai wordpress.com gratisan banyak kendala ketika harus memberi efek tertentu di widget atau postingan.

Akan lebih mudah jika mempunyai kontrol penuh untuk penulisan CSS seperti yang membayar domain wordpress ataupun self hosted wordpresss.org. Karena tidak mempunyai kontrol penuh maka banyak hal yang harus saya pelajari bagaimana menggunakan HTML dan CSS ini agar lebih maksimal untuk wordpress.com gratisan.

Pengertian CSS (Cascading Style Sheets) di wikipedia adalah aturan dalam mengendalikan beberapa komponen dalam web sehingga lebih terstruktrur dan seragam dan CSS bukan merupakan bahasa pemrograman.

Penulisan CSS sendiri ada 3 cara yaitu :

  1. Inline : Dengan menggunakan atribut style pada komponen HTML
  2. Internal : Menggunakan atribut style pada <HEAD> HTML
  3. Eksternal : Menggunakan eksternal file CSS

Untuk WordPress.com gratisan, penulisan CSS yang digunakan adalah cara Inline, langsung setelah penulisan style di dalam posting ataupun widget. tulisan originalhitandi.wordpress.com

Berikut contoh penulisan CSS inline untuk menampilkan posisi gambar

Contoh untuk gambar:

<img style="position:fixed;bottom:11px;right:15px;">

Ketika akan menginput CSS setelah style letakkan = lalu diikuti tanda petik ” dan setelah properti pertama tutup dengan titik dua ; untuk memulai properti selanjutnya, dan jika semua sudah selesai tutup dengan petik dua ” kembali lalu  tanda >

Jika ada atribut berikutnya seperti sumber gambar maka setelah petik dua ” tulis lagi dengan src lalu sama dengan = dan begitu seterusnya.

Contoh untuk gambar:

<img style="position:fixed;bottom:11px;right:15px;" src="URL gambar">

Untuk penulisan inline kode CSS di HTML yang lain kurang lebih sama seperti itu.  Untuk dasar-dasar HTML yang sering dipakai di wordpress silahkan baca di sini Dan itu saja Penulisan CSS untuk HTML di WordPress.com gratisan jika ada yang ingin berbagi atau mengoreksi mohon komentarnya.

Advertisements

One comment on “Penulisan CSS untuk HTML di WordPress.com

Komentarnya please

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s