Ads 468x60px

Showing posts with label Web Desain. Show all posts
Showing posts with label Web Desain. Show all posts
Tuesday, August 24, 2010

0
buat hosting sendiri dari speedy

Ada keinginan untuk membuat hosting tanpa harus menyewa host?.
Kawan-kawan dapat melakukan dengan menggunkan infrastruktur yang telah ada.
Kebutuhan infrastructur :
1. satu buah PC dengan OS XP
2. Modem ADSL dengan koneksi Speedy Unlimited
3. XAMPP sebagai Localhost
Dengan Asumsi kebutuhan infrastruktur diatas sudah terpasang dan koneksi speedy sudah jalan normal kita dapat membuat webhost sendiri dengan bantuan XAMPP.

Sekarang kita mulai memodifikasi konfigurasi modem untuk menjadikan pc yang terhubung dengan adsl kita sebagai server yg meng-host kebutuhan seperti yang saya sebut diatas (www, ftp, telnet, dan lain-lain).

1. login lah ke Modem ADSL Speedy anda
2. ubahlah koneksi speedy di modem, yang awalnya PPPoE/PPPoA (dengan user&password), Menjadi Bridge Mode (tanpa user & password)
3. Simpan Konfigurasi Modem Anda
sekarang untuk bisa mendapatkan ip dynamic dari speedy, kita beralih ke PC yang terkoneksi dengan Speedy langsung atau yang terhubung melalui hub.
4. bukalah Network Connection atau dengan meng-klik Start – Settings – Control Panel - Network Connections       
5. Kemudian Buatlah Koneksi PPP dari Windows Anda untuk mendapatkan ip dynamic dari speedy dengan mengklik Create a new connections dengan username dan password Speedy
6. Kemudian akan muncul Kotak isian Username & Password, jika anda telah mengikuti langkah2 diatas dengan benar, maka kotak yang muncul akan sudah terisi untuk kolom username & password nya, Sekarang untuk melakukan Koneksi, tekan CONNECT
7.  Bila koneksi Speedy Anda Akan muncul 2 indikator seperti gambar dibawah ini, dan bila di ipconfig via DOS, PC Anda Mempunyai 2 IP Address, yaitu IP Local (private ip) dan IP dari Speedy (public IP)

Dari Percobaan diatas, PC anda sekarang sudah bisa di jadikan Server yang bisa dikenali dunia secara langsung, dalam artian bisa meng-host banyak kebutuhan diantaranya www, ftp, email, dan lain-lain, karena peran modem diatas hanyalah sebagai Bridging (tidak memiliki IP dan sebagai penjembatan koneksi internet speedy Anda)
Memperoleh dinamic DNS melalui DynDNS
DynDNS ( Dynamic DNS) -  www.dyndns.com Adalah penyedia DNS untuk dynamic dan static IP serta banyak Sub-Domain yang bisa di gunakan secara bebas dan GRATIS, dalam artikel ini kita akan membuat satu sub domain ‘anda.subdomain.xxx’ dengan puluhan pilihan subdomain yang sudah tersedia di dyndns.com serta updating secara berkala supaya domain selalu mengenali ip speedy anda yang selalu berganti karena bersifat dinamis, serta software pendukung nya

Syarat dan Caranya :

   1. internet anda harus udah tersambung dengan koneksi speedy
   2. buka url ini di browser anda : www.dyndns.com
   3. atau langsung aja buat account baru di : https://www.dyndns.com/account/create.html
   4. lakukan konfirmasi melalui email Anda tadi, dan klik url yang ada didalam nya untuk mengaktifkan account anda.
   5. bila sudah aktivasi, account anda akan langsung aktif
   6. lakukan login ke dydns dengan user+password anda tadi
   7. klik pada My Services yang terletak pada pojok atas kanan
   8. pilih lah menu Add Host Services (gb. lingkar 1)
   9. kemudian klik Add Dynamic DNS Host (gb. lingkar 2)

      Cara cepat untuk mem by-pass nomer 7-9 dengan meng klik / copy paste di browser: https://www.dyndns.com/account/services/hosts/dyndns/add.html
     
