Home Script Tips dan Trik Tutorial Wapact & Wapkuz Cara membuat Situs Mobile File Sharing mirip upfile.mobi

Cara membuat Situs Mobile File Sharing mirip upfile.mobi

5:32 AM
Read
Hai Sahabat semua, kita berjumpa lagi dan akan selalu berjumpa :) hehe saya bercanda :)
kali ini saya akan membahas tutorilal dan membagikan skrip yang akan bekerja dan menampilkan situs Mobile file sharing seperti Upfile.mobi.

Sebelum memulai tutorial tersebut, Saya ingin menunjukan Demo tampilan Situs Mobile File Sharing yang tampilannya sama seperti Upfile.mobi.

Demo = Upfilemobi

Bagaimana? tertarik? hehe :) jika tertarik lanjut baca Artikel ini sampai ke akarnya akar :v hehe...

Tutorial dan Script ini digunakan untuk platform Wap builder Wapact ataupun Wapkuz maka saya anggap kalian sudah mendaftar dan sedikit mengenal platform Wap builder ini, untuk tutorial mendaftar dan basic saya akan update belakangan hari.

Cara membuat Situs Mobile File Sharing mirip upfile.mobi


Oke.. yang ingin lanjut silahkan lanjut :v (bercanda)

Dalam pembuat Situs Mobile file sharing pada wap builder Wapact ataupun Wapkuz saya bagi menjadi 9 (sembilan) halaman atau page, termasuk header, index dan footer.

Halaman depault:
1. Header
2. Index
3. Footer
Halaman yang ditambahkan:
4. Download (untuk detail download file)
5. Search (untuk result pencarian)
6. Upload (halaman upload)
7. Profile (halaman Profil pengguna)
8. Setting Prrofile (Halaman setting profile pengguna)
9. User File (Halaman yang menampilkan file yang di upload pengguna itu yang dipilih)

Dengan adanya penjelasan diatas dengan halaman atau page apa saja yang akan dibuat, jadi saya dengan mudah dan tinggal menyediakan skript tanpa banyak berbelit-belit.

Untuk pertama saya akan memberikan skrip Header.

1 Header:


Skrip ke satu: Setting menjadi All Access

Cara membuat Situs Mobile File Sharing mirip upfile.mobi
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" /> <meta name="keywords" content="file sharing,mobile file sharing,folder sharing,upload file,upload large file,mobile,upload,share,sharing,free" /> <meta name="description" content="reliable file sharing service for mobile phones that enables you to upload and share your files for free" /> <meta property="og:image" content="http://upfile.mobi/ui/images/logo_fb.png" /> <link rel="stylesheet" href="http://upfile.mobi/ui/css/main_v10.css" type="text/css" /> <link rel="stylesheet" href="http://upfile.mobi/ui/css/file_v6.css" type="text/css" /> <link rel="icon" href="http://upfile.mobi/favicon.png" type="image/x-icon" /> <link rel="shortcut icon" href="http://upfile.mobi/favicon.png" type="image/x-icon" /> <link rel="image_src" href="http://upfile.mobi/ui/images/logo_fb.png" /> </head> <body style="display:blockwidth:100%">
 Skrip ke dua: Setting jadi Guest

Cara membuat Situs Mobile File Sharing mirip upfile.mobi
<div class="header"> <center> <div style="max-width: 800px"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="10%"> <a href="site-upload.html"> <img src="http://upfile.mobi/ui/images/logo.png" /> </a> </td> <td width="45%"> <a class="header_item" href="site_login.html"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_login.png)" class="icon"></div> Masuk</a> </td> <td width="45%"> <a class="header_item" href="site_reg.html"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_register.png)" class="icon"></div> Daftar</a> </td> <td> <td> <label class="collapse" for="_1"><div class="sprite en"></div></label> <input id="_1" type="checkbox"> <div class="filelanguages"> <a href="https://translate.googleusercontent.com/translate_p?tl=id&u=:page_url:"><div class="sprite id"></div>id</a> <a href="https://translate.googleusercontent.com/translate_p?tl=tl&u=:page_url:"><div class="sprite gb"></div>en</a> <a href="https://translate.googleusercontent.com/translate_p?tl=gb&u=:page_url:"><div class="sprite pt-br"></div>pt-br</a> <a href="https://translate.googleusercontent.com/translate_p?tl=id&u=:page_url:"><div class="sprite fa"></div>fa</a> <a href="https://translate.googleusercontent.com/translate_p?tl=id&u=:page_url:"><div class="sprite fa"></div>tr</a> <a href="https://translate.googleusercontent.com/translate_p?tl=id&u=:page_url:"><div class="https://translate.googleusercontent.com/translate_pl=id&u=:page_url:rl:"><div class="sprite zh-cn"></div>ch</a> </div> </td> </td> </tr> </tbody> </table> </div> </center> </div>
Skrip ke tiga: setting jadi user

