Support V.1.X.X OnlyWARNING!!!
halaman ini khusus anda yang mengetahui dasar pemrograman HTML dan PHP,
karena kita akan memodifikasi coding secara kasar
Silakan Lihat Demo kami terlebih dahulu untuk melihat seperti apa perubahan tampilannya
http://client.moresharehosting.com/hostorder.phpsaat anda mengklik untuk melihat detail paket, maka akan muncul secara perlahan paket yang akan dilihat, bagaimana caranya? ikuti step berikut:
1. silakan download javascript berikut dan upload di folder clientarea
http://client.moresharehosting.com/jquery-1.2.3.pack.js
2. buka halaman hostorder.php pada situs anda
misalnya seperti ini: http://client.moresharehosting.com/hostorder.php
3. setelah halaman order terbuka, kemudian view sourcer code nya pada browser
4. setelah terlihat coding HTML pada source code, tekan CTRL+F untuk mencari kata berikut:
<div class="box_check" align="center">
---------------------------------------------
---------------------------------------------
BAGIAN INI YANG ANDA COPY SELURUHNYA KE NOTEPAD/DREAMWEAVER
---------------------------------------------
---------------------------------------------
</div><div class="clearStyle"></div>
5. setelah anda mengcopas coding tersebut ke dreamweaver, tambahkan coding berikut pada bagian paling atas:
<? include 'headerindex.php'; ?>
<script type="text/javascript" language="javascript" src="jquery-1.2.3.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#paket1').click(function() {
$('#lihatpaket1').show('slow');
$('#lihatpaket2').hide('slow');
$('#lihatpaket3').hide('slow');
});
</script>
<a href="#paket1" id="paket1">Host Paket 1</a> |
<a href="#paket2" id="paket2">Host paket 2</a> |
<a href="#paket3" id="paket3">Host paket 3</a> |
6. lakukan modifikasi tambahan pada tabel yang ingin anda sembunyikan atau anda tampilkan, dengan penambahan <div>diawal table, dan </div> diakhir table order
<div id="lihatpaket1" style="display:none">
-------------------------------
ISI TABLE PAKET1
-------------------------------
</div>
<div id="lihatpaket2" style="display:none">
-------------------------------
ISI TABLE PAKET2
-------------------------------
</div>
<div id="lihatpaket3" style="display:none">
-------------------------------
ISI TABLE PAKET3
-------------------------------
</div>
dst......................
Ubah dan tambahkan sesuai kebutuhan
7. setelah modifikasi selesai semua, tambahkan coding berikut pada area coding paling bawah:
<? include 'footer.php'; ?>
8. langkah terkahir, masuk CPANEL dan ubah file "hostorder.php" menjadi "hostorder.php.backup"
9. Create NEW FILE pada file manager dengan nama "hostorder.php"
10. click edit file "hostorder.php" melalui filemanager cpanel, dan copy paste hasil modifikasi anda tadi ke file "hostorder.php", click save
11. selesai, sekarang anda bisa melihat tampilan baru host order dengan methode slow show jquery.
NOTE: Jika hasil gagal, anda bisa merename "hostorder.php.backup" menjadi "hostorder.php" kembali, dan tampilan lama anda akan kembali seperti semulaJika ada pertanyaan, kami siap membantu
silakan post disini