Contoh :

- misal pada hostname anda isian : hostku
- Kemudian dengan pilihan domain : blogdns.net
- Settingan yg lain ?  default (tanpa ada perubahan)
- Kemudian klik ?  Add Host

maka alamat url domain untuk speedy anda adalah :

 http://helmstandart.homeip.net/

 NOTE:
    *
      Sub-Domain yang anda buat bisa menjadi sub-domain anda selamanya
    *
      Sub-domain yang anda buat tadi ( http://helmstandart.homeip.net/ ) tidak bisa mengikuti perubahan ip pada speedy anda kecuali anda mengikuti tahap terakhir yang akan saya jelaskan di bawah ini, yang akan secara otomatis mengupdate ip dynamic anda dengan sub-domain di dyndns
Proses Updating DNS pada DynDNS.com

Updating DNS pada DynDNS ini sangat diperlukan, mengingat ip Speedy Anda adalah Dynamic IP ( tidak memiliki IP tetap )
Agar DynDNS selalu mengerti perubahan IP speedy anda, anda perlu untuk meng-update ya secara berkala di web nya dyndns, terutama saat modem baru di nyalakan, atau faktor lain yg menyebabkan ip berubah

Untuk memudahkan proses Updating dan update secara OTOMATIS, DynDNS telah menyediakan Software pendukung nya yang disediakan secara Free, yang berfungsi untuk peng-updatan secara otomatis sub-domain dengan ip dynamic speedy Anda.
ikuti langkah-langkah dibawah ini dan download file updater :
1.https://www.dyndns.com/support/clients/  atau di http://www.download.com/DynDNS-Updater/3000-2381-10405775.html?part=dl-DynDNSUpd&subj=dl&tag=button
2.extract lah file tersebut
3.install file tersebut
4. buat groups
5.isikan username dan password speedy anda disitu, atau klik tombol detect untuk detect dialer account yang sudah anda buat tadi
6.kemudian Klik OK sampe aplikasi tertutup, tapi pastikan icon try dyndns masih ada, tunggu sebentar sekitar 5-10 detik, untuk dyndns  melakukan connecting secara otomatis
masukkan sub-domain yang sudah anda buat tadi (helmstandart.homeip.net), dengan pilihan system dyndns

indikator
centang hijau Anda berhasil
Centang kuning proses update
Centang merah anda gagal
Sunday, August 22, 2010

0
edit beckround di prestashop

Bila kalian merasa kesulitan untuk menambahkan backround? atau mungkin tidak tahu apa itu background di prestashop. Background di prestashop defaultnya di telah diset dengan CSS dengan menggunakan warna putih (#FFF), sangat standar untuk sebuah web background. Lalu, mengapa tidak kita coba untuk mengganti background supaya onlineshop kita tampak lebih keren. Kalau hanya untuk mengganti warna dengan menggunakan warna standar dapat di edit langsung di file CSS yang jika masih menggunakan themes standar filenya berada di folder : “themes/prestashop/css/global.css“. Perhatikan bagian ini:

    body {
    background-color: white;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #5d717e;
    text-align:center;
    }

ganti bagian background-color:white; dengan warna yg dikehendaki, misalkan warna biru maka menjadi seperti ini: background-color: blue; atau dengan menggunakan kode warna lain yang diawali simbol “#” (#333 untuk warna abu-abu gelap). Setelah selesai janga lupa untuk di save, lalu lihat perubahan di front office. Sampai disini cukup mudah kan untuk diterapkan.

Setelah kita mencoba merubah warna background tadi, mari kita mencoba teknik lain yang lebih oke daripada hanya merubah warna background yaitu dengan menggunakan gambar / image yang kita mau supaya tampil dengan fullscreen mengikuti ukuran gambar (autosize), teknik background dengan gambar autosize mengikuti ukuran layar monitor di client ini saya terapkan pada www.vortees.com. Untuk memulainya ikuti tahapan berikut: (sebelum memulai sebaiknya anda backup file-file yang akan di edit, jika terjadi kesalahan anda dapat mengembalikan dengan mudah.)

1. Masuk ke folder themes default anda, jika masih menggunakan themes standar dari Prestashop, lokasi berada di “themes/prestashop/“.
2. Cari dan buka file dengan nama “header.tpl” untuk di edit. Lakukan modifikasi dengan menambahkan beberapa syntax html sebagai berikut:

Temukan baris kode seperti ini:

    ———————————————————————————————

   

    {if !$content_only}
   
   


    ———————————————————————————————-

lakukan modifikasi menjadi seperti ini:

    ———————————————————————————————

   

    {if !$content_only}

   

   
   


    ———————————————————————————————-

Jika diperhatikan ada penambahan baris kode:

   


baris kode tersebut berfungsi sebagai background nantinya. Sesuaikan source dari image yang aka dijadikan background, saran saya jangan menggunakan gambar image yang terlalu besar karena akan membuat loading time menjadi lama. Karena ini mempunyai sifat autosize gambar dengan resolusi kecil dapat me-resize otomatis mengikuti ukuran size di layar monitor. Setelah selesai simpan kembali file tersebut. lanjut ke tahap selanjutnya.

3. Cari dan buka file “footer.tpl“, lalu modifikasi seperti ini:

Cari baris kode seperi dibawah ini :

    ———————————————————————————————-

   
   
{$HOOK_FOOTER}

    {/if}
   
   

    ———————————————————————————————-

edit menjadi seperti ini:

    ———————————————————————————————-

   
   
{$HOOK_FOOTER}

   

    {/if}
   
   

    ———————————————————————————————-

perubahannya hanya penambahan tag “
” saja, karena file “header.tpl” yang tadi belum ditulis tag penutupnya sedangkan untuk menutup tag tersebut berada di file pada tahap ini. Simpan perubahan, lanjut ke tahap selanjutnya.

4. Sekarang kita perlu memodifikasi file “global.css” yang lokasinya berada di: “themes/prestashop/css/global.css“. Tambahkan kode CSS ini di baris paling bawah (sebenarnya dimana saja bisa asal sesuai dengan aturan penulisan kode CSS) :

    #bg { width:100%; height:auto; }

    img.mybg { width: 100%; height:auto; position: fixed; top: 0; left: 0; }

kemudian edit baris kode yang seperti ini:

    #page {
    width: 980px;
    margin: 0 auto 2px auto;
    text-align:left;
    }

menjadi seperti ini:

    #page {
    width: 980px;
    margin: 0 auto 2px auto;
    text-align:left;
    position: relative;
    }

