Kamis, 01 Desember 2011

Gambar di Samping 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 mulai lah untuk men 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/namagambar.tipe gambar tipe gambar tersebut bisa berupa jpg, png, atau lainnya 2. tahap kedua: setelah anda selesai men upload 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; padding: 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; padding: 0; background: url(http://fancyber.mw.lt/images/img01.jpg) repeat-x left top; text-align: justify; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; * tulisan yang bercetak tebal dan miring 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 ketiga (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 upload (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 kasi 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 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 di sana * paste seluruh file index.html yang tadi * save silahkan berkreasi dan semoga berhasil nb: bagi anda yang menggunakan komputer untuk mengedit, anda bisa juga memakai software dreamweaver. Buat pertanyaan, komentar, kritik & saran, knalan jg boleh... haha... bisa tulis pd CHAT-BOX ato HUB : - HP 085314318618 - FB teguhkeisuke@rocketmail.com

Tidak ada komentar:

Posting Komentar