Cara membuat Situs Mobile File Sharing mirip upfile.mobi
 <div class="header"> <center> <div style="max-width: 800px"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="10%"> <a href="site-upload.html"> <img src="http://upfile.mobi/ui/images/logo.png" /> </a> </td> <td width="45%"> <a class="header_item" href="site-profile.html"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_login.png)" class="icon"></div> Profil</a> </td> <td width="45%"> <a class="header_item" href="site_logout.html"> <div style="background-image: url()" class="icon"></div>⤵Keluar</a> </td> <td> <td> <label class="collapse" for="_1"><div class="sprite en"></div></label> <input id="_1" type="checkbox"> <div class="filelanguages"> <a href="https://translate.googleusercontent.com/translate_p?tl=id&u=:page_url:"><div class="sprite id"></div>id</a> <a href="https://translate.googleusercontent.com/translate_p?tl=tl&u=:page_url:"><div class="sprite gb"></div>en</a> <a href="https://translate.googleusercontent.com/translate_p?tl=gb&u=:page_url:"><div class="sprite pt-br"></div>pt-br</a> <a href="https://translate.googleusercontent.com/translate_p?tl=id&u=:page_url:"><div class="sprite fa"></div>fa</a> <a href="https://translate.googleusercontent.com/translate_p?tl=id&u=:page_url:"><div class="sprite fa"></div>tr</a> <a href="https://translate.googleusercontent.com/translate_p?tl=id&u=:page_url:"><div class="https://translate.googleusercontent.com/translate_pl=id&u=:page_url:rl:"><div class="sprite zh-cn"></div>ch</a> </div> </td> </td> </tr> </tbody> </table> </div> </center> </div>
Untuk skrip header telah selesai, untuk selanjutnya kita akan menambahkan skrip index.

Skrip Index

Skrip pertama: All Access
<title>file sharing service</title>
 Skrip kedua: All Access
[fm]d=1,o=u,l=8,s=:to-page:,no=no file|| <div style="text-align:center"> <div class="list_item"> <table width="100%"> <tr> <td width="50px"> <div style="width: 50px text-align: center"> <a style="text-decoration: none" href="site-download.html?to-file=%id%"> <img style="vertical-align: middle" width="45px" src="http://upfile.mobi/ui/images/types/45x45/default.png" /> </a> </div> </td> <td> <div class="nowrap"> <a style="text-decoration: none" href="site-download.html?to-file=%id%"> <h3>%name%</h3> </a> </div> <div style="margin-top: 5px color: #535353"> size: %size%, date: %time_upl%</div> </td> </tr> </table> </div>[/fm]
  Skrip ketiga: All Access
<div id="pagination-links"><center> :page:c=[fm]d=1,l=0,no=0||%count%[/fm],s=:to-page:,l=8,u=?to-fid=1&to-page=,no=Only one page::%n%:/page:</div>
 Untuk skrip Index telah selesai, mari kita lanjutkan ke page Footer.

Skrip Footer

Sekrip pertama: All Access
</div></div></div><center><div class="g"></html>
 Sekrip kedua: All Access