Perubahan dengan penambahan “position: relative;“, setelah selesai simpan kembali file terebut.

5. Refresh halaman front office prestashop anda, background akan berubah sesuai gambar / image yang anda tambahkan tadi. Selamat mencoba dan berkreasi.
Saturday, August 21, 2010

0
cara menampilkan yahoo online di prestoshop

Menurut saya, salah satu layanan penting yang harus ada pada setiap website adalah online help, dimana pelanggan atau calon pembeli dapat langsung berintersaksi dengan penjual.
Dengan adanya layanan online, pelanggan bisa bertanya langsung tentang produk yang telah dibelinya “after sales service”, dan penjual dapat melakukan pendekatan yang lebih kepada calon pembeli agar mereka yakin dengan produk yang ditawarkan. Dengan demikian probabilitas terjadi penjualan menjadi lebih besar dan loyalitas pelanggan yang ada bisa terjaga.


Untuk Prestashop ada satu modul yang saya sendiri juga pakai untuk layanan online ini, namanya ONLINE HELP yang saya temukan dengan bantuan alat pencari yang powerfull. Google!
Download dan instruksi bisa kamu dapatkan di link ini >> ONLINE HELP
Jika sudah dapet filenya, yang harus dilakukan berikutnya adalah tambah modul baru di prestashop dan atur posisi sesuai keinginan.Terakhir, lakukan konfigurasi. Caranya:

