Info Harga Komputer dan Gadget

Cara membuat Template wordpress dengan Dreamweaver Bagian 2 Mengatur Body

Advertisement
advertisement
Cara membuat Template wordpress dengan Dreamweaver Bagian 2 Mengatur Body
Oke Sobat Edikomputer.com Sudah tentu sudah banyak sobat edikomputer yang sudah menunggu kelanjutan tutorial yang satu ini ya, nah sebelum anda membaca tutorial ini ada baiknya anda membaca tutorial Cara membuat Template wordpress dengan Dreamweaver pada bagian 1 sehingga anda tidak akan bingung nantinya karena ini adalah tutorial lanjutan.

Body
Body merupakan bagian background dari sebuah website sehingga disini kita akan menentukan backgroundnya dengan warna untuk warna background sendiri nanti ada pilihan warna pada style css dan kita bisa dengan mudah menentukan warna dengan adobe dreamweaver karena di sana sudah tersedia berbagai warna sehingga kita tidak perlu mencari-cari kode warna lagi.

Oke langsung saja kita mulai cara pembuatannya
Langkah Pertama Buka File style.css yang sudah kita buat pada tutorial sebelumnya menggunakan Adobe dreamweaver, disini saya menggunakan adobe dreamweaver CS 6

Buat Rule Css baru yang ada di CSS Styles untuk mengaktifkannya klik Menu Window > CSS Styles
Cara membuat Template wordpress dengan Dreamweaver Bagian 2 Mengatur Body
Kemudian klik icon New CSS Rule yang bertanda + di bagian bawah css Rule
Cara membuat Template wordpress dengan Dreamweaver Bagian 2 Mengatur Body
Pada Selector Type Pilih Tag (redefines an HTML element ) lalu untuk selector Name Ketik Body lalu Klik OK
Cara membuat Template wordpress dengan Dreamweaver Bagian 2 Mengatur Body
lalu akan muncul kotak dialog CSS rule definition for body nah sekarang kita akan mengatur font stylenya pilih category Type pada pilihan :
font-family : Verdana, Geneva, sans-serif
font-size : 12 px
Pada Category Background :
Bacground-color : Pilih warna Abu-abu Tua atau kodenya #3333

Kemudian Klik OK, Maka akan tebentuk kode css secara otomatis seperti gambar di bawah ini :
/*
Theme Name:Theme Edikomputer
Theme URL:http://www.edikomputer.com
Author:Edi Prasetiyo
Author URL:http://www.edikomputer.com
Version:1.0
Description:Ini adalah template sebagai media belajar di www.edikomputer.com
*/
body {
font-family: Verdana, Geneva, sans-serif;
background-color: #333;
}
Kalo sudah sekarang lihat dibrowser tampilan template yang baru kita buat maka akan terlihat backgroun dengan warna yang kita buat tadi, Oke itu dulu tutorialnya nanti kita lanjutkan lagi, Nah dibawah ini index dari Cara membuat Template wordpress dengan Dreamweaver
  1. Cara membuat Template wordpress dengan dreamweaver Bagian 1
  2. Cara membuat Template wordpress dengan Dreamweaver Bagian 2 Mengatur Body
advertisement

5 comments:

cara meningkatkan trafik blog said...

kalo cara buat template blogspot aplikasinya apa sob, sebetulnya saya ingin sekali berkarya bikin template blog kecil-kecilan sendiri.

Edikomputer said...

saya biasanya Pake dreamweaver, cuma musti paham struktur dasar template blogspot dulu.

choirul basyar said...

coba pake artisteer gan

Syuaul Amin said...

mantap, gan :)

mobil bekas said...

thanks info nya , kunjungi kami juga ya

Post a Comment

Blog Ini Dofollow Ya bro tapi jangan nyepam komentar secara bijak dan sesuai dengan postingan