CSS Templates di Wen.ru

Posted by Whiznoe™ 18 Feb 2010 0 komentar
Yaitu sebuah cara mengedit wapsite dengan menggunakan css templates yang sering di pakai untuk memperindah tampilan website ataupun weblog. Disini aku akan berbagi sedikit pengalaman menggunakan css templates di wapsite wen.ru seperti hasil editanku yang kamu lihat sekarang ini.
Menurutku, pada dasarnya penggunaan css template html antara di wen.ru tidak berbeda jauh dengan penggunaan css templates di xtgem atau domain-domain wapsite lainnya.

Berikut ini adalah langkah-langkahnya:

1. Pilih dan download css templates yg masih berbentuk *.zip yang bisa kamu download di sini, atau kamu bisa search di google dengan kata kunci atau keyword free css templates. Usahakan mencari css templates yang gratis.

2. Kalau kamu sudah menemukan templates yang cocok di pikiran kamu dan merasa script-scripnya gampang di edit, sekarang mulai lah untuk mengupload file tadi bisa upload via HTML, atau bisa upload via HTTP/URL (bagi HP yang tidak support via HTML). Setelah file berhasil diupload, masuk ke wExplorer dan pada file tersebut kemudian pilih "open" -> "extract all". Jika berhasil diextract, file tersebut otomatis tersimpan dalam suatu folder dan menjadi beberapa bagian yaitu images, css, dan index.html.

3. Mulailah dengan membuka folder images dan temukan url dari setiap gambar, misalnya http://whiznoe.wen.ru/images/img01.jpg. Setelah itu mulailah mengedit file css tadi dengan lines editor. Masukkan url gambar pada setiap form yang sudah tersedia, yaitu pada setiap baris yang ada kode seperti:

background : url(images/img01.jpg).
Untuk url gambar dimasukkan dalam kurung. Contoh pengeditan css seperti contoh di bawah ini:

background: url(http://whiznoe.wen.ru/images/img01.jpg).
Setelah selesai mengedit css nya sekarang kamu simpan dan sekarang kamu sudah mendapatkan alamat css kamu sebagai contoh berikut:

http://whiznoe.wen.ru/files/default.css

Kamu simpan dulu alamat itu.

Selanjutnya kamu kembali ke alamat css yang kamu upload (tahap 2) tadi. Silahkan kamu taruh di dalam script pemanggil atau di dalam script index.html. Pertama buka index.html disana, kamu akan melihat code atau script seperti contoh dibawah ini:



Maka kamu rubah seperti ini:



4. Ini adalah langkah terakhir yaitu menjadikan index.html tersebut menjadi halaman utama site kamu. Kamu bisa copy atau pindahkan index.html tersebut, tapi ingat index kamu sebelumnya harus di hapus atau rename dulu, baru kamu pindahkan atau copy index baru tadi, caranya kamu klik pada index baru tersebut, terus terserah mau di move atau copy. Masukkan tanda / pada box, lalu klik 'OK'. Index baru kamu sudah jadi. Selesai..

Selamat mencoba dan semoga berhasil... !! ^_^

Baca Selengkapnya ....

CSS Templates di XtGem

Posted by Whiznoe™ 0 komentar
Yaitu sebuah cara mengedit wapsite dengan menggunakan css templates yang sering di pakai untuk memperindah tampilan website ataupun weblog. Disini saya akan berbagi pengalaman memakai css templates di xtgem seperti hasil editanku yang sekarang kamu lihat ini.
Para netter tentu 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 di mengerti.

Oke kita kembali ke topik. Sama dengan yang di wen.ru, pertama anda harus punya atau sudah mendownload css templates yang bisa anda dapatkan di sini atau kamu bisa search 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 mengextract, biasanya css templates berfile *.zip jadi yang mengedit memakai komputer bisa langsung memakai winrar atau winzip atau sejenisnya.
Kalau yang memakai handphone, anda bisa download aplikasi winzip/winrar untuk handphone symbian di sini. Sedangkan untuk handphone java bisa download di sini, atau menggunakan pengextract file sejenisnya.

Biasanya css templates didalamnya ada beberapa elemen-elemen penting untuk terbentuknya suatu halaman website. Karena kita disini membahas tentang wapsite maka kita harus menyesuaikan dengan hostingan kita. Elemen atau file didalamnya berupa:

* folder images
* file css
* index.html

1. Tahap pertama: anda buka folder gambar yang 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: images
sehingga alamat gambar yang didapat sebagai contoh:

http://whiznoe.xtgem.com/images/img01.jpg
(tipe gambar tersebut bisa berupa jpg, png, atau lainnya).

2. Tahap kedua: setelah anda selesai meng-upload gambar-gambar tadi, 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:

background: url(img01.jpg) repeat-x left top;

Dan hasil editannya adalah:

background: url(http://whiznoe.xtgem.com/images/img01.jpg) repeat-x left top;

Alamat url background 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: file.
Sekarang anda sudah mendapatkan alamat css anda sebagai contoh berikut:

http://whiznoe.xtgem.com/file/default.css
Anda 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 seperti contoh dibawah ini:



Maka anda rubah 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 yaitu dengan upload index.html ke hostingan dan dengan 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.
* Lalu save dan selesai.

Selamat berkreasi dan semoga berhasil. Bagi anda yang menggunakan komputer untuk mengedit, anda juga bisa memakai softwere dreamweaver... ^_^


Baca Selengkapnya ....

Edit Wapsite dengan 3 Kolom

Posted by Whiznoe™ 0 komentar
Ada banyak cara yang bisa dilakukan untuk memperindah tampilan suatu wapsite. salah satu diantaranya yaitu membagi site tersebut menjadi 3 kolom, agar bisa terlihat lebar.

Nah, disini saya akan sedikit berbagi pengalaman tentang cara mengedit site tersebut agar menjadi 3 kolom. Berikut ini adalah contoh script-scriptnya:

1. Untuk Header, scriptnya adalah:



2. Untuk Menu navigasi, scriptnya adalah:



3. Untuk Menu 3 kolom, scriptnya adalah:



4. Penutup, scriptnya adalah:



Script-script diatas bisa kamu rubah sesuai dengan selera kamu.. Semoga bermanfaat... ^-^

Baca Selengkapnya ....
Belajar SEO dan Blog support Online Shop Aksesoris Wanita - Original design by Bamz | Copyright of Sekedar pelepas dahagaku....