Cari file onlinehelp.tpl di folder modules. Bisa menggunakan FTP >> modules > onlinehelp
  1. Temukan baris ini
    ganti_id_yahoomu">ganti_id_yahoomu&m=g&t=14

    " width="128" height="100">
    ganti_id_yahoomu ganti dengan Yahoo ID kamu.contoh helmstandart@yahoo.com


sukses yach.. : )

0
cara menghapus tulisan powered by prestashop

mungkin kita sudah tau banyak tentang prestashop cuma kadang bingung juga edit beberapa kata atau tulisan di prestashop.nah di komputerdasar.blogspot.com ini menanggapi banyaknya pertanyaan bagaimana sih menghilangkan tulisan powered by prestashop dan membuatnya rata tengah di bawah footer website yang biasanya berada di pengaturan tema website namun untuk prestashop sendiri pengeditannya tidak di bagian itu, untuk melakukan editing cukup edit  “\modules\blockvariouslinks\blockvariouslinks.tpl” ganti kode berikut :
   
   
   

dengan kode berikut ini :

   
   
   

ringan kan…???
Thursday, August 19, 2010

0
Menghapus Country pada Prestashop

buka file authentication.tpl lalu cari dan edit Smarty Code berikut ini
<label for="id_country">{l s='Country'}label>
<
select name="id_country" id="id_country">
    <
option value="">-option>
    
{foreach from=$countries item=v}
    
<option value="{$v.id_country}" {if ($sl_country == $v.id_country)} selected="selected"{/if}>
       
{$v.name|escape:'htmlall':'UTF-8'}
       
option>
    
{/foreach}select>
<
sup>*sup>

Rubah Menjadi
<label for="id_country">{l s='Country'}label>
        <
span style="font-size:14px; font-weight:bold;">Republik Indonesiaspan>
        <
input type="hidden" name="id_country" value="ID_COUNTRY_INDONESIA" />
Kemudian buka file address.tpl lalu cari dan edit Smarty Code berikut ini
<class="required select">
            <
label for="id_country">{l s='Country'}label>
            <
select id="id_country" name="id_country">{$countries_list}select>
            <
sup>*sup>
        p>
Rubah Menjadi :
<class="required select">
            <
label for="id_country">{l s='Country'}label>
                        <
span style="font-size:14px; font-weight:bold;">Republik Indonesiaspan>
                        <
input type="hidden" name="id_country" value="ID_COUNTRY_INDONESIA" />
        p>
INGAT!
ID_COUNTRY_INDONESIA = ID Negara Indonesia
Wednesday, August 18, 2010

0
lupa password / reset admin password in prestashop

Ada beberapa tips yang bisa digunakan untuk mengembalikan, mereset atau mengupdate password prestashop yang kelupaan tadi, diantaranya adalah :
  • Dengan cara mereset password, yaitu menekan tulisan lost password pada menu login admin prestashop, setelah kita klik lost password, prestashop akan meminta username atau email yang kita gunakan sebagai username, nantinya email ini akan digunakan oleh prestashop untuk mengirimkan password yang sudah direset dan bisa kita gunakan sebagai pengganti password kita. Setelah itu kita kembali ke menu login dan masuk menggunakan email/ username dan password yang kita dapatkan dari prestashop.
  • Masalahnya adalah bagaimana jika kita juga lupa email yang di gunakan sebagai username, berikut caranya :
  1. Masuk ke cpanel hosting anda
  2. masuk ke phpmyadmin untuk membuka tabel – tabel di database anda
  3. biasanya username ada pada tabel ps_employee
  4. Klik tabel ps_employee, kemudian browse
  5. Nanti akan terlihat username / email yang anda gunakan untuk login admin prestashop anda
  6. setelah itu anda bisa lakukan langkah pertama di awal pembahasan ini atau
  7. mengupdate password dengan cara mengupdate sql database anda yaitu memasukan script sql UPDATE ps_employee SET passwd=md5(“”) WHERE email=”
  • kode cookie bisa kita dapatkan di file manager > config > setting.inc.php
  • password baru anda
  • email yang anda gunakan untuk login
