Gambar ini adalah sebuah wapsite dengan cara edit memakai css
templates yang sering di pakai untuk memperindah tampilan website
ataupun weblog itu sendiri. Kebetulan gambar yang anda lihat adalah
hasil karya saya dengan memakai hostingan wapsite xtgem, para netter
tidak asing lagi kan dengan domain xtgem.com,jw.lt,mw.lt, nah itu
beberapa contoh domain wapsite yang trend pada saat ini, selain gratis
hostingan itu mudah dimengerti. ok kembali ke topik. pertama anda harus
punya atau sudah mendownload css templates hasil seacrh dari google. klo
anda belum punya template silahkan anda seacrh di google dengan kata
kunci atau keyword free css templates usahakan mencari css templates
yang gratis. kalau anda sudah menemukan templates yang cocok di pikiran
anda dan merasa script scripnya gampang di edit, sekarang mulailah untuk
meng extract, biasanya css templates berfile zip maka yang mengedit
memakai komputer bisa langsung memakai winrar atau winzip atau
sejenisnya. klo yang memakai handphone anda bisa download winrar berfile
jar atau sejenisnya. biasanya css templates didalamnya ada beberapa
elemen-elemen penting untuk terbetuknya suatu halaman website, karena
kita disini membahas tentang wapsite maka kita harus menyesuaikan dengan
hostingan kita. elemen atau file didalamnya berupa: *forder gambar
*file css *index.html 1.Tahap pertama: anda buka folder gambar
didalamnya ada beberapa gambar yang mendukung css templates agar menjadi
sebuah halaman. silahkan anda upload dulu gambar gambar dalam folder
tersebut ke hostingan anda. buatkan folder khusus agar anda gampang
untuk mengingatnya. contohnya buat folder picttemplates sehingga alamat
gambar yang didapat sebagai contoh http://username.domain/ images/nama
gambar tipe. gambar tipe gambar tersebut bisa berupa jpg,png, atau
lainnya. 2.Tahap kedua: setelah anda selesai mengupload gambar-gambar,
gambar tersebut akan memiliki alamat dimana alamat itu akan dipasang di
css. css tersebut bisa dengan nama default.css, ya tergantung dengan
nama yang diberikan oleh pembuat templates tersebut. buka dan edit css
anda. contoh dari pengeditan css sebagai berikut /*Design by Free CSS
Templates http:// www.freecsstemplates.org Released for free under a
Creative Commons Attribution 2.5 License */body
{margin:0px;pading:0;background: url (img01.jpg) repeat-x left top;
text-align: justify; font- family: Georgia, "Times New Roman", Times,
serif; font size: 12px; Dan hasil editannya: /*Design by Free CSS
Templates http:// www.freecsstemplates.org Released for free under a
Creative Commons Attribution 2.5 License */body
{margin:0px;pading:0;background: url (http:// lawang.jw.lt/
images/img01.jpg) repeat-x left top; text align:justify; font-family:
Georgia, "Times New Roman",Times, serif; font- size: 12px; *tulisan yang
ada url (image) itulah yang diedit sampai seterusnya setelah selesai
mengedit css nya. sekarang anda simpan dan mulai meng upload css kedalam
folder yang khusus anda buat, contoh folder files sekarang anda sudah
mendapatkan alamat css anda sebagai contoh berikut:
http://username.domain/files/ default.css. simpan dulu alamat itu. 3.
Tahap (terakhir). Dalam tahap ini anda mulai melihat file index.html.
sekarang saatnya mengedit tampilan yang akan keluar dihalaman situs
wapsite anda, sebelum mulai melangkah kejenjang pengeditan menu-menu
dalam situs wapsite. Anda kembali ke alamat css yang anda uplod (tahap
2) tadi. silahkan anda taruh didalam script pemanggil atau didalam
script index.html. pertama anda buka index.html. disana anda akan
melihat code atau script yang saya sudah kasih contoh dibawah akan
seperti ini: setelah alamat css terpasang dengan benar, sekarang mulai
untuk mengedit seluruh isi dari index.html tersebut. setelah selesai
mengedit seluruh script index.html anda bisa melakukan 2 cara: *Dengan
cara upload index.html ke hostingan *Dengan cara mencopy seluruh script
dan di paste di text editor tersebut seperti hostingan xtgem dengan cara
: *login di xtgem *Buka menu file browser dan cari file index. *klick
tanda [+] >open to->text editor. *setelah text area editor muncul,
hapus semua kode html disana *paste seluruh file index.html yang tadi
*save Sekarang kamu bisa edit index.html kamu dengan kreator seperti
biasa. Tapi jika file index.html tersebut lebih dari 15kb, kamu hanya
bisa mengedit melalui text editor, caranya buka file browser, klik ikon +
pada index.html, open with, text editor. Dan perlu diingat bahwa kamu
cukup mengedit isinya seperti link, text dan gambar, dan tidak perlu
mengedit div style atau lainnya. SELAMAT MENCOBA, SEMOGA SUKSES.
Sumber : http://www-waptros.wen9.com/g5.html
Comments
Post a Comment