<div class="center"> <center> <div style="max-width: 800px"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="34%"> <div class="footer"> <center> <div style="max-width: 800px"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="34%"> <a class="footer_item" href="/index.php"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_home.png)" class="icon"></div> Utama </a> </td> <td width="33%"> <a class="footer_item" href="/"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_catalog.png)" class="icon"></div> Katalog</a> </td> <td width="33%"> <a class="footer_item" href="https://www.facebook.com/GamerJahat"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_contact.png)" class="icon"></div> Kontak</a> </td> </tr> </tbody> </table> </div> </center> </div> </div> </body>
 Untuk skrip Footer telah selesai, selanjutnya ke halaman/page tambahan, untuk membuat halaman atau page baru, pilih Panel  >> Page
Cara membuat Situs Mobile File Sharing mirip upfile.mobi
Dan untuk selanjutnya membuat halaman atau page view untuk download file-nya terserah namanya apa aja, rekomendasi saya buat aja download.

Skrip Download

 All Access

 <title>[fm]to=:to-file:,o=u,s=:to-page:,no=no file||%name%[/fm]</title>

All Access

html/tag <div class="footer"> <center> <div class="inner_footer"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="49%"> <a class="footer_item" href="site-upload.html"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_home.png);" class="icon"></div> Upload</a> </td> <td width="49%"> <a class="footer_item" href="/"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_catalog.png);" class="icon"></div> Katalog</a> </td> </tr> </tbody> </table> </div> </center> </div> </div>

All Access

</div> </div> </div> </div> </div> <div class="footer"> <center> <img style="min-height:225px" src="http://upfile.mobi/ui/images/screenv2/default.png" /> <!--<img style="min-height:225pxmin-width:275px" src="http://upfile.mobi/ui/images/screenv2/default.png" />--> <div class="dotted_line"></div> </center> <div style = "padding:0px 10px 10px 10pxtext-align:leftfont-size:15pxfont-weight:boldmax-width:800pxword-break:break-all"> <div style="margin-left:8pxdisplay:inline-block"> <div style="width:30pxfloat:leftdisplay:inline-block"> <a style="text-decoration: none" title="share on facebook" target="_blank" href="http://m.facebook.com/sharer.php?u=:page_url:"> <img style="margin-left: 1pxtop:5px" src="http://upfile.mobi/ui/images/social/facebook.v2.png"> </a> </div> [fm]to=:to-file:,o=u,s=:to-page:,no=no file||<b> <div style="float:leftdisplay:inline-blockmargin-left:20px"> <div style="height: 8px"></div> <span style ="color: #27Cfont-size:14px"> - %name%</span><br/> <span style="color: #27Cword-break:break-all"> - Extensi</span><br/> <span style="color: #27C"> - <a href="site-profile.html?to-user=%by%"> %by%</a></span> <br/> - Downloads: %hits%<br/> <span style="color: #008b1a"> - Security Scan Complite ✅ </span><br/> </b> </div> </div> </div> </center> <center> <div style="max-width:800px"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <div class="file_attr"> <div class="inner_file_attr"><h1> File Description: %description% </h1> </div> </div> </tr> <tr> <div class="file_attr"> <div class="inner_file_attr"> <input style="width: 90% height: 20pxtext-align:center" type="text" value="[url=:page_url:] %name%[/url]" /> </div> </div> </tr> <tr> <div class="file_attr"> <div class="inner_file_attr"> <input style="width: 90% height: 20pxtext-align:center" type="text" value="[url=:page_url:] %name%[/url]" /> [/fm] </div> </div> </tr> </tbody> </table> </div> </center> <div class="dotted_line"></div> <div style ="text-align:center"> <div class="g" style="margin-top:5px"> <div style = "display:inlinewidth:300pxmargin-top:5px"> <div style = "text-align:center">SRIK IKLAN</div> </div> </div> <div id="download_button2" class ="download_button2" style="padding-top: 2px padding-bottom: 2px"> [fm]to=:to-file:,o=u,s=:to-page:,no=no file|| <a href="%link%" class="download_button" style="width:274px"> <div class="download_button_img_white2"></div> <!--<div class="download_button_img_white"></div>--> Download File (%size%) [/fm] </a> </div> <div class="g" style="padding-bottom:5px"> <div style = "display:inlinewidth:300pxmargin-bottom:5px">SKRIP IKLAN</div> </div> </div> </div>

All Access