contoh jika ;
  1. Kode cookienya adalah : gI3M9S1Uv45wDqkqvGNYF.xAamJY9.zKpykqHCgCxE5m1ozAtQBjFIi
  2. password barunya : abcdefg
  3. emailnya : helmstandart@yahoo.com
maka syntax sql nya:
UPDATE ps_employee SET passwd = md5(“hgI3M9S1Uv45wDqkqvGNYF.xAamJY9.zKpykqHCgCxE5m1ozAtQBjFIi123456789″) WHERE email=”helmstandart@yahoo.com"
it works, mudah – mudahan berhasil sudah saya test
Monday, August 16, 2010

0
Cara edit Footer halaman prestashop

Untuk mengedit footer, terlebih dahulu Anda harus login cpanel atau Hosting.

Kemudian buka file manager berikut ini:
/public_html/modules/blockvariouslinks


-edit blockvariouslinks.tpl

Jika ingin menghapus atau mengedit link prestashop ubah code berikut ini:

{l s='Powered by' mod='blockvariouslinks'} PrestaShop™

Ya, hanya itu. Sederhana bukan? Selamat mencoba..sob

0
Membuat Title Web Browser Berjalan (Scroll Web Title)

Kali ini kita akan membuat kejutan kepada pengunjung web kita lagi. Kita buat title web berjalan. Pengen tau gimana caranya?? Ketikkan script berikut pada Notepad, kemudian simpan sebagai format HTML.






Title Web berjalan



0
Mengganti Icon Title Weblog / Favicon Di Blogspot

Icon yang ada pada title weblog dari blogspot adalah seperti ini
Nah kali ini akan saya ajarkan cara mengganti icon yang ada pada title web dari blogspot ini.


  1. Pertama-tama carilah gambar icon yang anda inginkan. Format filenya adalah file gambar seperti: jpg, png, bmp, gif, dll.

  2. Kemudian upload gambar yang telah anda pilih itu ke hosting gambar seperti: imageshack.us atau photobucket.com atau hosting-hosting lainnya. Dan saya lebih sering menggunakan hosting gambar imageshack.us.

  3. Setelah itu, masuk ke menu Tata Letak - Edit HTML dari weblog anda.

  4. Cari code

  5. Tepat di bawah code , letakkan code berikut:



  6. Gantilah URL http://img38.imageshack.us/img38/8057/sagaraicon.png dengan URL gambari icon yang telah anda upload dihosting image tersebut.
    URL tersebut merupakan URL dari gambar icon yang telah di upload di hosting imageshack.us.

  7. Kemudian SIMPAN TEMPLATE


SELAMAT MENCOBA...!!!

0
Menghilangkan Navbar Weblog Blogspot

Bagi anda para blogger mania tentunya tidak asing dengan gambar dibawah iniGambar di atas merupakan macam-macam navbar yang ada di blogspot. Bagi yang tidak suka dengan kemunculan navbar ini di weblog, mari kita hilangkan navbar tersebut.

Begini caranya:


  1. Masuklah ke Tata Letak - Edit HTML
  2. Carilah code ]]>
  3. Kemudian di atas code tersebut, letakkan syntax berikut:

    #navbar, #navbar-iframe {
    height: 0px;
    visibility: hidden;
    display: none;
    }
  4. Simpanlah perubahan template anda. SIMPAN TEMPLATE
  5. Selesai

0
Prestashop Mata Uang Rupiah

Secara default ada 3 mata uang yang digunakan dalam Prestashop, yaitu :
- Euro
- Dollar
- Pound


Pasti dari teman – teman muncul pertanyaan “Bagaimana menggantinya ke Rupiah?”
Yah penggunaan rupiah tentu sangat dibutuhkan apabila bisnis yang kita bangun hanya mencakup wilayah lokal Indonesia saja.
Caranya adalah sebagai berikut :
1. Back Office –> Payment –> Currencies
2. Pilih salah satu mata uang yang akan kita edit. Contoh Euro
3. Pada tab Actions pilih Edit
4. Kemudian edit file berikut :
Currency: Rupiah
ISO code: IDR
Symbol: Rp
5. Save
Jika ingin Rupiah ingin menjadi default, di bawah daftar mata uang tersebut pilih “Currencies Option.” Setting Rupiah sebagai “Default Currency.” Save
Wednesday, December 9, 2009

