My OperaMenampilkan css di xtgem.com dengan mudah
Monday, April 23, 2012 11:39:44 AM
<iframe src="http://www.freecsstemplates.org/preview/refillable/?u="freecsstemplate scrolling="no" width="200" frame border="0"></iframe>
save kode script di atas tersebut lalu pastekan di situs xtgem.com agan !!! ( link berupa gambar )
Gambar diatas adalah sebuah website dg cara memakai css templates yg sering digunakan untuk memperindah tampilan web atau blog. Pertama anda harus punya filenya dulu dg cara mendownloadnya, anda bisa cari di google dg keyword "free css templates" lalu klik search, kalau anda sudah menemukan templates yg cocok dipikiran anda dan merasa script-scriptnya mudah di edit mulailah mengekstraknya karna biasanya file itu masih dalam bentuk format zip. Untuk mengedit bisa lewat komputer dg memakai aplikasi winrar atau winzip dan sejenisnya. Kalau yg memakai ponsel anda bisa mendownload aplikasi winrar dg format jar atau bisa juga dg aplikasi jzipman dan mini commander, anda harus mempunyai 2 aplikasi ini untuk bisa mengeditnya. Biasanya didalam css templates terdapat elemen-elemen penting untuk terbentuknya halaman website, karna kita disini membahas tentang wapsite maka harus menyesuaikan dg hostingan kita. Elemen atau file di dalamnya berupa :
save kode script di atas tersebut lalu pastekan di situs xtgem.com agan !!! ( link berupa gambar )
Gambar diatas adalah sebuah website dg cara memakai css templates yg sering digunakan untuk memperindah tampilan web atau blog. Pertama anda harus punya filenya dulu dg cara mendownloadnya, anda bisa cari di google dg keyword "free css templates" lalu klik search, kalau anda sudah menemukan templates yg cocok dipikiran anda dan merasa script-scriptnya mudah di edit mulailah mengekstraknya karna biasanya file itu masih dalam bentuk format zip. Untuk mengedit bisa lewat komputer dg memakai aplikasi winrar atau winzip dan sejenisnya. Kalau yg memakai ponsel anda bisa mendownload aplikasi winrar dg format jar atau bisa juga dg aplikasi jzipman dan mini commander, anda harus mempunyai 2 aplikasi ini untuk bisa mengeditnya. Biasanya didalam css templates terdapat elemen-elemen penting untuk terbentuknya halaman website, karna kita disini membahas tentang wapsite maka harus menyesuaikan dg hostingan kita. Elemen atau file di dalamnya berupa :
Folder gambar
File css
Index.html
TAHAP PERTAMA
Anda harus buka folder gambar didalamnya, ada beberapa gambar yg mendukung css templates agar menjadi sebuah halaman. Silahkan anda upload dulu gambar-gambar dalam folder tersebut ke hostingan anda di xtgem. Buatkan folder khusus agar anda mudah mengingatnya, contohnya buat folder "pict css templates" sehingga alamat gambar yg didapat dalam hostingan anda adalah http://username.domain/images/nama gambar. Tipe-tipe gambar bisa berupa jpg, png atau gif.
TAHAP KEDUA
Setelah anda selesai mengupload gambar-gambar tersebut, maka gambar itu akan mempunyai alamat dimana alamat itu akan dipasang di css. File css tersebut biasanya berupa nama default.css atau style.css ya tergantung nama yg diberikan oleh pembuat templates tersebut. Buka dan edit css anda, sebagai contoh :
/*
Design by free css templates http://www.freecsstemplates.org released for free under a creative commons atribution 2.5 license
*/
body{margin:opx;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 atribution 2.5 licence
*/
body{margin:opx;padding:0;background:url(http://username.domain/images/img01.jpg)repeat-x left top;text-align:justify;font-family:georgia,"times new roman" times, serif;font-size:12px:
Tulisan yg bercetak miring dan tebal itulah yg diedit sampai seterusnya. Setelah selesai mengedit cssnya. Sekarang anda simpan dan mulai mengupload css ke dalam folder yg khusus anda buat, misalnya folder files. Sekarang anda sudah mendapatkan alamat css anda sbg contoh :
http://username.domain/files/default.css
TAHAP KETIGA
Dalam tahap ini anda mulai melihat file index.html dan editlah yg nantinya akan keluar sebagai halaman utama wapsite anda. Sebelum mulai melangkah ke jenjang berikutnya, anda kembali ke alamat css yg tadi anda upload. Silahkan anda taruh didalam script pemanggil atau didalam script index.html disana anda akan melihat code atau script yg saya kasih contoh dibawah ini :
link href="default.css" rel="stylesheet" type="text/css" media="screen" />
akan menjadi seperti :
link href="http://alamat url anda/files/default.css" rel="stylesheet" type="text/css" media="screen"
Setelah alamat css terpasang dg benar, sekarang mulai mengedit seluruh isi dari index.html anda bisa melakukan dg 2 cara :
Dengan cara upload index.html ke hostingan
Dengan cara mengcopy seluruh script dan dipaste di text editor
Text editor tersebut seperti hostingan xtgem dg cara :
Login di xtgem.com
Buka menu file browser dan cari file index
Klik tanda (+) --> open to --> text editor
Setelah text area muncul, hapus semua code html disana
Paste seluruh file index.html yg tadi di edit
Lalu save
Selamat berkreasi dan semoga berhasil...!!!
Nb : Bagi anda yg menggunakan komputer untuk mengedit anda bisa juga memakai software dreamwaver
