Cara Upload Website Ke Web Hosting menggunakan 000webhost

Halo para pecinta news.palcomtech.com kali ini saya akan berbagi tentang cara upload website web hosting agar website yang kita buat dapat di akses online melalui internet. Pada tutorial ini saya menggunakan jasa free web hosting di http://000webhost.com dengan domain co.cc (salah satu jasa penyedia domain gratis), apabila ada yang belum memahami pengertian domain dan hosting dapat dibaca pada artikel sebelum nya dihttp://news.palcomtech.com/2011/11/mengenal-nama-domain-dan-hosting/ .

Untuk melihat hasil website yang sudah di upload, silahkan buka http://x-codepct.co.cc

Gimana semakin penasaran bagaimana cara nya ? . Baiklah mari langsung kita bahas.

Read more »

<style type="text/css" media="screen">
.pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #294BD6;width:100%; border:solid 1px #FF0000;clear:both;} /*Color navigation bar normal mode*/
.pd_menu_01  a, .pd_menu_01 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size:12px;
color: #FFFFFF;
background-color: #294BD6;
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #FF0000; }
.pd_menu_01 ul li a {color: #FFFFFF;background: #294BD6;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #294BD6;}
.pd_menu_01 ul li:hover a {background-color:#FF0000; text-decoration:none; color:#FFFF00;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block;  position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #FF0000; border-bottom: solid 1px #FF0000; background-color:#00FF40;  color:#0000E1;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#FF8040; text-decoration:none;color:#0000FF;} /*Color subcells hovering mode*/
.pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #FFFFFF;background: #294BD6;}
.pd_menu_01 ul li a:hover {background-color:#FF0000; text-decoration:none;color:#FFFF00;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #FF0000; border-bottom: solid 1px #FF0000; background-color:#00FF40;  color:#0000E1;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#FF8040; text-decoration:none;color:#0000FF;} /*Color subcells hovering mode*/
</style>

Read more »

Tutorial Membuat Website dengan Photoshop CS2

Web yang sering dikunjungi orang merupakan nilai plus bagi seorang web designer. Banyaknya pengunjung yang datang dapat dijadikan tolok ukur keberhasilan seseorang dalam merancang dan mengembangkan sebuah website profesional.
Ada beberapa unsur yang mempengaruhi keberhasilan tersebut, diantaranya: mudah digunakan, proses koneksi cepat, tampilan menarik, perpaduan warna sangat tepat, navigasi mudah dipahami dan digunakan, isi artikel sangat berguna, dan masih banyak lagi unsur lain. Semua itu bergantung pada respon pengunjung/pengguna terhadap website yang kita buat.
Saat ini website sudah menjadi salah satu bagian dari identitas sebuah institusi, sama pentingnya dengan alamat perusahaan. Website dapat dijadikan “guide” bagi pelanggan untuk mengetahui lebih jauh tentang

Read more »

Tutorial Dreamweaver

1. Mengubah Objek menjadi Background
Tidak semua gambar (image) yang pada web yang telah kita buat diganti. Jika image tersebut berfungsi sebagai tombol, maka Anda dapat menambahkan menu pull down agar tampilan website lebih menarik. Anda juga dapat membuat tombol dalam bentuk mouse over, dan lain sebagainya.
Pada bagian ini, kita akan mencoba membahas tentang teknik penggantian objek gambar menjadi latar belakang (backgrdound) agar kita dapat memasukkan beberapa komponen di dalamnya (teks maupun grafik).

1. Pertama kali, bukalah file index.html menggunakan Macromedia Dreamweaver.
   
2. Setelah

Read more »

membuat cursor di ikuti teks

Mungkin teman2 pernah berkunjung ke suatu blog lalu tiba2 cursornya teman2 diikuti oleh suatu teks. Nah, untuk membuat yang seperti itu sebenarnya gampang sekali, karena kita hanya membutuhkan kode HTML khusus membuat efek tulisan yang mengikuti cursor. Kode HTML yang saya maksud adalah kode berikut ini:

Read more »

Buat Jejaring sosial seperti facebook sendri

Oya…gan, ngomong2 soal facebook, sapa sih yang gak ngerti sama mas Mark Elliot Zuckerberg? Nah bos, kali ini kita akan membahas tentang cara paling gampang bikin situs jejaring social yang mirip sama facebook. Sebenernya sih gak membuat kayak mas Mark Elliot Zuckerberg sih gan, tapi cuma menginstal CMS Jcow yang sudah ada dan banyak digunakan untuk jejaring sosial lokal atau terbatas aja ...

Untuk skema step2 instalasinya ya hampir miriplah dengan instalasi wordpress di hosting apabila kita menggunakan hosting.Ok gan mengenai step2nya kita bahas aja satu persatu:

• Domain 

Gan, sebelumnya kita harus menyediakan

Read more »

Mungkin teman2 pernah berkunjung ke suatu blog lalu tiba2 cursornya teman2 diikuti oleh suatu teks. Nah, untuk membuat yang seperti itu sebenarnya gampang sekali, karena kita hanya membutuhkan kode HTML khusus membuat efek tulisan yang mengikuti cursor. Kode HTML yang saya maksud adalah kode berikut ini:

Read more »

Instal jcwo di 000webhost.com

Malam, sobat blogger, di malam yang dingin ini coretanku blog mencoba untuk kembali memposting sesuatu yang mungkin berguna untuk Anda. Baiklah judul postingan coretanku blog kali ini adalah Membuat Sosial Network Sendiri. Sebenarnya cara membuat sosial network itu sangat banyak, tetapi disini saya akan menjelaskan cara membuat sosial network dengan JCow. Sebelum kita lanjut, alangkah lebih baik jika kita review dulu apa itu JCow.

Content Management System (CMS) Jcow adalah salah satu dari sekian banyak script Social Network yang dijual pembuatnya. Agar CMS tersebut laku, maka sejumlah CMS Social Network ini pun juga merilis versi Open Source atau Gratis.

Kelebihan CMS Jcow:
1. Sangat Simple dan Mudah di Instal.

Read more »

Instal jcow di www.byethost.com

Cara Instalasi Jcow ( Sosial Networking )

anda pernah berpikir untuk mempunyai situs sosial networking sendiri, seperti facebook.com
.Tidak perlu menguasai bahasa pemrograman yang sulit untuk membuat situs sosial networking, disini saya akan mencoba sedikit berbagi langkah langkah untuk membuat situs sosial networking
seperti situs saya yang saya buat menggunakan Jcow.4.2 Free version nih contoh situsnya
www.kenalan.web.id
ok langkah pertama yang harus anda lakukan adalah
download Jcow anda bsa download disini  jcow.4.2.1.zip
selanjutnya anda harus mempunyai hosting sendiri, bisa mengunakan free hosting asalakn support
PHP5 & MySQL4.Ok
anda bisa ambil contoh di www.byethost.com
jika sudah sign up anda masuk ke cpanel webhosting anda sperti ini

kemudian pilih menu pada MySQL databases

Read more »

Divstyle untuk background

Divstyle untuk background

Div Bground Style

<div style="background-image:url('http://tamejo.xtgem.com/logo/line13.gif');border:0px;padding:2px;margin:2px"><div style=background:url("http://tamejo.xtgem.com/bg/10.jpg")><br/><center><font color=yellow><b>TEXT/LINK</b></font></center><br/></div></div>

<div style="background-image:url('http://tamejo.xtgem.com/logo/line15.gif');border:0px;padding:2px;margin:2px"><div style=background:url("http://tamejo.xtgem.com/bg/9.jpg")><br/><center><font color=yellow><b>TEXT/LINK</b></font></center><br/></div></div>

<div style="background-image:url('http://tamejo.xtgem.com/logo/line34.gif');border:0px;padding:2px;margin:2px"><div style=background:url("http://tamejo.xtgem.com/bg/8.jpg")><br/><center><font color=yellow><b>TEXT/LINK</b></font></center><br/></div></div>

<div style="background-image:url('http://tamejo.xtgem.com/logo/line35.gif');border:0px;padding:2px;margin:2px"><div style=background:url("http://tamejo.xtgem.com/bg/7.jpg")><br/><center><font color=yellow><b>TEXT/LINK</b></font></center><br/></div></div>

Read more »

Background Music Switch Dengan JavaScript

Apa itu Background Music Switch? backgorund music merupakan autoplay music saat sebuah halaman web atau blog di load atau di muat. Dengan background music pengunjung dapat surving halaman dengan diiringi alunan music yang bermain di balik halaman web itu sendiri. Lalu apa bedanya Background music dengan Background Music Switch? pada dasarnya keduanya mempunyai fungsi yang sama, yaitu memutar music pada dibalik halaman web atau blog, yang membedakannya adalah..kalau background music, music akan otomatis bermain saat halaman di muat (autoplay), sedangkan background music switch memungkinkan pengunjung untuk memilih apakah background music akan diaktifkan atau tidak.

Read more »

Cara Membuat Text Area Dengan Background Text Area

Cara Membuat Text Area Dengan Background

Text Area adalah sebuah kotak yang didalamnya terdapat text maupun code yang dapat ditampilkan oleh browser sesuai dengan keadaan sebenarnya (tidak diterjemahkan).
Text area umunya terlihat sangat biasa biasa saja, dengan border seadanya dan background default putih..

Nah kali ini kita aka membahas Bagaimana cara membuat background color pada text area?.
setelah beberapa kali saya utak atik kode text area, ternyata berhasil juga.
Ini dia code nya,

Read more »

scrip translate bahasa

1. Login blogger
2. Rancangan
3. Tambah gadget
4.HTML/JavaScript

truuuzzz copas script di bawah ini

<script language="javascript"

src="http://patirengga.jw.lt/buat/lang3.js"></script><div class="phpcode"></div>

selamat mencoba

Read more »

CARA INSTALL WORDPRESS DENGAN XAMPP

selain blogspot.com yang banyak dipergunakan oleh kebanyakan rekan masih ada lagi alternative lain untuk membuat blog yaitu Wordpress, dan wordpress sendiri masih di bagi dua yaitu yang pertama Wordpress.com dan yang kedua ialah Wrdpress.org. Adapun kedua penyedia layanan penyedia Blog gratis ini yaitu Blogger dan Wordpress tentunya mempunyai keistiwaan kekurangan masing-masing tentunya.

Dan yang akan kita bicarakan sekarang ini adalah, bagaimakah caranya mengistal Wordpress dengan bantuan Software Xampp, langsung ke Komputer kita dan komputer kita itulah sebagai penganti Localhostingnya, adapun persiapan sebelum kita mulai menginstall Wordpress adalah sebagai berikut :

1. Software Xampp, bagi sahabat yang belum punya slahkan download disini.

2. Dowload Wordpress versi terakhirnya, di situs resminya yaitu http://www.wordpress.org, pada saat postingan ini saya tulis adalah Wordpress Ver.3.1

Read more »

Mengubah Style CSS Float dengan Javascript

Halo para rekan Programmer.

 

Tepatnya tadi pagi dan beberapa waktu yang lalu, Saya memiliki permasalahan ketika akan mengakses style float dari suatu element HTML dengan menggunakan Javascript. Terus terang saja saya menemui jalan buntu, karena biasanya suatu properti style di CSS dapat di akses dengan mudah dengan rincian syarat seperti di bawah ini:

Read more »

javascript mmberi efek salju di blog

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src='http://blogergadgets.googlecode.com/files/snowfall.min.jquery.js' type='text/javascript'></script> <script type="text/javascript"> $(document).snowfall({flakeCount:199}); </script>

Read more »

Souce kode signup

Kode system signup dengang menggunakan HTML

By : Sayyadi



<form name=regist_account_form method=post action=onsubmit='return account_check();'>
                <input type="hidden" name="go_url" value="" />

                <table width=100% border="0" cellspacing="2" cellpadding="0" bgcolor=cbdced>
                <tr>
                <td bgcolor=ffffff>
                        <table width="100%" border="0" cellpadding="1" cellspacing="1">

                        <tr>
                        <td width=30>
                        <td colspan=4 height=40>
                                <font color=000099 size=4><b>Daftar di sini aja
                        <tr>

                        <td width=30>
                        <td width=215>Nama depan:</td>
                        <td><input type="text" name="first_name" value="" style="width:300px;height:20px;border:1px solid #d0d0d0;" maxlength="50" />
                        <tr>
                        <td width=30>

Read more »

ide membuat sytem Login multi User

Bismillah… pada artikel kali ini saya akan mencoba memaparkan bagaimana teknik atau ide dalam membuat sistem login untuk aplikasi multi user.
Dalam suatu aplikasi bisa jadi terdapat lebih dari satu user dan dengan level yang berbeda-beda. Dengan adanya pembagian level tersebut diharapkan adanya hak akses yang berbeda. Untuk memudahkan Anda dalam membayangkan hal ini, misalkan terdapat 5 user katakanlah A, B, C, D dan E dimana user A, B dan C adalah level ‘administrator’, sedangkan D dan E user biasa. Nah… user A, B, dan C ini misalkan berhak mengakses halaman 1, 2 dan 3 dari aplikasi sedangkan D dan E hanya boleh mengakses halaman 3 saja. Dengan

Read more »

Cara daftar blog di wordpress

 Sumber : http://panduan.wordpress.com

 Cara Daftar

Berikut ini langkah-langkah untuk mendaftarkan diri, mendapatkan akun blog di wordpress.com.

1. Ketikkan ==> id.wordpress.com <== di kotak alamat (addres) di browser anda, terus enter. Menggunakan tulisan “id” agar antar muka (bahasa pengantar) berbahasa Indonesia. Akan muncul halaman seperti dibawah ini.

Read more »

membuat Link satu Halaman

  Link Satu Halaman

Lagi-lagi saya tertarik untuk membahas tentang cara membuat link. Yo'i, karena tercatat tiga artikel yang sudah di posting tentang bagaimana cara membuat tautan atau link, dan yang sekarang merupakan artikel yang keempat. Akan tetapi jangan dulu mengira bahwa posting kali ini akan sama dengan postingan terdahulu, sebab kali ini yang akan di bahas adalah cara untuk membuat link dalam bentuk Anchor.

Apa itu Anchor Link ?

Read more »