</center><div><div class="related"><h2> Trending Files </h2></div> [fm]d=1,o=u,l=15,s=:to-page:,no=no file|| <div style="text-align:center"> <div class="list_item"> <table width="100%"> <tr> <td width="50px"> <div style="width: 50px text-align: center"> <a style="text-decoration: none" href="site-download.html?to-file=%id%"> <img style="vertical-align: middle" width="45px" src="http://upfile.mobi/ui/images/types/45x45/default.png" /> </a> </div> </td> <td> <div class="nowrap"> <a style="text-decoration: none" href="site-download.html?to-file=%id%"> <h3>%name%</h3> </a> </div> <div style="margin-top: 5px color: #535353"> %size%, <!--06-11--> Download: %hits%</div> </td> </tr> </table> </div>[/fm]

Skrip halaman Seacrh

 All Access

<title>file sharing service</title>

All Access

</div> <br><div class="home"> &#187 Uploaded files </div> </br> <table width="100%"> <div style="margin-bottom: 0px" class="footer"> <form action="site-search.html" method="GET"> File name:<br/> <input type="text" name="to-search" maxlength="255" value="" /><br/> <input class="button" type="submit" value="Pencarian" /> </form> </div> <div style="margin-bottom:5pxmargin-top:5px"></div> </td> </tr> </table> </div>

All Access

[fm]d=1,o=u,l=1000,search=:to-search:,no=<div style="padding-top: 30px; padding-bottom: 25px; text-align: center;"> <img src="http://upfile.mobi/ui/images/icon_16x16_warning.png" /> Tidak ditemukan</div>|| <div style="text-align:center"> <div class="list_item"> <table width="100%"> <tr> <td width="50px"> <div style="width: 50px text-align: center"> <a style="text-decoration: none" href="site-download.html?to-file=%id%"> <img style="vertical-align: middle" width="45px" src="http://upfile.mobi/ui/images/types/45x45/default.png" /> </a> </div> </td> <td> <div class="nowrap"> <a style="text-decoration: none" href="site-download-file.html?to-file=%id%"> <h3>%name%</h3> </a> </div> <div style="margin-top: 5px color: #535353"> 2.08 KB, <!--06-11--> Download: %hits%</div> </td> </tr> </table> </div>[/fm]

Skrip page Upload

All Access

<title>file sharing service</title>

All Access

<div class="footer"> <center> <div class="inner_footer"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="49%"> <a class="footer_item" href="site-upload.html"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_home.png)" class="icon"></div> Upload</a> </td> <td width="49%"> <a class="footer_item" href="/"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_catalog.png)" class="icon"></div> Katalog</a> </td> </tr> </tbody> </table> </div> </center> </div> </div>

Guest

<div class="footer"> <center>Mohon maaf! untuk dapat meng-upload file, Anda harus <b><a href="/site_login.html">Masuk</a></b> terlebih dahulu, dan jika belum punya akun silahkan<b> <a href="/site_reg.html">Menaftar<a/><br>Terima kasih.</b></center>

Pilih menu File Uploader: Skrip file uploader

<div class="footer">%notify%
Pilih file:<br/>%file%<br/>
Deskripsi file:<br/>
%description%<br/>
%submit%
Cara setting file uploader:
Cara membuat Situs Mobile File Sharing mirip upfile.mobi

Skrip page Profile

All Access

<title>Profile :profile(:to-user:)-name:</title>

All Access

<div class="footer"> <center> <div class="inner_footer"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="49%"> <a class="footer_item" href="site-upload.html"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_home.png)" class="icon"></div> Upload</a> </td> <td width="49%"> <a class="footer_item" href="/"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_catalog.png)" class="icon"></div> Katalog</a> </td> </tr> </tbody> </table> </div> </center> </div> </div>

All Access

 <div class="footer"><b>- Info Pengguna</b><center><br/> :profile(:to-user:)-foto:<br><h2><b>:profile(:to-user:)-var(name):</2></b><br>●_______ஜ۩۞۩ஜ_______●<br><br>Poin: :profile(:to-user:)-point:</center><div/>

User

<b><center><a href="/site-setting-profile.html">Ganti foto profil dan settingan lainnya</a></b></center><br/>

User

