You Now Here »

[Jquery Slow Show] Modifikasi halaman host order client area MS-WHMcs  (Read 6427 times - 139 votes) 

DANNY

G-Plus Author
  • ADMINISTRATOR
  • More Share Forum Topic
  • [MS] kepala suku
  • *
  • DANNY sangat terkenal!DANNY sangat terkenal!DANNY sangat terkenal!DANNY sangat terkenal!DANNY sangat terkenal!DANNY sangat terkenal!
  • Rep Power: 6
  • Join: September 30, 2009
  • Posts: 11,930
  • Poin: 194.223
    • WWW
  • IP member tracker Logged


Support V.1.X.X Only

WARNING!!!
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.php
saat 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
Code: [Select]
http://client.moresharehosting.com/jquery-1.2.3.pack.js

2. buka halaman hostorder.php pada situs anda
Code: [Select]
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:
Code: [Select]
<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:
Code: [Select]
<? 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
Code: [Select]
<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:
Code: [Select]
<? 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 semula

Jika ada pertanyaan, kami siap membantu
silakan post disini
  :beer:


View Mobile Web Short URL:
« Last Edit: June 03, 2013, 03:46:48 PM by DANNY »