[Tutorial BAB 1] Basic Edit Theme WP ( street Smart ) langsung praktek saja ya

Saya akan memunculkan tutorial bertahap ya ( dari basic yang bener bener gak tau theme wp itu apa )

Persiapan
1. Punya dream weaver ( versi 8 saja cukup)
2. Ready localhost = xamp , wamp atau apa saja boleh
3. Browser Standart yang ane pakai adalah Mozila Firefox + IE
Ok Sekarang ane bentuk Dulu kerangka berfikir nya ya

Struktur theme WP ( jenis file Cuma ada 2 )

1. File .php
2. File .css

Jenis Dan Jumlah File :

File php
1- Index.php ( ini halaman home )
2- Single.php ( ini halaman post )
3- Archive.php ( ini halaman categorie )
4- Comments.php ( ini komentar )
5- Search.php ( ini halaman Pencarian )
6- Header.php ( ini kepala )
7- Page.php ( ini halaman about , contact )
8- Function.php ( fungsi fungsi berada disini )
9- Footer.php ( ini Kaki , benerkan footer adalah kaki )
10- Sidebar.php ( ini samping )
File .php ini bisa di tambahin dengan bermacam macam file diluar file diatas

File css
1- Style.css
Merubah warna , font , ukuran , lebar , tinggi , border , background image , dan lain lain ntar kita editnya disini
Nah dari 11 file basic tadi kita bisa merubah tampilan wp kita sesuai dengan selera kita sama kayak modif mobil , mau dibikin ceper atau Sporty , atau elegan terserah selera ente , mobil mobil ente



Ok bro langsung praktek
Buka local host dan dream weaver anda sekarang
1- Browse blog wp apa saja deh dari Mozilla firefox
2- Save web tersebut
3- hasilnya adalah file bla-bla-bla.html
4- Buka file bla-bla-bla.html dengan dreamweaver anda
5- Buat tampilan dream weaver anda menjadi split ( dipojok kiri atas ada pilihan code , split , design )
6- Nah sekarang kita lihat bagian bagian dari web tersebut
7- Setiap bagian web , di dream weaver di kotak dengan garis putus putus , dan kalau mouse mendekati kotak tersebut hover nya menjadi warna merah , silahkan anda klik
8- Nah setiap anda mengklik kotak tersebut lihat pada bagian code di atas akan terblok , lihat bagian code , lihat pada baris pertama akan muncul
<div id="header "> atau <div class="categorie " > atau yang lain nya

Ini contoh css nya
body { margin: 0px auto 0px;
padding: 0px;
font-family: Verdana;
font-size: 12px;
color: #000000;
width: 770px;
background-color: #000000;
}
10 – Sekarang lihat bagian kanan dari dream weaver , pilih css style
11 – missal mau ganti background body silahkan double click body
Akan muncul tampilan yang bisa anda rubah parameter parameter nya
Contoh
Type = untuk merubah rubah font , warna font ukuran font
Background = untuk merubah warna atau gambar latar belakang
Dst

Silahkan dirubah satu persatu

Missal : background colour rubah ke hitam >> save file style.css >> trus buka file bla-bla-bla.htm yang sudah anda edit dibrowser firefox , lihat perubahannya
Ulangi dan ulangi lagi sehingga anda paham kalau merubah a maka bagian a akan berubah
Kalau merubah b maka bagian b akan berubah
Dan seterusnya , ok sementara langsung praktek saja , sambil berkenalan dulu dengan dreamweaver
· Tujuan latihan ini hanya untuk perkenalan terhadap Dreamweaver dan sedikit intro , sehingga lebih mudah masuk ketahap berikutnya ok
Sementara ini dulu , pembelajaran ini akan berlanjut terus sampai bener bener bisa buat theme sendiri
( yang sudah master maaf = ini bener bener basic dan ternyata banyak yang nanya ke ane dan belum tahu )
so dari pada pembelajaran melompat jadi ane awali dari dasar dulu

yang sudah bab satu
lanjutkan ke bab 2 disini

http://www.adsense-id.com/forums/sh...-2-Edit-CSS-Theme-wp-Langsung-Praktek-ya-bro-!!!

 

mau nanya nih,Apa penting sih belajar dari awal gini ? kalao penting brapa persen ?
waktu ane gak ada buat belajar beginian coz lebih enak pakek theme beli atau share.
Thanks

 

Mantab masta sharenya
langsung CTRL + S
Soalnya enakan offline buat prakteknya

 

kembali ke keyakinan masing masing. kalau Ane , karena yang ane promosiin adalah blog , yang ane harus paham detail blog

ok , ane bilang langsung praktek saja ya , ntar ke buru tutor berikutnya , malah cuma numpuk di otak

 

masing2 orang punya pemikiran sendiri yang sudah bekerja emang maunya beli soalnya dah capek mikirin kerjaan, gimana yang belum kerja....dan punya minat belajar...sip gan tutorialnya.

 

Lanjut gan,
Mengetahui seluk beluk wp apalagi yang blognya berbasis WP sepertinya sangat membantu.

 

Jujur, saya tidak tau mengoperasikan dreamweaver. Dibanding itu, saya lebih suka menggunakan notepad++

kalau hanya perubahan style css, semuanya lebih mudah dibuat secara manual.

 

start sharing. mantap nih.

 

Nyebarin theme gratis adalah salah satu cara buat nyari backlink dan trafik gratis nan melimpah mbak .. dan sudah banyak yg sukses dengan cara ini .. cmiiw.

 

nah kalau sudah desain web atau theme , bisa lama dan melelahkan kalau pakai notepad
sedangkan kalau pakai dream weaver kita bisa lebih cepat , apalagi kalau melihat code code , yang gak paham cukup click bagian bagian yang ingin dia edit , trus code udah terblok di bagian code.

lanjut bro

betul , banyak yang menggunakan jalan ini , bahkan mengkomersilkan footer link dari theme yang dibuat
info saja ya theme yang ane share sudah di download hampir 800 kali , dalam hitungan hari , sedangkan 1 kali download bisa di pakai berapa blog
namun dalam hal ini ane gak nerapin untuk member adsense-id

 

Penting banget buat ane..share ilmu tak ada persen2 an.

Ane praktek dlu gan..Trims ya, thats really useful for me...

 

makasih bang, aku coba ahh

 

mantap gan tutorialnnya.................
ane gelar tiker dulu ah..........

Spoiler

ane biasanya ngoprek theme pake firebug (addons mozilla)

 

he he , tutorialnya ane buat begini , karena ane bukan dosen , mals juga yang teoritis , langsung saja
prinsipnya sama seperti belajar sepeda saja , langsung naik

 

i like it master...
nungguin bab berikutnya...

 

Terus berkarya bro.. Ane emang belum bisa share di sini, ane masih ada yang lebih penting

 

trims bro, ini tutorial yg penting buat nyubi nich. thank's

 

LANJUTKAN SOB, SAYA YAKIN BANYAK YANG PENGIN BELAJAR.
sekarang sedang download Macromedia Studio 8 (DreamWeaver,FireWorks,Flash) mudah2an cepet kelar

 

sekali lagi thanks for all , ane hanya berbagi pengalaman ane saja ya , semoga bermanfaat

masukan dong tutorialnya di buat berapa hari sekali ya , biar update begitu , ntar kalau terlalu cepet , temen temen banyak yang bingung ?
kalau terlalu lama ntar kelamaan

 

Kerennn bro.. ini yg ane tunggu2,...

---------- Post added at 01:11 PM ---------- Previous post was at 01:10 PM ----------

3 hari sekali kayanya pas bro