 |
| Belajar Dari Dasar |
Begadang dulu, mumpung banyak waktu luang saya mulai belajar blog dari awal. Soalnya banyak blog yang memuat posting dengan judul "bagaimana cara" atau "cara membuat blog" dan lain sebagainya. Hal itu membuat saya semakin gampang menambahkan segala sesuatu di blog saya yang terdahulu. Namun itu hanya soal copy dan paste, setiap orang juga bisa melakukannya, nah dalam waktu luang saya ini akan memulai sebuah blog yang benar-benar dari kreasi pribadi walaupun sebagian script masih copas dari para master blogger, sama aja donk...!!Tapi paling tidak saya tau dasar-dasar dalam blog terutama blogspot ini, jadi saya mohon maaf kalau blog ini masih sangat jauh dari sempurna.
Oke lah kalo begitu, buat para master blogger yang sudah jago yang nyasar ke blog ini mohon bimbingan nya juga ya:)
Bagaimana Sebuah Blog Bekerja
Sobat blogger, dari judul ini lah asal mula blog belajarblogdaridasar.blogspot.com tercipta. Di awah ini akan saya tampilkan sebuah template kosong yaitu dasar dari sebuah blog yang kita lihat di layar komputer kita, lebih kurang seperti yang dibawah ini.
<!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>Judul Blog Contoh - Belajar Blog Dari Awal</title>
<style type="text/css">
body {
width: 900px;
margin: 0 auto;
}
#header {
width: 900px;
height: 100px;
margin-bottom: 5px;
background-color:#F00;
}
#navigation {
width: 900px;
margin-top: 5px;
margin-bottom: 5px;
background:#FF0;
}
#content {
width: 700px;
margin-top: 5px;
margin-right: 5px;
background-color:#0FF;
float: left;
}
#sidebarRight {
width: 190px;
margin-top: 5px;
margin-left: 5px;
background-color:#00F;
float: left;
}
#footer {
width: 900px;
margin-top: 10px;
background-color:#F0F;
}
#clear {
clear: both;
}
</style>
</head>
<body>
</body>
</html>
Aturan Dasar Blogspot
Nah kode di atas merupakan dasar dari HTML sebuah blog yang nantinya akan kita isi untuk membuat sebuah blog sehingga sobat blogger dapat melihat blog di layar komputer sobat. Aturan dasar penggunaan kode tersebut akan saya jelaskan di bawah ini.
HTML Body:
Jika kamu membuka sebuah tag maka kamu harus menutup tag "< >" dan diikuti oleh tag penutup "</ >"
contoh: <body>..isi..</body>
Ukuran:
px = pixel (resolusi layar)
Kode:
Kode ditulis dalam huruf kecil.
Layout for CSS:
selector { property: value; } Contoh .post-title { font-color: red; }, h4 { text-align: right;} selector pada dasarnya adalah elemen HTML yang ingin anda ganti (titles, headings, image, menu, background...), property merupakan bagian yang ingin anda ganti (font, size, colour, border, alignment) dan value adalah "jawaban" terhadap apa yang sobat ganti.
Untuk lebih lanjutnya saya akan menambahkan "belajar blog dari dasar" pada posting berikutnya. Semoga bermanfaat:)
Add to Cart
Belajar Blog Dari Dasar: Part 1
0 comments:
Posting Komentar
Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.