Seperti yang telah saya janjikan, hari ini saya akan merelease postbook "Cara Membuat Template Blogspot". Sebelum melangkah jauh dalam pembuatan template blogspot. Anda wajib mengerti tentang CSS. Oleh sebab itu pada pembahasan yang pertama dalam postbook saya, Saya akan membahas tentang "Dasar Dasar CSS".
Tanpa ada CSS anda tidak bisa membuat template dengan desain yang rapih dan juga cepat di akses. Langsung saja ke tutorial.
Dalam CSS ada dua tag yang digunakan dalam membangun template css yaitu ID Tags dan Class Tags. Apa bedanya? Saya akan membahasnya dibawah ini:
Id Tags CSS
Id tags pada CSS biasanya menggunakan tanda "#" pada awalan selector. Contohnya adalah seperti dibawah ini:#contohid{}<div id="contohid"></div>Class Tags CSS
Id tags pada CSS biasanya menggunakan tanda "." pada awalan selector. Biasanya penggunaan class ini pada selector yang sudah di kelompokan. Kalau pada blogspot kita akan menemui banyak tags jenis ini. Contohnya adalah seperti dibawah ini:.contohclass{}<div class="contohclass"></div>Command Css
Command CSS adalah perintah yang bisa digunakan dalam bahasa CSS. Ada berbagai macam perintah dalam bahasa CSS yang bisa anda gunakan. Yang sering digunakan dalam membuat template blogspot adalah seperti dibawah ini:
Untuk penggunaan Command CSS saya akan memberikan simulasinya seperti dibawah ini:
Ini video tutorialnya biar anda lebih jelas:
Source Tutorial:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
}
p{color:#cccccc;}
-->
</style></head>
<body>
<p>Ini paragraf.</p>
</body>
</html>
No comments:
Post a Comment