<div class="footer"><center> <div class="inner_footer"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="49%"> <a class="footer_item" href="/site-user-files.html?to-user=:profile(:to-user:)-name:"><div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_catalog.png)" class="icon"><b></div> File Saya</a> </b></td></tr> </tbody> </table> </div> </center> </div> </div>

Guest

<div class="footer"> <center> <div class="inner_footer"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="49%"> <a class="footer_item" href="/site-user-files.html?to-user=:profile(:to-user:)-name:"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_catalog.png)" class="icon"></div> File :profile(:to-user:)-name:</a> </td></tr> </tbody> </table> </div> </center> </div> </div>

All Access

<b>-Info Pengguna</b><br>- User id: :profile(:to-user:)-name:<br>- Facebook: :profile(:to-user:)-var(facebook):<br>- No hp: :profile(:to-user:)-var(handphone):<br>- Website: :profile(:to-user:)-var(site):<br>- Facebook: :profile(:to-user:)-var(facebook):<br>- Jenis kelamin: :profile(:to-user:)-var(gender):<br>- Alamat IP: :profile(:to-user:)-ip:<br>- Login terakhir: :profile(:to-user:)-dlogin:<br>- Browser: :profile(:to-user:)-browser:</div></div>

Setting Profile

All Access

<title>Profile :profile(:to-user:)-name:</title>
<div class="footer"> <center> <div class="inner_footer"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="49%"> <a class="footer_item" href="site-upload.html"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_home.png)" class="icon"></div> Upload</a> </td> <td width="49%"> <a class="footer_item" href="/"> <div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_catalog.png)" class="icon"></div> Katalog</a> </td> </tr> </tbody> </table> </div> </center> </div> </div>
<div class="footer"><b>- Info Pengguna</b><center><br/> :profile(:to-user:)-foto:<br><h2><b>:profile(:to-user:)-var(name):</2></b><br>●_______ஜ۩۞۩ஜ_______●<br><br>Poin: :profile(:to-user:)-point:</center><div/>

All Access

 <b><center><a href="/site-setting-profile.html">Ganti foto profil dan settingan lainnya</a></b></center><br/>

All Access

<div class="footer"><center> <div class="inner_footer"> <table width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="49%"> <a class="footer_item" href="/site-user-files.html?to-user=:profile(:to-user:)-name:"><div style="background-image: url(http://upfile.mobi/ui/images/icon_16x16_catalog.png)" class="icon"><b></div> File Saya</a> </b></td></tr> </tbody> </table> </div> </center> </div> </div> 

User Files

<title>Files :profile(:to-user:)-name:</title>

All Access

[fm]d=1,o=u,l=8,usr=:to-user:,no=no file|| <div style="text-align:center"> <div class="list_item"> <table width="100%"> <tr> <td width="50px"> <div style="width: 50px text-align: center"> <a style="text-decoration: none" href="site-download.html?to-file=%id%"> <img style="vertical-align: middle" width="45px" src="http://upfile.mobi/ui/images/types/45x45/default.png" /> </a> </div> </td> <td> <div class="nowrap"> <a style="text-decoration: none" href="site-download.html?to-file=%id%"> <h3>%name%</h3> </a> </div> <div style="margin-top: 5px color: #535353"> size: %size%, date: %time_upl%</div> </td> </tr> </table> </div>[/fm]

All Access

<div id="pagination-links"><center> :page:c=[fm]d=1,l=0,no=0||%count%[/fm],s=:to-page:,l=8,u=?to-fid=1&to-page=,no=Only one page::%n%:/page:</div>
Jika telah selesai mletakkan skrip pada halaman atau page, selanjutnya kita akan buatf folder baru di menu File Manager (FM) buat folder baru dengan nama file. dan selesai, dan jika kamu ingin men-upload file haru di dalam folder yang kamu buat dengan nama file, dan untuk memastikan semua berjalan dengan lancar, coba kamu upload terserah file apa aja di dalam filder file tersebut. dan ternyata terdapat masalah atau bug, silahka berkomentar dan juga bagi kalian yang kurang jelas.

Untuk mengakhiri Artikel kali ini, saya ucapkan Terima kasih :)
Tags :

No comments:

Subscribe to: Post Comments ( Atom )
Powered by Blogger.