0
Reset password admin pada wordpress

  1. Masuk ke cpanel tempat wordpress kita hosting
  2. Klik phpmyadmin
  3. Pilih database wordpress yang telah dibuat
  4. Pilih user yang akan kita reset (dengan mengklik gambar pencil disamping account user)
  5. Pada field user_pass masukkan value password baru yang kita inginkan
  6. Jangan lupa pada fuction dipilih md5
  7. Save
  8. Selesai
Monday, February 9, 2009

0
nge-print halaman web tanpa mengikutsertakan Background

Berikut langkah-langkah untuk menge-print halaman web tanpa mengikutsertakan Background dari halaman web :

1. Internet Explorer :

* Klik Menu Tools > Option > Advanced
* Cari bagian Printing, kemudian pastikan box "Print background colors and images" kosong atau tidak dicek

2. Firefox dan Netscape :

* Klik Menu File > Page Setup
* Pastikan box "Print background colors and images" kosong atau tidak dicek

0
Cara Memilih Hosting

Bagi yang ingin punya website sendiri dengan hosting yang berbayar nih saya ada referensi kumpulan hosting yang saya dapet dari website tetangga semoga aja bermanfaat mungkin bagi anda yang ingin memulai bisnis online atau menawarkan jasa online, bisa juga sebagai media promosi dan marketing dengan biaya murah dan menjangkau seluruh dunia (bayangkan).
Tips-tips memilih hosting (yang helmstandart ketahui ya…:) )

* Usahakan Hosting tersebut Memiliki Tempat atau kantor yang jelas alamatnya sebenarnya tidak masalah sih kalau untuk pribadi saja namun bila untuk perusahaan atau bisnis ini bisa di perlukan bila ada sesuatu yang tidak di inginkan.
* Hosting Tersebut punya server mirror jadi sewaktu-waktu koneksi suatu hosting trouble bisa ada cadangan server lain.
* Support 24 jam bagi yang kerjanya tidak mengenal waktu ini sangat di perlukan tapi bagi yang hanya khusus jam kantor ini tidak masalah.
* CekFasilitas/fitur
Tentu saja ini menjadi faktor penting, karena apa artinya Anda berlangganan hosting kalau Anda tidak dapat menjalankan aplikasi yang Anda inginkan? Provider pada umumnya harus menyediakan aplikasi/software/librari yang standar dibutuhkan banyak orang, seperti PHP, MySQL, Perl, dengan versi yang cukup baru dan berikut librari-librarinya. Fitur lainnya seperti memasang antivirus dan antispam di server SMTP, tersedia akses mailbox melalui webmail, POP3, forwarding, dan IMAP4. Dalam hal mengupload website, harus menyediakan beberapa mekanisme, yaitu lewat interface web (control panel), FTP, shell (SSH), dan FrontPage.
* Harga jangan terkecoh dengan harga yang sama sebab jasa tidak bisa di samakan dengan barang, cek apakah mereka punya fasilitas yang sama dengan harga yang sama.
* Stabilitas server cek lokasi server mereka dengan detail pilih yang punya banyak server sebab dengan begitu kita punya banyak cadangan jika salah satu server mereka ada gangguan.
* Backup Apakah mereka menyediakan backup harian,mingguan, atau bulanan
* Kesimpulan : Semua tergantung dari bagaimana anda menyikapi dan kebutuhan anda tips ini tidak mutlak untuk lebih akurat silahkan cek lewat media yang lebih terpercaya.
 
shyrod_IT | © 2010 by DheTemplate.com | Supported by Promotions And Coupons Shopping & WordPress Theme 2 Blog | Tested by Blogger Templates | Best Credit Cards