Cara membuat file .js/css di Xtgem

Halo sodara Pada kesempatan kali ini saya pengen berbagi tentang cara bikin file js/css di Xtgem, Tempat pembuatan atau Menyimpan kode atau meringkas kode js/css. Buat anda yang belum tau tentang Xtgem silahkan pantengin terus di sini.

Xtgem.com adalah sebuah wap builder berbasis mobile yang suport script HTML.Javascript dan beberapa fungsi lainnya dari Xtgem.

Xtgem sangat ringan digunakan dan ramah di handphone karena dapat dikendalikan sepenuhnya melalui Handphone. jika anda berminat silahkan anda bisa bikin wap di Xtgem.com.

Oky takperlu panjang lebar langsung saja ke pokok pembicaraan yaitu tentang cara membuata file js/css di Xtgem.

1.) Silahkan masuk atau bikin akun dulu di http://xtgem.com klik wap anda
2.) Buka file Browser

3.) Buat file baru, misal kasih nama "lolos.js / lolos.css" pilih type plaintext file

4.) Setelah pembuatan nama file akan muncul kolom untuk mengisi kode javascript-nya. sebagai contoh kode seperti berikut ini.
body { background: #FFF; font-family: "Abel"; src: ; font-size: 15px; color: #000000; margin: 0px auto; } body:after{background:#333;padding:7px;color:#ffffff;text-align:center; content:"mp3ju.wapka.mobi";display:block; padding:5px;color:#fe8f17;font-family: "segoe ui", Arial, Helvetica, sans-serif;font-weight:bold;font-size:13px;border-top:2px solid #F37124; line-height:40px;} .listtrack { background:#fff; padding:9px; color:#F37124; } .listtrack:hover{background:#f6f6f6;border:1px solid #F37124;} #wasu { margin-top:40px; } .infocoy { background-color: #555; border-radius:3px; margin: 5px; padding:7px; color:#ffffff; } .content-wrapper { max-width:1000px; background:#f6f6f6; margin: auto; -webkit-box-shadow: 0px 13px 13px 0px rgba(0,0,0); -moz-box-shadow: 0px 13px 13px 0px rgba(0,0,0); box-shadow: 0px 13px 13px 0px rgba(0,0,0); } .dlvi {display:inline-table;border-radius:6px;padding:4px;color:#168ccc;border:solid 1px #168CCC;margin:2px;} .dlvi:hover {background:#f5f5f5;} .musikgenre {display:inline-table;border-radius:6px;padding:4px;color:#ffffff;background:#168CCC;margin:2px;} .musikgenre:hover {background:#444444;} .headlink {solid #ffffff;float:right;color:#f6f6f6;} .headlink:hover {border-bottom:3px solid #ffffff;font-weight:bold;transition: all 0.5s ease 0.4s;color:#ffffff;} /* PAGING */ .nav {background:#f6f6f6;padding:10px;} .nav a { font-weight:bold; color: #ffffff; margin: 3px; padding: 6px; background: #F37124; } .nav a:link {color:#ffffff;} .vagination { background:#ffffff; padding:9px; text-align:center; } .vagination a { border:1px solid #F37124; padding:5px; font-size:16px; color:#F37124; } .vagination a:hover { background:#F37124; color:#ffffff; } /* Table */ tr {margin:0;} .tableup {height:53px;background:#444444;border-collapse: collapse;} .tableup td a {color:#ffffff;} .tableup a:link {color:#ffffff;} .tableupmati{margin:auto;text-align:center;width:100%;} .tableup td {padding:8px;vertical-align:middle;} .tableup img:hover {transform: scale(1.1); transition: all 0.5s ease 0s;} .tableupmati td{vertical-align:middle;} .otable {table-layout: fixed;} /* TITLE AND MENU */ .menu, .file, .list_b { background-color: #ffffff; margin-bottom:2px; padding:6px; color: #000000; } .video-tab {vertical-align:top;width:100%;background:#ffffff;} .kaki1 {background:#222;padding:7px;color:#ffffff;text-align:center;} .kaki1 img:hover{opacity:0.6;transition: all 0.5s ease 0s;} .kaki1 img {max-width:25%;} .kaki1 a {color:#ffffff;} .kaki2 {background:#333;padding:7px;color:#ffffff;text-align:center;} .imago img {max-height:100px;margin:4px;} .error { background-color: #ff9494; background-color: #ff9494; border:#ff0088 1px solid; margin: 2px; color:#000000; } .date { margin-top: 40px; background-color:#F37124; padding:3px; height:16px; text-align:center; } .tname { background-color: #ffffff; border-bottom: 1px solid #dedede; margin: 4px; padding: 8px; color: #f6f6f6; }
5.) Setelah memasukan kode tersebut silahkan copy link dibagian kanan atas seperti contoh berikut ini.

6.) Setelah semua selesai anda bisa memasukan link tersebut ke blog / wap anda dengan cara seperti contoh berikut ini.

<link rel="STYLESHEET" type="text/css" href="http://musrik.wap.sh/lolosutub.css"/>
 <script src='http://musrik.wap.sh/lolosutub.js' type='text/javascript'></script>

7.) Kemudian save , maka hasilnya akan menampilkan hasil yang cukup memuaskan dengan hasil eksekusi perintah javascriopt yang anda buat di file Xtgem
8.) Selesai selamat mencoba.

Demikian tutorial cara membuat file js/css di Xtgem semoga tutorial yang saya bagikan kepada anda bisa bermanfaat, jika ada yang kurang paham bisa anda tanyakan di kotak komentar

Anda baru saja membaca artikel tentang - Cara membuat file .js/css di Xtgem. Silahkan baca artikel berikutnya Tentang - Next - Jangan lupa g+1 / fb / twit :)