Sabtu, 21 Januari 2012

EDIT HALAMAN WEB DENGAN CSS TEMPLATE


facebook EDIT HALAMAN WEB DENGAN CSS TEMPLATE

-------------------------------------------

"Css Template" , inilah yang mungkin akan membuat halaman web kamu akan lebih terlihat indah,cantik dan lebih menarik. Mulanya saya juga masih pusing dengan apa yang namanya css template dan bagaimana cara membuatnya. Semua web yang memuat artikel tentang ini pun aku jelajahi, namun demikian masih saja belum ngerti alias blank.Karena banyaknya web yang telah aku jelajahi, akhirnya aku tarik kesimpulan dan hasilnya web ku pun berubah dengan tampilan css template seperti yang sekarang ini. Nah.... kali ini saya ingin berbagi pengalaman tentang bagaimana cara meng-edit halaman dengan css template di wen.ru.

Pertama
Download css template yang masih berbentu file zip disini. Untuk pertama kali cobalah dengan css template dengan tampilan yang yang sederhana, agar kamu mudah untuk mengedit file html nya.
Kedua
Biar kamu tidak merasa bingung dan mudah untuk memberikan gambaran, kami sarankan lakukan edit pada sebuah komputer. Ekstrak tema yang telah kamu pilih tadi dan hasilnya ada 4 file yaitu; css,lisensi.txt, images danindex.html. Setelah itu buatlah sebuah folder di wen.ru dengan menamainya sesuai dengan nama tema yang kamu pilih, "sunflower" misalnya. Kemudian Upload file css ( biasanya dinamai "default.css" atau style.css), lisensi.text. Untuk mengupload images ke wen.ru kamu harus buat dulu folder didalam folder "sunflower" tadi dengan menamainya "images" lalu gambar atau foto dari images hasil ekstrak diatas kamu upload satu-persatu ke dalam folder images yg telah kamu buat pada folder "sunflower" pada wen.ru. Untuk " index.html" nya tidak perlu diupload.
Ketiga
Untuk mengedit css mulailah dengan membuka file images lalu perhatian dimana images tersebut tersimpan ( alamat url images ). Sebagai contoh css template yang kamu pilih adalah "sunflower".css template. Dan alamat url dari images-nya adalah sebagai berikut;
  • http://apa-maumu.wen.ru/sunflower/images/img.01.gif
  • http://apa-maumu.wen.ru/sunflower/images/img.02.jpg
dan seterusnya.......
Keempat
Langkah selanjutnya adalah adalah "meng-edit CSS". Buka atau klik file default.css atau style.css lalu buka kembali dengan fulltext editor wen.ru perhatikan kembali dimana alamat url default.css atau style.css tersebut berada, contoh;
  • http://apa-maumu.wen.ru/sunflower/sunflower/default.css
  • http://apa-maumu.wen.ru/sunflower/sunflower/style.css
alamat default.css atau style.css ( ini nantinya akan dimasukan pada tag css sewaktu meng-edit isi dari file "index.html" ), kemudian masukan alamat url image tersebut diatas pada default.css ditempat yang tersedia. contoh;
Ketika kamu buka default.css akan tampilan sebagai berikut;
#header {
width: 680px;
margin: 0 auto;
padding: 0 0 0 0;
background: url(http://images/img01.gif) no-repeat 74px 18px;
}
Lalu masukkan alamat url images hingga menjadi seperti ini.....
#header {
width: 680px;
margin: 0 auto;
padding: 0 0 0 0;
background: url(http://apa-maumu.wen.ru/sunflower/images/img.01.gif) no-repeat 74px 18px;
Kelima
Setelah selesai "meng-edit CSS", langkah berikutnya adalah "meng-edit index.html". Buka atau klik file "index.html" hasil ekstrak tema diatas, dan kamu bisa memulai pengeditan dengan cara menggantikan atau menambahkan dari html yang ada. Sebaiknya mulailah dari tag html yang paling atas yaitu tag meta keyword, discription, title dan seterusnya hingga tag body. Dan satu hal yang teramat penting yaitu jangan sampai kamu kelewat untuk meng edit "TAG CSS", Isikan alamat url dari css pada tag css tersebut, contoh;
<link href="default.css" rel="stylesheet" type="text/css" />
lalu edit menjadi seperti ini ...
<link href="http://apa-maumu.wen.ru/sunflower/default.css" rel="stylesheet" type="text/css" />
Setelah pengeditan "index.html" kamu rasa cukup,termasuk isi atau tulisan dari "index.html" telah sesuai dengan yang kamu kehendaki, kemudian copy lau paste pada "index.html" di wen.ru dimana ini akan merupakan halaman muka atau index dari website kamu (http://apa-maumu.wen.ru/
Untuk membuat halaman file dari website kamu (http://apa-maumu.wen.ru/template-css.html) misalnya, langkahnyapun tidak berbeda cuma tag title, diskripsi dan sebagainya demikian isi dari file tersebut tentunya yang perlu kamu rubah. Apabila serangkaian proses yang kamu buat semuanya benar, maka hasilnyapun akan tampak persis seperti contoh css template yang kamu pilih.

Keenam
Jika kamu kurang jelas, kamu bisa menambahkan atau melihat komentar... KLIK DISINI Akan saya jawab selagi aku bisa, maklum.. pemula juga hehe...OK..bRo...!!!

MobGold Banner 120x20
Selamat Mencoba ...!!
free search engine website submission 
top optimization
Free SEO Tools
KEYWORD FOR THIS PAGE
Cara membuat template css, cara membuat tema website,cara membuat template css di wen.ru,membuat tema untuk wapsite,cara memasang template css,bagaiman cara membuat tema untuk website

0 komentar:

Poskan Komentar

lakukan yang terbaik

Artikel saya

You can replace this text by going to "Layout" and then "Page Elements" section. Edit " About "

Tambah Sesuai Hati kamu

Daily Calendar