tag:blogger.com,1999:blog-67176825325600024072024-03-14T01:13:14.911-07:00Tutorial Cara Membuat Website GratisTutorial cara membuat website gratis dan proffesional lengkap dengan pertunjuk gambar untuk perorangan, LSM, lembaga, bisnis atau perusahaan.Unknownnoreply@blogger.comBlogger38125tag:blogger.com,1999:blog-6717682532560002407.post-48075564529231817592012-09-28T22:31:00.000-07:002012-10-07T18:33:54.726-07:00Cara Membuat Website Gratis<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
<div style="text-align: left;">
<b>Selamat Datang di Blog ini,</b></div>
<div style="font-family: "Trebuchet MS",sans-serif;">
Untuk memulai tutorial, silahkan agan menuju halaman <span style="font-size: small;"><b><a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2011/03/cara-mendapatkan-domain-gratis.html">Cara Mendapatkan Domain Gratis</a> </b></span>untuk mendapatkan domain atau nama website sesuai dengan selera agan. </div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
<br /></div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
Di sini Anda akan belajar cara membuat website tanpa mengeluarkan biaya sepeserpun alias gratis. Anda akan mendapatkan domain (nama website) dan juga hosting yang profesional untuk Anda gunakan. </div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
<br /></div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
Tentu ada kekurangan atau keterbatasan dalam menggunakan fasilitas yang serba gratis ini, misalnya Anda tidak dapat meng-upload file yang memiliki kapasitas lebih dari 5 Megabit ke dalam hosting.</div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
<br /></div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
Tapi semua itu tidaklah perlu di khawatirkan karena fasilitas yang cukup lengkap tersedia untuk Anda gunakan dan sudah banyak sekali orang-orang yang menggunakan fasilitas gratis ini untuk sekedar belajar membuat bagaimana cara membuat website, sehingga suatu hari nanti jika memiliki atau membuat website yang berbayar tidak akan terlalu kaku dan canggung dalam membuatnya.</div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
</div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
Lebih dari itu, semua yang Anda pelajari di dalam blog ini mudah-mudahan dapat memberi manfa'at dan bisa menambah wawasan anda dalam dunia internet yang sekarang sudah tidak bisa lepas dari kehidupan kita sehari-hari.</div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
<br /></div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
Sudah hampir 20 persen dari penduduk Indonesia saat ini sudah tergantung kepada internet, mulai dari mencari informasi, bersosialisasi sampai dengan berhubungan dengan orang-orang yang mereka kenal melalui internet.</div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
<br /></div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
Akhir kata saya ucapkan salam dan sukses selalu.</div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
<br /></div>
<b>Ilmu akan menjadi bermanfa'at, berguna, berkembang dan menjadi amal sholeh jika dipergunakan dengan baik dan disebarluaskan kepada siapa saja yang membutuhkan.</b></div>
Unknownnoreply@blogger.com75tag:blogger.com,1999:blog-6717682532560002407.post-73210812817702790262012-09-27T23:33:00.000-07:002012-09-27T23:33:17.238-07:00Cara Menghapus File Default php<div style="font-family: "Trebuchet MS",sans-serif; text-align: center;">
<b> 1. Masuk ke control panel, cari dan klik bagian file manager seperti yang tampak pada gambar di bawah ini.</b></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<a href="http://1.bp.blogspot.com/-x7qGRw0XZek/UGVB1zrXsRI/AAAAAAAAEFo/3ksbZUKs2YQ/s1600/cara+menghapus+file+default+php.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-x7qGRw0XZek/UGVB1zrXsRI/AAAAAAAAEFo/3ksbZUKs2YQ/s1600/cara+menghapus+file+default+php.JPG" /> </a></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
</div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<b>2. Lalu login, biasanya tinggal mengisikan password saja</b></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<a href="http://4.bp.blogspot.com/-7888hs9GsG4/UGVBvSGbdoI/AAAAAAAAEFg/LrZZ-pk82po/s1600/cara+menghapus+file+default+php+2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="102" src="http://4.bp.blogspot.com/-7888hs9GsG4/UGVBvSGbdoI/AAAAAAAAEFg/LrZZ-pk82po/s400/cara+menghapus+file+default+php+2.JPG" width="400" /> </a></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<b>3. Setelah masuk ke file manager, klik folder public html, seperti yang terlihat pada gambar di bawah </b></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
</div>
<div class="separator" style="clear: both;">
<a href="http://1.bp.blogspot.com/-S-K_dr8WOpU/UGVBhHs3ktI/AAAAAAAAEFY/GfAu8fvSmoo/s1600/cara+menghapus+file+default+php+3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="111" src="http://1.bp.blogspot.com/-S-K_dr8WOpU/UGVBhHs3ktI/AAAAAAAAEFY/GfAu8fvSmoo/s320/cara+menghapus+file+default+php+3.JPG" width="320" /> </a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b>4. Setelah masuk ke folder public html, maka akan terlihat file default.php yang kita cari, klik pada kotak kecil untuk memberi tanda centang.</b></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<a href="http://3.bp.blogspot.com/-7x65n2lIEkM/UGVBbdlVeRI/AAAAAAAAEFQ/bIAhUaQTkcs/s1600/cara+menghapus+file+default+php+4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://3.bp.blogspot.com/-7x65n2lIEkM/UGVBbdlVeRI/AAAAAAAAEFQ/bIAhUaQTkcs/s320/cara+menghapus+file+default+php+4.JPG" width="320" /> </a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b>5. Setelah diberi tanda centang, klik tombol delete di sebelah kanan atas seperti pada gambar di bawah.</b></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<a href="http://2.bp.blogspot.com/-Bl1a-76MGto/UGVBYm2Yr_I/AAAAAAAAEFI/YeXJchGjvEo/s1600/cara+menghapus+file+default+php+5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="97" src="http://2.bp.blogspot.com/-Bl1a-76MGto/UGVBYm2Yr_I/AAAAAAAAEFI/YeXJchGjvEo/s400/cara+menghapus+file+default+php+5.JPG" width="400" /> </a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b>6. Klik tanda centang untuk mengkonfirmasi perintah delete file tersebut. </b></div>
<div class="separator" style="clear: both;">
<br /></div>
<a href="http://4.bp.blogspot.com/-7W4qX27neG4/UGVBWFy9qyI/AAAAAAAAEFA/Q1gdSnMbUyY/s1600/cara+menghapus+file+default+php+6.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-7W4qX27neG4/UGVBWFy9qyI/AAAAAAAAEFA/Q1gdSnMbUyY/s1600/cara+menghapus+file+default+php+6.JPG" /> </a><br />
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<b>7. Setelah selesai, klik tanda panah untuk kembali ke folder public html, dan selesai. </b></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<a href="http://4.bp.blogspot.com/-KsvgDpe7yp0/UGVBU_gNOGI/AAAAAAAAEE4/_JK1VoHrHV4/s1600/cara+menghapus+file+default+php+7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="http://4.bp.blogspot.com/-KsvgDpe7yp0/UGVBU_gNOGI/AAAAAAAAEE4/_JK1VoHrHV4/s320/cara+menghapus+file+default+php+7.JPG" width="320" /></a></div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: center;">
<br /></div>
Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-6717682532560002407.post-13534898815681524472012-09-04T22:29:00.001-07:002012-09-08T01:08:43.633-07:00Contact Me<center><iframe frameborder="0" height="620" marginheight="0" marginwidth="0" src="https://docs.google.com/spreadsheet/embeddedform?formkey=dHBiMzA2enJmTmxHYnN3TGNyd2VnM3c6MA" width="760">Loading...</iframe><br />
</center>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6717682532560002407.post-40429190176308402042011-03-26T09:48:00.085-07:002015-05-02T00:08:02.773-07:00Cara Mendapatkan Domain Gratis<div style="font-family: "Trebuchet MS",sans-serif; text-align: left;">
<span style="font-size: large;"><b>Langkah Ke-1</b></span></div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
Domain adalah istilah lain untuk nama website Anda. Jika Anda berminat untuk mempunyai dan belajar membangun sebuah website tanpa mengeluarkan uang seperser pun, silahkan Anda ikuti tutorial ini secara lengkap.<br />
<br />
<div style="color: #cc0000; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<span style="font-size: large;"><b>UpDate 2 Oktober 2012</b></span></div>
<div style="color: #cc0000; font-family: "Trebuchet MS",sans-serif; text-align: center;">
<span style="font-size: large;"><b><br /></b></span></div>
<div style="text-align: center;">
<span style="color: #cc0000; font-size: large;"><b style="font-family: "Trebuchet MS",sans-serif;">Domain Gratis co.cc sudah tidak tersedia</b></span><br />
<span style="color: #cc0000; font-size: large;"><b style="font-family: "Trebuchet MS",sans-serif;">Untuk mendapatkan domain gratis silahkan </b></span><br />
<span style="color: #cc0000; font-size: large;"><b style="font-family: "Trebuchet MS",sans-serif;"><a href="http://cc.cc/capt/capt.php?sc=5fqt" onclick="window.open('https://www.youtube.com/watch?v=hamTY7z3ZQ4')" target="new">KLIK DISINI</a></b></span></div>
</div>
<br />
<div style="font-family: "Trebuchet MS",sans-serif; text-align: left;">
<div style="text-align: justify;">
</div>
1. Langkah pertama silahkan Klik dan pada GAMBAR/BANNER di bawah ini <b style="color: red;"> (terbuka dengan window baru).</b></div>
<div class="separator" style="clear: both; text-align: center;">
<img alt="CO.CC:Free Domain" border="0" src="http://www.co.cc/img/cocc90_40g.gif" /></div>
<br />
<div style="font-family: "Trebuchet MS",sans-serif; text-align: center;">
<div style="text-align: left;">
2. <span style="color: black;">Setelah halaman pertama terbuka, coba untuk <b style="color: blue;">mengisi kotak</b> yang terseia dengan nama website yang Anda inginkan. Kotak tersebut dapat dilihat di halaman pertama dengan tampilan seperti yang ditunjukkan oleh tanda panah berwarna merah pada gambar ini.</span><br />
<span style="color: black;"> </span><span style="color: blue;"> </span></div>
<div class="separator" style="clear: both;">
<a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGLGhV0x9jI/AAAAAAAACew/lhnYdndRCWs/s1600/Domain+Gratis.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara mendapatkan Domain Gratis - free domain" border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGLGhV0x9jI/AAAAAAAACew/lhnYdndRCWs/s400/Domain+Gratis.JPG" height="220" width="400" /></a></div>
<b style="color: blue;"> </b><br />
<br />
<div style="text-align: left;">
3. <span style="color: black;">Untuk percobaan pertama, diisi dengan domain <b style="color: blue;">“internetmarketing”</b>, dengan harapan domain tersebut belum ada yang memakai dan GRATIS. Setelah kotak diisi dengan nama tersebut, langkah selanjutnya adalah meng-klik “<b style="color: blue;">Check availability</b>”.</span></div>
<div class="separator" style="clear: both;">
<a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGLHXTOsQ7I/AAAAAAAACe4/5TcnjSXkH-A/s1600/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara membuat website gratis - make a free website" border="0" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGLHXTOsQ7I/AAAAAAAACe4/5TcnjSXkH-A/s400/1.JPG" height="222" width="400" /></a></div>
<br />
<div style="text-align: left;">
4. Jika muncul seperti pada gambar di bawahini, itu berarti nama website yang Anda inginkan sudah ada yang memakai, maka Anda harus mengulang proses dari awal atau dari langkah nomor 1.</div>
<div class="separator" style="clear: both;">
<a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/TGLI2rNq66I/AAAAAAAACfA/TMKpEQdtRCA/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="free domain and free hosting" border="0" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/TGLI2rNq66I/AAAAAAAACfA/TMKpEQdtRCA/s400/2.JPG" height="206" width="400" /></a></div>
<br />
<div style="color: red;">
<br />
<div style="text-align: left;">
<span style="color: black;">5. Percobaan kedua, dicoba dengan nama domain “<b style="color: blue;">roda</b>”, dengan harapan nama tersebut belum ada yang punya dan bisa di pakai. Setelah mengisi nama baru dengan nama tersebut, lalu klik “<b style="color: blue;">Check availability</b>”, seperti yang ditunjukkan pada gambar di bawah ini.</span></div>
<div class="separator" style="clear: both;">
<a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGLJbflEmFI/AAAAAAAACfI/OHmLCwQOtt4/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="free hosting" border="0" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGLJbflEmFI/AAAAAAAACfI/OHmLCwQOtt4/s400/3.JPG" height="218" width="400" /></a></div>
<br />
<br />
<div style="text-align: left;">
<span style="color: black;">6. Ternyata nama domain “<b style="color: blue;">roda</b>” belum ada yang memakai, tetapi karena nama domain tersebut hanya terdiri dari satu kata maka <b style="color: blue;">domain</b> tersebut <b style="color: blue;">TIDAK GRATIS</b>, jika ingin tetap memakai nama tersebut harus membayar $8.00 per-tahun. Karena tujuan kita ingin membuat nama domain dengan GRATIS, </span><span style="color: black;">maka Anda harus mengulang proses dari awal atau dari langkah nomor 1 sekali lagi.</span></div>
<div class="separator" style="clear: both;">
<a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGLKj3XW4MI/AAAAAAAACfY/e2pdjyojMaU/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGLKj3XW4MI/AAAAAAAACfY/e2pdjyojMaU/s400/4.JPG" height="176" width="400" /></a></div>
<span style="color: black;"><br />
</span><br />
<span style="color: black;"><br />
</span><br />
<div style="text-align: left;">
<span style="color: black;">7. Percobaan ketiga, dengan nama domain “<b style="color: blue;">internetmarketing123</b>”, dengan harapan nama tersebut masih bebas dan GRATIS. Setelah mengisi nama baru dengan nama tersebut, lalu klik “<b style="color: blue;">Check availability</b>”, seperti yang ditunjukkan pada gambar di bawah ini.</span></div>
<div class="separator" style="clear: both;">
<a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGLLEzc4gWI/AAAAAAAACfg/BHAVw2jAt78/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGLLEzc4gWI/AAAAAAAACfg/BHAVw2jAt78/s400/5.JPG" height="265" width="400" /></a></div>
<span style="color: black;"><br />
</span><br />
<br />
<div style="text-align: left;">
<span style="color: black;">8.</span> <span style="color: black;">Akhirnya berhasil, nama domain “<b style="color: blue;">internetmarketing123</b>”<b style="color: blue;"> tersedia dan GRATIS</b>. Langkah selanjutnya adalah <b style="color: blue;">KLIK “Continue to registration”</b> seperti pada gambar dibawah, untuk melakukan registrasi domain tersebut.</span></div>
<div class="separator" style="clear: both;">
<a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGLLxRSI1BI/AAAAAAAACfo/u3sLJRp-UZU/s1600/6.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGLLxRSI1BI/AAAAAAAACfo/u3sLJRp-UZU/s400/6.JPG" height="176" width="400" /></a></div>
<br />
<div style="text-align: left;">
<span style="color: black;">9. Selanjutnya Anda akan di bawa ke halaman berikut ini, karena Anda member baru yang melakukan registrasi, maka <b style="color: blue;">KLIK “Create an account now”</b> seperti yang ditunjuk oleh <b style="color: blue;">tanda panah warna merah</b> pada gambar di bawah.</span></div>
<div class="separator" style="clear: both;">
<a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGLMTOaGNGI/AAAAAAAACfw/TKATEGXDXTo/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGLMTOaGNGI/AAAAAAAACfw/TKATEGXDXTo/s400/7.JPG" height="222" width="400" /></a></div>
<br />
<span style="font-size: large;"><b>UPDATE : CARA MENDAFTAR DOMAIN GRATIS SUDAH LEBIH SIMPLE, SILAHKAN IKUTI LANGKAH2NYA SAJA. UNTUK SEMENTARA BLOG BELUM BISA DI UPDATE</b></span><br />
<span style="font-size: large;"><b>SALAM HANGAT... ^_^</b></span><br />
<br />
<div style="text-align: left;">
<span style="color: black;">10. Di halaman ini Anda harus mengisi data-data dengan benar untuk bisa mendapatkan domain tersebut. Isi kotak-kotak tersebut sesuai dengan data yang Anda miliki. </span></div>
<div style="text-align: left;">
1. Nama depan<br />
2. Nama belakang<br />
3. Email<br />
4. Jenis Kelamin<br />
5. Tgl. Lahir<br />
6. Password<br />
7. Ulangi password</div>
<div style="text-align: left;">
8. Kode verifikasi, ketik pada kotak sesuai dengan huruf yang tersedia. </div>
</div>
<div style="color: red;">
<b style="color: blue;">JANGAN LUPA UNTUK MENYIMPAN PASSWORD ANDA.</b><br />
<ul></ul>
<div class="separator" style="clear: both;">
<a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGLNIH1bR_I/AAAAAAAACf4/cGtwptYZjqU/s1600/8.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGLNIH1bR_I/AAAAAAAACf4/cGtwptYZjqU/s400/8.JPG" height="255" width="400" /></a></div>
<br />
<br />
<div style="text-align: left;">
<span style="color: black;">11. Lanjutkan registrasi dengan <b style="color: blue;">scroll down (tadik mouse ke bawah)</b>, dan isi dengan data-data yang diperlukan, seperti petunjuk gambar di bawah ini.</span></div>
<div class="separator" style="clear: both;">
<a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGLNjY39yvI/AAAAAAAACgA/jBVyygEEPaI/s1600/9.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGLNjY39yvI/AAAAAAAACgA/jBVyygEEPaI/s400/9.JPG" height="247" width="400" /></a></div>
<br />
<span style="color: black;"><b>Untuk bagian Messeger</b> = Pilih <b style="color: blue;">Google talk / Yahoo!</b> kotak sebelahnya isi dengan alamat email anda <b><span style="color: blue;">tanpa</span></b> @gmail.com atau @yahoo.com</span><span style="color: black;">, </span><br />
<span style="color: black;"><b>Misalkan</b> email Anda adalah <b><span style="color: blue;">kantorbaru</span>@yahoo.com</b>, maka yang di isikan pada kotak adalah <b style="color: blue;">kantorbaru</b> saja.</span><br />
<br />
<div style="text-align: left;">
<span style="color: black;">12. Periksa sekali lagi untuk memastikan bahwa data yang Anda isi adalah benar, jika sudah selesai maka klik tombol <b style="color: blue;">“Create an account now”</b> seperti tampak pada gambar di bawah ini.</span></div>
<div class="separator" style="clear: both;">
<a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGLOMwWv04I/AAAAAAAACgI/jgs-op8YmAw/s1600/10.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGLOMwWv04I/AAAAAAAACgI/jgs-op8YmAw/s400/10.JPG" height="187" width="400" /></a></div>
<br />
<div style="text-align: left;">
<span style="color: black;">13. Langkah membuat domain gratis sudah selesai untuk sementara, selanjutnya Anda membutuhkan hosting untuk menjalankan domain Anda tersebut, sehingga website Anda nantinya dapat di akses di seluruh dunia. Judul tutorial untuk mendapatkan hosting gratis </span><b style="color: black;">Hosting Gratis Menggunakan 000webhost</b></div>
</div>
<br />
<b> </b><br />
<b>Jangan lupa untuk meninggalkan komentar Anda.</b><br />
<b>Terima kasih.</b><br />
<br />
<br />
<b>Tutorial Selanjutnya</b><br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/hosting-gratis-menggunakan-000webhost.html"><b style="color: black;">Hosting Gratis Menggunakan 000webhost</b></a></div>
Unknownnoreply@blogger.com265tag:blogger.com,1999:blog-6717682532560002407.post-74382621160552371692010-12-08T01:07:00.000-08:002012-10-10T01:11:24.446-07:00Script Gratis<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
Jika Anda ingin membuat website gratis dengan menggunakan script untuk tujuan pembelajaran, bisa di cari di mesin pencari dengan kata kunci seperti script gratis atau script bisnis gratis dan script web gratis. Banyak sekali teman-teman di luar sana yang ingin berbagi dengan kita semua, dengan tujuan yang kurang lebih sama, untuk media pembelajaran bagi siapa saja yang ingin mencoba membuat website menggunakan skrip sendiri.</div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
<br /></div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
Yang perlu dilakukan untuk menginstal skrip ke dalam hosting adalah database yang dapat kita buat sendiri di dalam akun hosting. Jika kesulitan silahkan cari juga di mesin pencari dengan kata kunci cara menginstal skrip ke hosting, atau lain sebagainya.</div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
<br /></div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
Tapi jangan lupa untuk melihat lisensi dari skrip tersebut, yang biasanya di simpan dan ditulis di dalam readme.txt atau licence.txt file. Silahkan baca terlebih dahulu dan pelajari apa saja yang menjadi ketentuan dalam menggunakan skrip tersebut.</div>
<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: "Trebuchet MS",sans-serif;">Semoga bermanfaat.</span></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6717682532560002407.post-45954177820290173012010-09-05T08:40:00.000-07:002011-02-06T08:44:36.318-08:00Cara Meng-UpLoad File<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Tujuan dari meng-upload file ini adalah agar pengunjung website dapat men-download file yang Anda upload. Misalkan Anda memiliki ebook dan ingin membagikannya kepada pengunjung website, maka cara ini dapat Anda terapkan. Dengan demikian, bila seseorang meng-klik link download, maka pada saat itu juga mereka dapat mendownload file tanpa harus pergi ke website penyedia download gratis karena mungkin akan membuat orang malas untuk mendownload file tersebut.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Di Admin <b style="color: red;">Control Panel bagian "Files" klik icon/lambang "File Manager"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIO1ALhwwQI/AAAAAAAAC5M/EjtSiHhYERs/s1600/Cara+Meng-UpLoad+File.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Meng-UpLoad File" border="0" height="77" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIO1ALhwwQI/AAAAAAAAC5M/EjtSiHhYERs/s400/Cara+Meng-UpLoad+File.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Isi user name dan password, lalu <b style="color: red;">klik "Continue"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TIO1JZZRvSI/AAAAAAAAC5U/DPj9vZnZ2AY/s1600/Cara+Meng-UpLoad+File+2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="121" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TIO1JZZRvSI/AAAAAAAAC5U/DPj9vZnZ2AY/s400/Cara+Meng-UpLoad+File+2.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Saat ini Anda sudah berada di dalam "File Manager", <b style="color: red;">klik "public_html"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TIO1WwX6b1I/AAAAAAAAC5c/GIci_5rgQ-U/s1600/Cara+Meng-UpLoad+File+3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TIO1WwX6b1I/AAAAAAAAC5c/GIci_5rgQ-U/s320/Cara+Meng-UpLoad+File+3.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Anda harus membuat folder khusus untuk menampung file-file yang nantinya dapat di download oleh pengunjung website dengan tujuan untuk memudahkan pengorganisasian folder dan file. <b style="color: red;">Klik "New dir"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIO1wHTINaI/AAAAAAAAC5k/TI6Zhi1Q8oA/s1600/Cara+Meng-UpLoad+File+4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIO1wHTINaI/AAAAAAAAC5k/TI6Zhi1Q8oA/s400/Cara+Meng-UpLoad+File+4.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Isi "<b style="color: red;">New directory name</b>" dengan kata <b style="color: red;">"download" </b>atau apapun yang diinginkan lalu k<b style="color: red;">lik tanda contreng berwarna hijau.</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIO2A_SRYFI/AAAAAAAAC5s/C-qxrO6qCjM/s1600/Cara+Meng-UpLoad+File+5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIO2A_SRYFI/AAAAAAAAC5s/C-qxrO6qCjM/s320/Cara+Meng-UpLoad+File+5.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Setelah prose selesai, <b style="color: red;">klik tanda panah berwarna biru</b> untuk kembali ke file manager.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TIO2NFEyXwI/AAAAAAAAC50/CyO03sNNj44/s1600/Cara+Meng-UpLoad+File+6.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TIO2NFEyXwI/AAAAAAAAC50/CyO03sNNj44/s320/Cara+Meng-UpLoad+File+6.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Folder "download" sudah selesai dibuat, selanjutnya Anda tinggal meng-upload file ke dalam folder, <b style="color: red;">klik folder "download"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIO2lhgS7BI/AAAAAAAAC6E/A7y-z0XbhWs/s1600/Cara+Meng-UpLoad+File+7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIO2lhgS7BI/AAAAAAAAC6E/A7y-z0XbhWs/s400/Cara+Meng-UpLoad+File+7.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Setelah berada di dalam folder "download" <b style="color: red;">klik "Upload"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TIO2vBGV6sI/AAAAAAAAC6M/8efIofXb2Zg/s1600/Cara+Meng-UpLoad+File+8.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TIO2vBGV6sI/AAAAAAAAC6M/8efIofXb2Zg/s320/Cara+Meng-UpLoad+File+8.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Pada halaman berikutnya, <b style="color: red;">klik "browse"</b> untuk mencari file yang ingin Anda upload di dalam komputer.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Sebagai contoh: <b>Jenis file <span style="color: red;">"zip"</span></b> dan <b>nama file <span style="color: red;">"contoh_download"</span></b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><b><br />
</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Pilih file lalu <b style="color: red;">klik "Open"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIO3CFkcPpI/AAAAAAAAC6U/vovsGuRV8do/s1600/Cara+Meng-UpLoad+File+10.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="291" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIO3CFkcPpI/AAAAAAAAC6U/vovsGuRV8do/s400/Cara+Meng-UpLoad+File+10.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Lalu <b style="color: red;">klik tanda contreng berwarna hijau</b> untuk meng-upload file ke dalam file manager.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIO3XhJ2sDI/AAAAAAAAC6c/zE6AkUpXNWQ/s1600/Cara+Meng-UpLoad+File+11.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIO3XhJ2sDI/AAAAAAAAC6c/zE6AkUpXNWQ/s320/Cara+Meng-UpLoad+File+11.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Setelah proses upload selesai, <b style="color: red;">klik tanda panah berwarna biru </b>untuk kembali ke file manager.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TIO3hNoZT3I/AAAAAAAAC6k/YpJfX44sdWI/s1600/Cara+Meng-UpLoad+File+12.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TIO3hNoZT3I/AAAAAAAAC6k/YpJfX44sdWI/s320/Cara+Meng-UpLoad+File+12.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Anda berhasil meng-upload file dan file tersebut sudah bisa di download. Tes apakah file tersebut bisa di download atau tidak.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">URL yang digunakan adalah sebagai berikut: </div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><b style="color: red;">http://</b><b style="color: blue;">nama website/</b><b style="color: orange;">nama folder/</b><b style="color: #990000;">nama file</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
Coba tulis di browser alamat tersebut<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIO4mbsH6hI/AAAAAAAAC6s/VDalo7QJhYQ/s1600/Cara+Meng-UpLoad+File+13.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="27" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIO4mbsH6hI/AAAAAAAAC6s/VDalo7QJhYQ/s400/Cara+Meng-UpLoad+File+13.JPG" width="400" /></a></div><br />
Maka jika seseorang meng-klik link tersebut, mereka akan mendapatkan file yang dapat di download dan akan muncul gambar seperti di bawah ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TIO4ysP_2qI/AAAAAAAAC60/65i4x2zd54k/s1600/Cara+Meng-UpLoad+File+14.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TIO4ysP_2qI/AAAAAAAAC60/65i4x2zd54k/s320/Cara+Meng-UpLoad+File+14.JPG" /></a></div><br />
<br />
<div style="text-align: center;"><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/09/url-redirects-pengalihan-url.html">URL Redirects - Pengalihan URL</a><br />
<br />
<br />
Ke Halaman Pertama<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/mendapatkan-domain-gratis.html">Mendapatkan Domain Gratis</a></b></div></div>Unknownnoreply@blogger.com23tag:blogger.com,1999:blog-6717682532560002407.post-63231185980642078642010-09-04T10:44:00.000-07:002011-02-06T08:42:23.307-08:00URL Redirects - Pengalihan URL<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Pengalihan atau redirects memungkinkan Anda untuk membuat halaman web tertentu mengarahkan ulang ke halaman lain dan menampilkan isi dari halaman tersebut. Dengan cara ini Anda dapat membuat halaman dengan URL yang panjang dapat diakses oleh halaman dengan URL yang lebih pendek dan lebih mudah untuk dimengingat. Sebuah redirect permanen akan memberitahu pengunjung melalui browsernya untuk memperbarui bookmark apapun yang terhubung dengan halaman yang sedang diarahkan. Sementara pengalihan tidak akan memperbarui bookmark pengunjung.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Didalam Admin Control Panel di bagian <b style="color: red;">"Advance" klik icon/lambang "Redirects"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TIKD2unB0CI/AAAAAAAAC3c/1sR9YEOLPrA/s1600/URL+Redirects+-+Pengalihan+URL.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="82" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TIKD2unB0CI/AAAAAAAAC3c/1sR9YEOLPrA/s400/URL+Redirects+-+Pengalihan+URL.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><b style="color: red;">Isi kotak pertama</b> dengan alamat redirect/pengalihan yang Anda inginkan d<b style="color: red;">an kotak kedua</b> dengan URL tujuan redirect/pengalihan, <b style="color: red;">klik "Add"</b>.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/TIKEKr12SBI/AAAAAAAAC3k/SgYDJ0hGbaM/s1600/URL+Redirects+-+Pengalihan+URL+2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="197" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/TIKEKr12SBI/AAAAAAAAC3k/SgYDJ0hGbaM/s400/URL+Redirects+-+Pengalihan+URL+2.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Tunggu sebentar sampai proses selesai, <b style="color: red;">klik "Back to Redirects"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIKEcTnc8OI/AAAAAAAAC3s/PjUXTBdTxVA/s1600/URL+Redirects+-+Pengalihan+URL+3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="135" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIKEcTnc8OI/AAAAAAAAC3s/PjUXTBdTxVA/s400/URL+Redirects+-+Pengalihan+URL+3.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Lihat di bagian <b style="color: red;">"List of Current Redirects"</b> bahwa URL sudah berhasil di alihkan ke halaman atau situs lain.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIKEs24mZ9I/AAAAAAAAC30/L8yEEOJP2E4/s1600/URL+Redirects+-+Pengalihan+URL+4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="78" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIKEs24mZ9I/AAAAAAAAC30/L8yEEOJP2E4/s400/URL+Redirects+-+Pengalihan+URL+4.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="text-align: center;"><span style="font-family: "Trebuchet MS",sans-serif;">Pada contoh di atas, bila seseorang mengunjungi URL</span></div><div style="color: red; font-family: "Trebuchet MS",sans-serif; text-align: center;"><b>http://internetmarketing123.co.cc/mesin-pencari</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;">maka sesungguhnya pengunjung akan di arahkan ke situs <b><a href="http://google.com/">google.com</a></b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;"><b>Terima kasih, jangan lupa untuk memberi komentarnya</b><br />
<br />
<b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/09/email-forwarders.html">Email Forwarders</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/09/cara-meng-upload-file.html">Cara Meng-UpLoad File</a></b></div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-6717682532560002407.post-90079191873200303512010-09-04T00:50:00.000-07:002011-02-06T08:40:36.865-08:00Email Forwarders<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><b style="color: red;">Email forwarders</b> memungkinkan Anda untuk mengirimkan duplikat semua email masuk dari satu alamat email ke alamat email yang lain. Sebagai contoh jika Anda memilih <b style="color: red;">admin@nama-anda.co.cc</b> untuk di forward ke <b style="color: red;">keranjang-buah@yahoo.com</b> - semua email yang dikirim ke alamat admin@nama-anda.co.cc maka sebenarnya akan dikirimkan ke keranjang-buah@yahoo.com mailbox.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Di dalam Admin Control Panel di bagian "Email" klik icon/lambang "Email Forwarders"</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TIH5RsvlOBI/AAAAAAAAC1o/grShl9304t8/s1600/Email+Forwarders.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="77" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TIH5RsvlOBI/AAAAAAAAC1o/grShl9304t8/s400/Email+Forwarders.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Pada halaman berikutnya, isi "Address to Forward" dengan nama email yang diinginkan, pada langkah ini secara otomatis Anda membuat alamat email pribadi baru, isi "Fordward to email" dengan alamat email tujuan Forward, klik "Add Forwarder"</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TIH51EKc3MI/AAAAAAAAC1w/9u8v_rtVtoY/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TIH51EKc3MI/AAAAAAAAC1w/9u8v_rtVtoY/s400/2.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Jika sudah selesai, klik "Back to email forwarders" untuk kembali.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIH6B5e3rHI/AAAAAAAAC14/rdElgKiPOec/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIH6B5e3rHI/AAAAAAAAC14/rdElgKiPOec/s400/3.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Lihat di bagian "List of your current forwarders" bahwa email sudah dapat di forward, tinggal menunggu sistem untuk menyesuaikan dengan perubahan kurang lebih 24 jam dari sekarang.<br />
<br />
<div style="text-align: center;"><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/09/membuat-alamat-email-pribadi.html">Membuat Alamat Email Pribadi</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/09/url-redirects-pengalihan-url.html">URL Redirects - Pengalihan URL</a></b></div></div>Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-6717682532560002407.post-64706359909748824152010-09-03T08:07:00.000-07:002011-02-06T08:38:40.836-08:00Membuat Alamat Email Pribadi<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Anda bisa memiliki account email pribadi sehingga alamat email akan lebih terlihat bersifat pribadi. Contohnya, jika alamat website adalah <b style="color: red;">www.nama-anda.co.cc</b> maka bisa membuat alamat email dengan nama <b style="color: red;">admin@nama-anda.co.cc</b>, keren kan? agar lebih jelas demikian:</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Nama Website : <b style="color: blue;">jualan-bunga.co.cc</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Alamat Email : <b style="color: blue;">pemesanan@jualan-bunga.co.cc</b> </div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Jadi memiliki bisnis di bidang penjualan bunga dan membuat website dengan nama <b style="color: red;">www.jualan-bunga.co.cc</b> dan jika pengunjung tertarik dan ingin membeli bunga secara online kepada Anda, maka pengunjung bisa membuat order pemesanan lewat alamat email <b style="color: red;">pemesanan@jualan-bunga.co.cc</b>, sehingga Admin akan lebih mudah untuk mengontrol email yang masuk, karena sudah memiliki pos masing-masing.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Didalam <b style="color: red;">Admin Kontrol Panel di bagian "Email" klik "Manage Email Account"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TIENZhLeI9I/AAAAAAAACz4/_adLoOjEeSw/s1600/Membuat+Account+Email+Pribadi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="77" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TIENZhLeI9I/AAAAAAAACz4/_adLoOjEeSw/s400/Membuat+Account+Email+Pribadi.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Pada halaman selanjutnya, i<b style="color: red;">si dengan alamat email dan password</b> yang diinginkan, lalu <b style="color: red;">klik "Create"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TIENsdUG5TI/AAAAAAAAC0A/x2PmP7ODoEY/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TIENsdUG5TI/AAAAAAAAC0A/x2PmP7ODoEY/s400/2.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Tunggu sebentar dan Anda sudah memiliki alamat email pribadi, k<b style="color: red;">lik "Back to Email Accounts"</b> untuk men-cek alamat email pribadi tersebut.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/TIEOLd6kyzI/AAAAAAAAC0I/awnIdk81zt4/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="183" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/TIEOLd6kyzI/AAAAAAAAC0I/awnIdk81zt4/s400/3.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Bisa di<b style="color: red;">lihat di bagian "Manage Curent Email Accounts"</b> bahwa <b style="color: red;">alamat email sudah siap di gunakan</b>. Anda tinggal menunggu paling lambat 24 jam dari saat pembuatan email untuk bisa di gunakan menerima atau mengirim ke atau dari alamat email pribadi.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIEOpffBFoI/AAAAAAAAC0Q/W8rNAu2YJPM/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="116" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TIEOpffBFoI/AAAAAAAAC0Q/W8rNAu2YJPM/s400/4.JPG" width="400" /></a></div><br />
<br />
<br />
<div style="text-align: center;"><b style="font-family: "Trebuchet MS",sans-serif;">Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/09/membuat-sub-domain.html">Membuat Sub-Domain</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/09/email-forwarders.html">Email Forwarders</a></b></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6717682532560002407.post-1834233193654754432010-09-02T09:41:00.000-07:002011-02-06T08:36:43.111-08:00Membuat Sub-Domain<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><span class="" id="result_box"><span style="background-color: white;" title="">Subdomain adalah URL untuk bagian yang berbeda dari situs Anda. </span><span style="background-color: white;" title="">Metode ini menggunakan domain utama Anda dan penambahan nama prefiks. </span><span style="background-color: white;" title="">Sebagai contoh, jika domain Anda adalah <b>nama-anda.co.cc</b>, maka sub-domain dari domain Anda mungkin <b>forum.nama-anda.co.cc.<br />
</b></span><span style="background-color: white;" title="">Subdomain terkoneksi relatif ke direktori home account Anda. </span><span style="background-color: white;" title="">sebagai contoh, jika Anda memutuskan untuk membuat subdomain <b>forum.nama-anda.co.cc</b>, maka sub domain tersebut akan <b>mengarah ke dalam /folder forum</b>.</span></span></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><span class="" id="result_box"><span style="background-color: white;" title="">Cara ini sangat baik digunakan jika Anda memiliki bisnis dan ingin menawarkan kepada para pengunjung website dengan menampilkan tapilan website yang berbeda dari domain utama.</span></span></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><span class="" id="result_box"><span style="background-color: white;" title=""> </span></span></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><span class="" id="result_box"><span style="background-color: white;" title="">Di dalam kontrol panel admin website, <b style="color: red;">klik ikon/lambang Subdomain</b></span></span></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TH_SpCu2jlI/AAAAAAAACzI/URBVSmUx-OA/s1600/Membuat+Sub-Domain.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="78" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TH_SpCu2jlI/AAAAAAAACzI/URBVSmUx-OA/s400/Membuat+Sub-Domain.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><span class="" id="result_box"><span style="background-color: white;" title=""><br />
</span></span></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><span class="" id="result_box"><span style="background-color: white;" title="">Pada halaman berikutnya, <b style="color: red;">isi dengan nama subdomain</b> yang diinginkan (misalkan bisnis) lalu <b style="color: red;">klik "Create"</b></span></span></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TH_S1r50mUI/AAAAAAAACzQ/yEw7nsG55CA/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TH_S1r50mUI/AAAAAAAACzQ/yEw7nsG55CA/s400/2.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><span class="" id="result_box"><span style="background-color: white;" title=""> </span></span></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><span class="" id="result_box"><span style="background-color: white;" title=""> </span></span></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><span class="" id="result_box"><span style="background-color: white;" title="">Proses pembuatan subdomain sudah selesai, Anda bisa memberi konten dengan meng-u<b style="color: red;">pload file html ke folder /home/password-anda/public_html/bisnis</b> di dalam account "File Manager"</span></span></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/TH_Tdv_5eeI/AAAAAAAACzY/HO51QmI2RYI/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="96" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/TH_Tdv_5eeI/AAAAAAAACzY/HO51QmI2RYI/s400/3.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><span class="" id="result_box"><span style="background-color: white;" title=""><br />
</span></span><br />
<span class="" id="result_box"><span style="background-color: white;" title=""><br />
</span></span><br />
<div style="text-align: center;"><span class="" id="result_box"><span style="background-color: white;" title=""><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/cara-menambahkan-modul-gallery.html">Cara Menambahkan Modul Gallery</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/09/membuat-alamat-email-pribadi.html">Membuat Alamat Email Pribadi</a></b><br />
</span></span></div></div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-6717682532560002407.post-90580838646795446452010-08-29T09:49:00.000-07:002011-02-06T08:34:22.115-08:00Cara Menambahkan Modul Gallery<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Anda bisa mengumpulkan gambar-gambar yang penting yang menyangkut dengan bisnis di dalam Gallery untuk mempermudah pengunjung melihat gambar tersebut. Dengan menggunakan modul ini, visualisasi dari sebuah produk atau peristiwa yang di abadikan bisa di lihat secara detail dan dalam satu wadah oleh para pengunjung website.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif;">Pada main menu, <b style="color: red;">klik "Add-on Modules" lalu pilih "Gallery"</b>.</div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THqLBGrFjuI/AAAAAAAACxg/kG6rGML50sE/s1600/Menambahkan+Modul+Gallery.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THqLBGrFjuI/AAAAAAAACxg/kG6rGML50sE/s320/Menambahkan+Modul+Gallery.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Setelah halaman baru terbuka, <b style="color: red;">isi kotak</b> di bagian <b style="color: red;">"New Gallery Name" </b>dengan nama galeri yang di inginkan, lalu <b style="color: red;">klik "Add new gallery"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THqLZcT66fI/AAAAAAAACxo/AyhrhKbbhSg/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THqLZcT66fI/AAAAAAAACxo/AyhrhKbbhSg/s400/2.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Pada halaman selanjutnya, <b style="color: red;">klik "Upload new images"</b> untuk meng-upload atau menambahkan gambar di galeri. </div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THqLqKmvBGI/AAAAAAAACxw/E0rrhNAp-54/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THqLqKmvBGI/AAAAAAAACxw/E0rrhNAp-54/s320/3.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Popup window akan muncul, <b style="color: red;">klik "Browse"</b> untuk memilih gambar dari dalam hardisk komputer.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THqL4eWkxoI/AAAAAAAACx4/DK6JUMptkD4/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THqL4eWkxoI/AAAAAAAACx4/DK6JUMptkD4/s400/4.JPG" width="313" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Jika proses pemilihan gambar sudah selesai, <b style="color: red;">klik "Submit"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THqMDa-SlNI/AAAAAAAACyA/kJjkye2FnO8/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THqMDa-SlNI/AAAAAAAACyA/kJjkye2FnO8/s400/5.JPG" width="315" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Jika proses upload sudah selesai, <b style="color: red;">klik "Close Window"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THqMPKwZ0hI/AAAAAAAACyI/LjVsYt37fMA/s1600/6.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THqMPKwZ0hI/AAAAAAAACyI/LjVsYt37fMA/s400/6.JPG" width="315" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Untuk <b style="color: red;">menambahkan gambar</b>, bisa dengan meng-<b style="color: red;"><span style="color: red;">k</span>lik "Upload new images"</b> lalu lakukan proses dari awal.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THqM37T2RPI/AAAAAAAACyQ/Zn6ud15O7aw/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="261" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THqM37T2RPI/AAAAAAAACyQ/Zn6ud15O7aw/s400/7.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Proses penambahan gambar sudah selesai, lihat <b style="color: red;">kode di atas tombol "Upload new images", copy kode tersebut ke notepad.</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THqNSHME6AI/AAAAAAAACyY/xwipy8uwqbU/s1600/8.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="147" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THqNSHME6AI/AAAAAAAACyY/xwipy8uwqbU/s400/8.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Sekarang Anda tinggal memasangkan kode tersebut pada halaman website yang sesuai dengan judul gallery tersebut atau bisa juga dengan membuat halaman baru khusus untuk gambar-gambar yang Anda upload. </div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><b style="color: red;">Paste kode</b> tersebut di halaman website lalu <b style="color: red;">klik "Save changes"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THqNtAHwU_I/AAAAAAAACyg/I-Yf9jJQWQM/s1600/9.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="173" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THqNtAHwU_I/AAAAAAAACyg/I-Yf9jJQWQM/s400/9.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Proses saving sudah selesai, lihat di sebelah kanan atas monitor terdapat<b style="color: red;"><span style="color: red;"> t</span>anda panah kecil berwarna hijau</b>, <b style="color: red;">klik tanda panah tersebut</b> untuk melihat hasil kerja Anda.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/THqOGY6FusI/AAAAAAAACyo/0fASvEBc4MM/s1600/10.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/THqOGY6FusI/AAAAAAAACyo/0fASvEBc4MM/s400/10.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Window baru akan terbuka untuk preview halaman yang sudah Anda sisipkan modul gallery.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THqOU4uNQJI/AAAAAAAACyw/x2so3HEhSCo/s1600/11.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THqOU4uNQJI/AAAAAAAACyw/x2so3HEhSCo/s400/11.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Klik salah satu gambar yang ada di dalam modul tersebut.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THqOjB4dW2I/AAAAAAAACy4/CQ6NCuOJuQk/s1600/12.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THqOjB4dW2I/AAAAAAAACy4/CQ6NCuOJuQk/s400/12.JPG" width="370" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Maka akan muncul popup dengan ukuran gambar yang sesungguhnya.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THqOuFiAxWI/AAAAAAAACzA/tNIABLmCojc/s1600/13.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="276" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THqOuFiAxWI/AAAAAAAACzA/tNIABLmCojc/s400/13.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;"><b>Terima kasih sudah membaca postingan ini, jangan lupa untuk memberi komentar jika Anda berkenan.</b><br />
<br />
<b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/menambahkan-modul-contact-form.html">Menambahkan Modul Contact Form</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/09/membuat-sub-domain.html">Membuat Sub-Domain</a></b></div>Unknownnoreply@blogger.com9tag:blogger.com,1999:blog-6717682532560002407.post-42676863517078614332010-08-28T09:04:00.000-07:002011-02-06T08:32:19.603-08:00Menambahkan Modul Contact Form<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Kegunaan dari modul contact form adalah agar pengunjung bisa berinteraksi secara langsung dengan pemilik website atau webmaster jika ada pertanyaan tentang apa yang menjadi fokus dari isi website dengan cara memberi/mengirim pesan melalui email.</div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Pada main menu, <b style="color: red;">klik "Add-on Modules" lalu pilih "Contact Form"</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THkvJc3sTXI/AAAAAAAACwY/71Cm5I5-YI0/s1600/Menambahkan+Modul+Vote+Pool.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THkvJc3sTXI/AAAAAAAACwY/71Cm5I5-YI0/s320/Menambahkan+Modul+Vote+Pool.JPG" /></a></div><br />
<br />
Pada <b style="color: red;">halaman "Contact Form" di bagian "E-Mail Address"</b> <b style="color: red;">isikan alamat email</b> <b style="color: red;">jika ingin</b> email kiriman dari pengunjung <b style="color: red;">dikirim ke alamat email yang berbeda dengan alamat email pendaftaran di 000webhost</b> atau <b style="color: red;">kosongkan jika ingin</b> email kiriman dari pengunjung <b style="color: red;">dikirim ke alamat email yang sama</b> dengan alamat email pada saat mendaftar ke 000webhost, lalu klik "Save changes"<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THkv0Zav5sI/AAAAAAAACwg/CXTrl5RTEyo/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THkv0Zav5sI/AAAAAAAACwg/CXTrl5RTEyo/s320/2.JPG" /></a></div><br />
<br />
Jika dipilih setelah default, maka data yang harus diisikan oleh pengunjung jika ingin mengirim pesan kepada webmaster adalah:<br />
<ul><li>Nama lengkap</li>
<li>Email</li>
<li>Subject/judul pesan</li>
</ul>Preview contact form-nya adalah sebagai berikut.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/THkwkEOzVAI/AAAAAAAACwo/WE7qgRtVPK4/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/THkwkEOzVAI/AAAAAAAACwo/WE7qgRtVPK4/s400/3.JPG" width="400" /></a></div><br />
<br />
Jika ingin menambahkan kelengkapan data lain, misalkan alamat website pengunjung, maka tinggal beri tanda <b style="color: red;">contreng pada bagian "Website URL"</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THkw0ogz0mI/AAAAAAAACww/QcHthEgPL7M/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THkw0ogz0mI/AAAAAAAACww/QcHthEgPL7M/s320/4.JPG" /></a></div><br />
<br />
<b style="color: red;">Jangan lupa untuk meng-klik "Save changes"</b> setiap kali ada perubahan.<br />
<br />
Jika di tambahkan Website URL, maka data yang harus diisikan oleh pengunjung adalah:<br />
<br />
<ul><li>Nama lengkap</li>
<li>Email</li>
<li>Website URL </li>
<li>Subject/judul pesan</li>
</ul>Preview contact form-nya adalah sebagai berikut.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THkxVCWISWI/AAAAAAAACw4/ECGmu1n4xjk/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="323" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THkxVCWISWI/AAAAAAAACw4/ECGmu1n4xjk/s400/5.JPG" width="400" /></a></div><br />
<br />
Untuk mengimplementasikan contact form di dalam website, c<b style="color: red;">opy kode "{%contact%}" paste ke notepad</b> untuk nantinya di copas ke dalam halaman kerja dimana ingin menempatkan modul contact form tersebut.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THkxpG8gg1I/AAAAAAAACxA/hxKzQAJclg8/s1600/6.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THkxpG8gg1I/AAAAAAAACxA/hxKzQAJclg8/s320/6.JPG" /></a></div><br />
<br />
<b style="color: red;">Bukan halaman website</b> di mana contact form ingin dipasangkan, misalnya di halaman Hubungi Kami, lalu <b style="color: red;">copas kode tersebut</b> dan jangan lupa untuk meng-<b style="color: red;">klik "Save changes" </b>untuk menyimpan hasil kerja Anda.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THkySZe3cbI/AAAAAAAACxQ/z8jgq8m-1nw/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THkySZe3cbI/AAAAAAAACxQ/z8jgq8m-1nw/s320/7.JPG" /></a></div><br />
<br />
Setelah di Save, preview halaman tersebut.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/THkykWI-WdI/AAAAAAAACxY/KVCryp_WgVM/s1600/8.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/THkykWI-WdI/AAAAAAAACxY/KVCryp_WgVM/s400/8.JPG" width="400" /></a></div><br />
<br />
<div style="text-align: center;"><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/menambahkan-modul-vote-pool.html">Menambahkan Modul Vote Pool</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/cara-menambahkan-modul-gallery.html">Cara Menambahkan Modul Gallery</a></b></div></div><div style="font-family: "Trebuchet MS",sans-serif;"></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6717682532560002407.post-38789429833320339492010-08-26T09:20:00.000-07:002011-02-06T08:30:20.431-08:00Menambahkan Modul Vote Pool<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Modul pool berguna jika Anda ingin berinteraksi dengan pengunjung website, dengan cara memberikan pilihan jawaban atas pertanyaan yang Anda berikan. Cara ini bagus untuk mengetahui apa ketertarikan pengunjung akan website Anda.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Pada main menu, <b style="color: red;">klik "Add-on Modules" lalu pilih "Vote Pool"</b>.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THaSXyK-C9I/AAAAAAAACvA/LKQhDT64IaI/s1600/Menambahkan+Modul+Vote+Pool.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THaSXyK-C9I/AAAAAAAACvA/LKQhDT64IaI/s200/Menambahkan+Modul+Vote+Pool.JPG" width="200" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Setelah muncul halaman baru, pada bagian "<b>Question</b>" isi dengan pertanyaan yang ingin di tanyakan kepada pengunjung website, pada <b style="color: red;">bagian "Answer 1:" isi dengan pilihan jawaban </b>yang di sediakan. Untuk <b style="color: red;">menambahkan pilihan jawaban, klik tombol "Add answer"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THaS1DoDtoI/AAAAAAAACvI/4bU31T0vhY0/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THaS1DoDtoI/AAAAAAAACvI/4bU31T0vhY0/s400/2.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Jika sudah selesai, <b style="color: red;">copy atau simpan kode "{%vote%}" ke notepad lalu klik "Save changes"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THaTHPcJ-dI/AAAAAAAACvQ/X4jQAAjRM1o/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THaTHPcJ-dI/AAAAAAAACvQ/X4jQAAjRM1o/s400/3.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Di main menu, bukan halaman website yang Anda inginkan untuk memasang vote, lalu paste "{%vote%}".</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THaTdHqzfyI/AAAAAAAACvY/2tTJjaDE5lk/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THaTdHqzfyI/AAAAAAAACvY/2tTJjaDE5lk/s320/4.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Preview halaman website untuk melihat hasil kerja Anda.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THaT8PN1SKI/AAAAAAAACvw/sZgAauoSeC0/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="190" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THaT8PN1SKI/AAAAAAAACvw/sZgAauoSeC0/s400/5.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
<br />
<div style="text-align: center;"><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/menambahkan-modul-news.html">Menambahkan Modul News</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/menambahkan-modul-contact-form.html">Menambahkan Modul Contact Form</a></b></div></div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-6717682532560002407.post-47552328112490760242010-08-26T09:02:00.000-07:002011-02-06T08:28:45.929-08:00Menambahkan Modul News<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Modul new adalah articles yang dapat di posting-kan ke dalam website tanpa harus membuat halaman terlebih dahulu. Kegunaannya adalah untuk memberitahukan kepada pengunjung website tentang hal baru atau postingan baru yang terdapat di dalam website Anda.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THaNj--0bqI/AAAAAAAACuI/nlKB9aXFQ5g/s1600/Menambahkan+Modul+News.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THaNj--0bqI/AAAAAAAACuI/nlKB9aXFQ5g/s320/Menambahkan+Modul+News.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Pada main menu, <b style="color: red;">klik "Add-on Modules" lalu pilih "News"</b>.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THaN1Qc_Y5I/AAAAAAAACuQ/ZQ9Rl8TeCBY/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THaN1Qc_Y5I/AAAAAAAACuQ/ZQ9Rl8TeCBY/s320/2.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Popup window news akan muncul, <b style="color: red;">pada bagian "Short text"</b> pilih <b style="color: red;">format tanggal</b> sesuai dengan kebutuhan, <b style="color: red;">pada bagian "Header" isi dengan judul news</b>, dan pada <b style="color: red;">bagian penulisan news</b>, <b style="color: red;">isi secara singkat</b> tentang berita atau articles yang ingin di postingkan.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THaON-T2EuI/AAAAAAAACuY/mC1asV1fIw0/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="257" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THaON-T2EuI/AAAAAAAACuY/mC1asV1fIw0/s400/3.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><b style="color: red;">Scrool down mouse</b> ke bawah, <b style="color: red;">pada bagian "Long text"</b> isikan dengan berita atau articles secara kumplit sesuai dengan keinginan.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THaOemf-J3I/AAAAAAAACug/dAPpbrtcxls/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THaOemf-J3I/AAAAAAAACug/dAPpbrtcxls/s400/4.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><b style="color: red;">Copy atau simpan kode</b><b style="color: red;"> "{%news%}"</b> <b style="color: red;">ke notepad </b>dan paste di halaman website jika Anda ingin news datau articles tersebut dipostingkan di dalam halaman lain, setelah semua selesai <b style="color: red;">klik "Add news".</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THaO9o3VhWI/AAAAAAAACuo/5Lm3xrhdUEQ/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="148" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THaO9o3VhWI/AAAAAAAACuo/5Lm3xrhdUEQ/s400/5.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Setelah hasil kerja tersimpan dan preview website, maka new akan tertambahkan di bagian sisi sebelah kiri atau kanan website Anda.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THaPM_C-gII/AAAAAAAACuw/CIx7Tstgc_k/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THaPM_C-gII/AAAAAAAACuw/CIx7Tstgc_k/s400/7.JPG" width="208" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Jika pengunjung meng-klik judul dari news tersebut, maka article atau news secara kumplit akan muncul sebagai halaman baru dari website.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THaPaBkkq8I/AAAAAAAACu4/UL85DReZ1DM/s1600/8.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THaPaBkkq8I/AAAAAAAACu4/UL85DReZ1DM/s400/8.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"> </div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"> </div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;"><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/membuat-halaman-koran.html">Membuat Halaman Koran</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/menambahkan-modul-vote-pool.html">Menambahkan Modul Vote Pool</a></b></div>Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-6717682532560002407.post-16063624045863407952010-08-25T09:01:00.000-07:002011-02-06T08:26:56.650-08:00Membuat Halaman Koran<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Untuk lebih mempercantik atau memperindah halaman pada website bisa menggunakan tekhnik halaman koran. dengan tekhnik ini, maka halaman pada website akan lebih bervariatif dan pengunjung dapat langsung melihat halaman-halaman yang ada pada saat pertama kali mereka berkunjung.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Pada daerah kerja, <b style="color: red;">klik icon/lambang "Insert predefined template content"</b> yang berada di sebelah <b style="color: red;">kanan toolbar daerah kerja</b>.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU8REEQYVI/AAAAAAAACtI/CPYGRWjvYr0/s1600/Membuat+Halaman+Koran.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU8REEQYVI/AAAAAAAACtI/CPYGRWjvYr0/s320/Membuat+Halaman+Koran.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Akan <b style="color: red;">muncul popup window</b>, <b style="color: red;">Klik tanda panah kecil</b> kebawah pada bagian <b style="color: red;">"Template"</b> untuk memilih tampilan yang sesuai dengan keinginan.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/THU8kKefVdI/AAAAAAAACtQ/Mne3GXSJ2H0/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/THU8kKefVdI/AAAAAAAACtQ/Mne3GXSJ2H0/s320/2.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Preview untuk Layout 1</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THU8saAQVBI/AAAAAAAACtY/XDEes-utT_0/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THU8saAQVBI/AAAAAAAACtY/XDEes-utT_0/s400/3.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Preview untuk Layout 2</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU8yS1bDpI/AAAAAAAACtg/kBdmLYPeCUg/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU8yS1bDpI/AAAAAAAACtg/kBdmLYPeCUg/s400/4.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Preview untuk layout 3</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU84e3zwQI/AAAAAAAACto/7I4X8l6hhd4/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="281" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU84e3zwQI/AAAAAAAACto/7I4X8l6hhd4/s400/5.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Jika sudah memutuskan pilihan layout, <b style="color: red;">klik "Insert"</b> yang berada di sebelah kiri bawah popup window tersebut dan layout akan ter-copy-kan ke dalam website. Selanjutnya edit semua tulisan dengan kontent Anda.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU9ZgjKf3I/AAAAAAAACtw/ytT-KQ9H_5A/s1600/6.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU9ZgjKf3I/AAAAAAAACtw/ytT-KQ9H_5A/s400/6.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Edit konten sesuai dengan kebutuhan dan <b><a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/cara-menyisipkan-gambar.html">sisipkan gambar</a></b> jika perlu, <b style="color: red;">klik "Save change" </b>untuk menyimpan hasil kerja Anda.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU9zNfMhaI/AAAAAAAACt4/m9_puy7ebpQ/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU9zNfMhaI/AAAAAAAACt4/m9_puy7ebpQ/s400/7.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Selesai pengerjaan membuat halaman koran. Preview halaman Anda.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU-HxfpraI/AAAAAAAACuA/cIPbyL-TLn8/s1600/8.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="301" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU-HxfpraI/AAAAAAAACuA/cIPbyL-TLn8/s320/8.JPG" width="320" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"> </div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"> </div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;"><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/cara-copas-articles-dari-file-word.html">Cara Copas Article Dari File Word</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/menambahkan-modul-news.html">Menambah Modul News</a></b></div>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-6717682532560002407.post-39242139511750294922010-08-25T08:40:00.000-07:002011-02-06T08:24:40.614-08:00Cara Copas Articles Dari File Word<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Untuk memindahkan articles dari file MS. Word dan menjadikannya konten ke dalam website tidak dapat dilakukan secara langsung dengan meng-copy paste articles ke dalam website. Triknya adalah dengan menggunakan tools khusus yang sudah tersedia.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Jika langsung meng-copy paste ke dalam website, maka hasilnya tidak akan rapih dan akan ada kode HTML yang terlihat di dalam halaman.</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"></div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/THU3Uk3tBAI/AAAAAAAACsQ/aM5nz50wzy8/s1600/Cara+Copas+Articles+Dari+File+Word.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/THU3Uk3tBAI/AAAAAAAACsQ/aM5nz50wzy8/s400/Cara+Copas+Articles+Dari+File+Word.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Pada halaman kerja, <b style="color: red;">klik icon/lambang "Paste From Word"</b> yang berada di atas toolbar halaman kerja.</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/THU3htXdsMI/AAAAAAAACsg/5xoeQuixVyE/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/THU3htXdsMI/AAAAAAAACsg/5xoeQuixVyE/s400/2.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Akan <b style="color: red;">muncul popup</b>, copy tulisan/articles dari file MS. Word lalu paste di dalam halaman popup tersebut, setelah itu<b style="color: red;"> klik "Insert"</b></div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU4JrzegoI/AAAAAAAACso/cD-q6CeJ6mw/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="372" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU4JrzegoI/AAAAAAAACso/cD-q6CeJ6mw/s400/3.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Article akan ter-insert ke dalam halaman website, <b style="color: red;">klik CTLR+A</b> untuk memblok seluruh articles, lalu <b style="color: red;">klik icon/lambang "Align full" </b>untuk merapikan tulisan/articles, terakhir<span style="color: red;"> <b>k</b></span><b style="color: red;">lik "Save Changes"</b></div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU4iEBAYTI/AAAAAAAACsw/POYGE4pcwgg/s1600/4a.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU4iEBAYTI/AAAAAAAACsw/POYGE4pcwgg/s400/4a.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU4mH-Q5dI/AAAAAAAACs4/s0VIM7Amh1U/s1600/4b.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THU4mH-Q5dI/AAAAAAAACs4/s0VIM7Amh1U/s320/4b.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Jika sudah selesai maka hasilnya akan menjadi rapi dan bagus. Preview halaman website, </div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THU43VeJFkI/AAAAAAAACtA/cM766E1Xms0/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THU43VeJFkI/AAAAAAAACtA/cM766E1Xms0/s400/5.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
<br />
<div style="text-align: center;"><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/cara-menyisipkan-gambar.html">Cara Menyisipkan Gambar</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/membuat-halaman-koran.html">Membuat Halaman Koran</a></b></div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6717682532560002407.post-5429919769975391462010-08-24T10:10:00.000-07:002011-02-06T08:23:13.663-08:00Cara Menyisipkan Gambar<div style="font-family: Verdana,sans-serif; text-align: justify;">Gambar sudah menjadi satu kesatuan di dalam website dengan tujuan untuk lebih mempercantik tampilan website dan menjadi sangat penting karena bisa memberikan informasi secara visual kepada para pengunjung.</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Dengan menggunakan gambar, pengunjung website bisa lebih mengerti apa yang di sampaikan oleh webmaster atau pemilik website.</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Langkah untuk menyisipkan gambar. </div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Pada area tulis, <b style="color: red;">Klik icon/lambang "Insert/edit image"</b>.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THP391bQR4I/AAAAAAAACqo/E38uRb5Cebg/s1600/Cara+Menyisipkan+Gambar.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="108" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THP391bQR4I/AAAAAAAACqo/E38uRb5Cebg/s400/Cara+Menyisipkan+Gambar.JPG" width="400" /></a></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Muncul popup window, <b style="color: red;">klik "Browse"</b> di kanan atas layar monitor.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THP4OkqajWI/AAAAAAAACqw/14oGNIs5_lk/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THP4OkqajWI/AAAAAAAACqw/14oGNIs5_lk/s400/2.JPG" width="400" /></a></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Pada popup selanjutnya, <b style="color: red;">klik "Browse" </b>yang berada di kiri bawah monitor untuk mencari gambar dari hardisk/komputer.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THP4gLB3vTI/AAAAAAAACq4/NdXbBG2pp8w/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THP4gLB3vTI/AAAAAAAACq4/NdXbBG2pp8w/s320/3.JPG" /></a></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Setelah muncul window browser, <b style="color: red;">cari gambar</b> yang ingin di sisipkan, lalu <b style="color: red;">klik "Open"</b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THP4ud557bI/AAAAAAAACrA/gNKQ126-fX4/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THP4ud557bI/AAAAAAAACrA/gNKQ126-fX4/s400/4.JPG" width="400" /></a></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Selanjutnya, <b style="color: red;">klik tombol "Upload"</b> yang berada di sebelah tombol "Browse"</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THP4-NoA5CI/AAAAAAAACrI/1qejfFq4ZbY/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="131" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THP4-NoA5CI/AAAAAAAACrI/1qejfFq4ZbY/s400/5.JPG" width="400" /></a></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Proses upload/unggah gambar akan tergantung dari kecepatan dan kapasitas file yang di upload. Setelah proses upload selesai, <b style="color: red;">klik "OK"</b> yang berada di bawah kanan monitor.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THP5XH7OjgI/AAAAAAAACrQ/BcW_sFA-OFI/s1600/6.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THP5XH7OjgI/AAAAAAAACrQ/BcW_sFA-OFI/s320/6.JPG" /></a></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Pada popup selanjutnya, <b style="color: red;">klik tombol "Appearance" </b> untuk merubah posisi gambar sesuai dengan kebutuhan dan keinginan.</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><b style="color: red;">Klik tanda panah kecil di bagian "Alignment"</b> lalu <b style="color: red;">pilih posisi gambar</b> di dalam website yang diinginkan.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THP5_2bpKnI/AAAAAAAACrY/8mqkINFVl6c/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THP5_2bpKnI/AAAAAAAACrY/8mqkINFVl6c/s400/7.JPG" width="400" /></a></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Pada <b>bagian "Vertical Space" dan "Horizontal Space"</b> isi dengan <b style="color: red;">angka 5 atau berapa saja</b>, Anda bisa bereksperimen dengan angka tersebut. Fungsi dari Vertical space dan horizontal space adalah menentukan jarak antara gambar dan tulisan disebelah kiri atau bawah gambar, <b style="color: red;">semakin kecil/besar angka</b> yang dimasukkan maka <b style="color: red;">semakin dekat/jauh jarak</b> antara gambar dan tulisan.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THP6fwk8_RI/AAAAAAAACrg/9UZwP6dKUlY/s1600/8.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THP6fwk8_RI/AAAAAAAACrg/9UZwP6dKUlY/s320/8.JPG" /></a></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Selanjutnya <b style="color: red;">klik tombol "General", isi "Image description" dan "Title"</b> sesuai dengan judul gambar, lalu <b style="color: red;">klik "Insert"</b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THP6wkj2JII/AAAAAAAACro/sC6GlNVeKqw/s1600/9.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="327" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THP6wkj2JII/AAAAAAAACro/sC6GlNVeKqw/s400/9.JPG" width="400" /></a></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Sekarang gambar sudah berada di area tulis. <b style="color: red;">Untuk memperbesar atau memperkecil gambar</b>, <b style="color: red;">klik gambar</b> lalu <b style="color: red;">tarik ujung gambar</b> dengan menggunakan mouse arah <b style="color: red;">keluar atau ke dalam gambar</b>.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THP7JTfjl8I/AAAAAAAACrw/s_RqbFmKXHs/s1600/10.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THP7JTfjl8I/AAAAAAAACrw/s_RqbFmKXHs/s320/10.JPG" /></a></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Jika sekiranya gambar sudah sesuai dengan tampilan, <b style="color: red;">klik "Save Changes"</b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THP7T4_jM6I/AAAAAAAACr4/MTrv1FVByb0/s1600/11.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THP7T4_jM6I/AAAAAAAACr4/MTrv1FVByb0/s320/11.JPG" /></a></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><b style="color: red;">Lihat preview</b> hasil kerja Anda, dengan meng<b style="color: red;">klik tanda panah hijau</b> di sebelah kanan atas monitor Anda.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THP7jEwyB-I/AAAAAAAACsA/EjyoDMyYOqY/s1600/12.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THP7jEwyB-I/AAAAAAAACsA/EjyoDMyYOqY/s320/12.JPG" /></a></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Window baru akan terbuka dengan preview halaman yang sudah di sisipi dengan gambar.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/THP7vfLwBZI/AAAAAAAACsI/2E7ban99K0c/s1600/13.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/THP7vfLwBZI/AAAAAAAACsI/2E7ban99K0c/s400/13.JPG" width="400" /></a></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
<br />
<div style="text-align: center;"><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/membuat-anchor-text-link-ke-website.html">Membuat Anchor Text Link Ke Website Lain</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/cara-copas-articles-dari-file-word.html">Cara Copas Article dari File Word</a></b></div></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-6717682532560002407.post-78800565738094506872010-08-21T11:19:00.000-07:002011-02-06T08:20:45.070-08:00Membuat Anchor Text Link Ke Website Lain<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Tujuan membuat anchor text yang mengarah ke website lain adalah untuk mengarahkan pengunjung website ke alamat website yang kita inginkan. Kemungkinan website lain tersebut adalah website affiliat, bisnis atau website Anda yang lain.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><b style="color: red;">Tentukan text</b> yang akan di beri link.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THAW_2E_tXI/AAAAAAAACpw/1gVJcCd2ehQ/s1600/Membuat+Anchor+Text+Link+Ke+Website+Lain.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THAW_2E_tXI/AAAAAAAACpw/1gVJcCd2ehQ/s320/Membuat+Anchor+Text+Link+Ke+Website+Lain.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><b style="color: red;">Blok tulisan</b> menggunakan mouse, lalu <b style="color: red;">klik "Insert/edit link"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/THAXn0RNuTI/AAAAAAAACqA/8WH62wpB3Og/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/THAXn0RNuTI/AAAAAAAACqA/8WH62wpB3Og/s400/2.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><b style="color: red;">Di bagian "Link URL"</b> isikan URL/alamat website tujuan, <b style="color: red;">pada bagian "Target"</b> pilih <b style="color: red;">"Open in new window (_blank)"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THAX43bSzYI/AAAAAAAACqI/dFK6rWtIeDo/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THAX43bSzYI/AAAAAAAACqI/dFK6rWtIeDo/s400/3.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><i><b>Keterangan:</b></i><br />
<ol><li><b>Open in this window / frame </b>: Link tujuan akan terbuka dengan menimpah halaman sekarang</li>
<li><b>Open in new window (_blank) </b>: Link akan terbuka dengan window baru </li>
<li><b>Open in parent window / fram ( _parent) </b>: Link tujuan akan terbuka dengan menimpah halaman sekarang</li>
<li><b>Open in top frame (replaces all frame) (_top) </b>: Link tujuan akan terbuka dengan menimpah halaman sekarang</li>
</ol></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Jika sudah selesai, <b style="color: red;">klik "Insert"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THAYBusUgMI/AAAAAAAACqQ/OdzSg9f-rv0/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THAYBusUgMI/AAAAAAAACqQ/OdzSg9f-rv0/s320/4.JPG" width="280" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Tulisan yang di beri link akan <b style="color: red;">berubah menjadi berwarna biru dan bergaris bawah. Klik "Save changes"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THAYatnnQoI/AAAAAAAACqY/H5A9z9_8poA/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THAYatnnQoI/AAAAAAAACqY/H5A9z9_8poA/s320/5.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
<br />
<div style="text-align: center;"><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/membuat-anchor-text-link-ke-halaman.html">Membuat Anchor Text Link Ke Halaman Lain</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/cara-menyisipkan-gambar.html">Cara Menyisipkan Gambar</a></b></div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6717682532560002407.post-32555102685979118182010-08-21T11:05:00.000-07:002011-02-06T08:19:02.253-08:00Membuat Anchor Text Link Ke Halaman Lain<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Anchor Text adalah tulisan yang berisi link menuju ke halaman/website lain. Tujuan pembuatan anchor text adalah untuk mempermudah dan mengajak pengunjung menuju halaman yang Anda arahkan.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Contoh : <b><a href="http://google.com/">google</a></b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Jika seseorang meng-klik tulisan diatas, orang tersebut akan di arahkan menuju website google.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Cara membuat anchor text di website adaldah sebagai berikut.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><b style="color: red;">Tentukan text</b> yang akan di beri link.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THATIipN6HI/AAAAAAAACo4/VTZO15tirqs/s1600/Membuat+Anchor+Text+Link+Ke+Halaman+Lain.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THATIipN6HI/AAAAAAAACo4/VTZO15tirqs/s320/Membuat+Anchor+Text+Link+Ke+Halaman+Lain.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Setelah menentukan text, <b style="color: red;">blok text </b>tersebut dengan menggunakan mouse</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THATW01eVcI/AAAAAAAACpA/mYU0W7McMvY/s1600/2+blok+tulisan.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THATW01eVcI/AAAAAAAACpA/mYU0W7McMvY/s320/2+blok+tulisan.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Klik Icon/Lambang <b style="color: red;">"Insert/edit link"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THATjRuMCZI/AAAAAAAACpI/bXWq6dm9mcs/s1600/3+insert+link+icon.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="95" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THATjRuMCZI/AAAAAAAACpI/bXWq6dm9mcs/s200/3+insert+link+icon.JPG" width="200" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Akan <b style="color: red;">muncul popup</b>, <b style="color: red;">Klik tanda panah kecil</b> kebawah <b style="color: red;">di bagian "Link list"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THAT_kIV0RI/AAAAAAAACpQ/Ky6HD-FQImk/s1600/4+pilih+halaman.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THAT_kIV0RI/AAAAAAAACpQ/Ky6HD-FQImk/s400/4+pilih+halaman.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><b style="color: red;">Pilih halaman tujuan</b> untuk tulisan tersebut.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THAUNtkx3_I/AAAAAAAACpY/F3F_T7-pAos/s1600/5+pilih+halaman.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="211" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THAUNtkx3_I/AAAAAAAACpY/F3F_T7-pAos/s400/5+pilih+halaman.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Jika sudah selesai, <b style="color: red;">klik "Insert"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THAUU4OsgyI/AAAAAAAACpg/O_B6NL0F3fQ/s1600/6+klik+insert.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="347" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THAUU4OsgyI/AAAAAAAACpg/O_B6NL0F3fQ/s400/6+klik+insert.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Tulisan yang di beri link akan <b style="color: red;">berubah menjadi berwarna biru dan bergaris bawah. Klik "Save changes"</b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THAUlP6abyI/AAAAAAAACpo/DyHKypey4UY/s1600/7+simpan+perubahan.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THAUlP6abyI/AAAAAAAACpo/DyHKypey4UY/s320/7+simpan+perubahan.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Anda sudah selesai memberi link ke halaman lain pada text. Selanjutnya silahkan cek website dan klik link tersebut untuk memastikan bahwa Anchor text dapat bekerja dengan baik.<br />
<br />
<div style="text-align: center;"><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/menambah-tab-pilihan-pada-tab-navigasi.html">Menambah TAB Pilihan Pada TAB Navigasi</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/membuat-anchor-text-link-ke-website.html">Membuat Anchor Text Link Ke Website Lain</a></b></div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6717682532560002407.post-31822786080274638862010-08-21T10:09:00.000-07:002011-02-06T08:16:43.049-08:00Menambah Tab Pilihan pada Tab Navigasi<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Tab Pilihan adalah <b style="color: red;">tab/link tambahan</b> yang berada <b style="color: red;">di dalam tab utama</b>. Misalkan di dalam tab "Produk Unggulan" terdapat tab-tab lain seperti : 1. Cara membuat website gratis, 2. Cara membuat blog, dan 3. Cara membuat email.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THAFx6umQII/AAAAAAAACoA/3OEgFPnUC1g/s1600/Menambah+Tab+Pilihan+pada+Tab+Navigasi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THAFx6umQII/AAAAAAAACoA/3OEgFPnUC1g/s320/Menambah+Tab+Pilihan+pada+Tab+Navigasi.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Tujuannya adalah untuk mempermudah pengunjung website menemukan informasi yang mereka cari dan jika pengunjung website mengarahkan mouse ke tab "Produk Unggulan" maka secara otomatis akan muncul tab-tab tambahan seperti di atas.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: left;">Cara membuatnya adalah sebagai berikut:</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><b style="color: red;">Pada Main Menu</b>, <b style="color: red;">pilih dan KLIK</b> halaman yang ingin di tambakan di tab navigasi utama.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THAGNGWNSII/AAAAAAAACoI/czfEX7viaYo/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THAGNGWNSII/AAAAAAAACoI/czfEX7viaYo/s200/2.JPG" width="200" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Setelah masuk ke halaman tersebut, <b style="color: red;">Klik "Other Settings"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THAGaHFVOmI/AAAAAAAACoQ/Sxr0B2RKHS8/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="138" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THAGaHFVOmI/AAAAAAAACoQ/Sxr0B2RKHS8/s400/3.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Di bagian <b style="color: red;">"Parent subpage"</b><span style="color: red;"> </span><b style="color: red;">Klik tanda panah kecil</b> di sebelah tulisan none, maka akan muncul tab-tab utama, pilih tab utama yang ingin di jadikan "parent tab".</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THAHBVF1JNI/AAAAAAAACoY/X80V2mc_leQ/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="147" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THAHBVF1JNI/AAAAAAAACoY/X80V2mc_leQ/s400/4.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Setelah menentukan pilihan, <b style="color: red;">klik "Save changes"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/THAHKlvzcWI/AAAAAAAACog/oMC3CXgeTr4/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="133" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/THAHKlvzcWI/AAAAAAAACog/oMC3CXgeTr4/s400/5.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Tab pilihan sudah tertambahkan ke dalam Tab navigasi <b style="color: red;">"Produk Unggulan"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THAHVe95teI/AAAAAAAACoo/VKi1F9gnzd8/s1600/6.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THAHVe95teI/AAAAAAAACoo/VKi1F9gnzd8/s200/6.JPG" width="196" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Hasil yang terlihat di dalam website jika pengunjung mengarahkan mouse ke "Produk Unggulan"</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/THAHd4f5FkI/AAAAAAAACow/M5p8XSxh2bo/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/THAHd4f5FkI/AAAAAAAACow/M5p8XSxh2bo/s320/7.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
<br />
<div style="text-align: center;"><b>Tutorial Sebelumnya</b><a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/menambah-halaman-baru.html"><b>Menambah Halaman Baru</b></a><br />
<b><br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/membuat-anchor-text-link-ke-halaman.html">Membuat Anchor Text Link Ke Halaman Lain</a></b></div></div>Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-6717682532560002407.post-46153199159956555512010-08-21T09:45:00.000-07:002011-02-06T08:14:27.562-08:00Menambah Halaman Baru<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Rasanya perlu untuk menambahkan halaman baru pada website, karena kebutuhan akan bisnis Anda dan membuat pengunjung menjadi betah dan ingin berlama-lama di website Anda. Untuk menambahkan halaman baru pada website Anda adalah sebagai berikut :</div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;">Pada halaman <b style="color: red;">"Main Menu" Klik "Add a new page"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/THABVvQeqWI/AAAAAAAACnY/Yo5zzA7o54A/s1600/Cara+menambah+halaman+baru.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/THABVvQeqWI/AAAAAAAACnY/Yo5zzA7o54A/s320/Cara+menambah+halaman+baru.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;"><b style="color: red;">Isi bagian "Page Name"</b> dengan judul halaman yang diinginkan.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/THABicgZe0I/AAAAAAAACng/e0wBNZOROvw/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/THABicgZe0I/AAAAAAAACng/e0wBNZOROvw/s400/2.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif;"></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;">Setelah selesai mengisikan judul halaman, <b style="color: red;">klik "Add"</b></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THABsBbLUhI/AAAAAAAACno/UkrHS9PSEg0/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="190" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THABsBbLUhI/AAAAAAAACno/UkrHS9PSEg0/s400/3.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Anda sudah berhasil menambahkan halaman "Cara Membuat Website Gratis" di website, tandanya bahwa halaman sudah bertambah, <b style="color: red;">bisa dilihat di bagian "Main Menu"</b>, di sana ada penambahan halaman.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/THACAnqdjmI/AAAAAAAACnw/dxohRyS4ZAs/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/THACAnqdjmI/AAAAAAAACnw/dxohRyS4ZAs/s200/4.JPG" width="190" /></a></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;">Dan <b style="color: red;"><span style="color: red;">perubahan </span>di website</b> adalah sebagai berikut.</div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/THACLWDDlaI/AAAAAAAACn4/0hPnGpzMxRI/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/THACLWDDlaI/AAAAAAAACn4/0hPnGpzMxRI/s320/5.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
<br />
<div style="text-align: center;"><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/merubah-posisi-urutan-tab-navigasi.html">Merubah Posisi Urutan TAB Navigasi</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/menambah-tab-pilihan-pada-tab-navigasi.html">Menambah TAB Pilihan Pada TAB Navigasi</a></b></div></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-6717682532560002407.post-10830680688468644632010-08-21T09:14:00.000-07:002011-02-06T08:11:59.830-08:00Merubah Posisi Urutan Tab Navigasi<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Ada kalanya Anda ingin merubah posisi dari Tab Navigasi. Misalnya <b style="color: red;">tab "Tentang Kami"</b> ingin dirubah posisinya menjadi berada <b style="color: red;">di atas tab "Hubungi Kami"</b><span style="color: red;">.</span></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TG_5qefQJKI/AAAAAAAACm4/_s6Cr-_P8Ho/s1600/Merubah+Posisi+Urutan+Tab+Navigasi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TG_5qefQJKI/AAAAAAAACm4/_s6Cr-_P8Ho/s320/Merubah+Posisi+Urutan+Tab+Navigasi.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Maka yang perlu di lakukan adalah <b style="color: red;">klik Link/Tab</b> yang ingin Anda pindahkan posisinya di "<b><span style="color: red;">Main Menu".</span></b></div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TG_55iygiII/AAAAAAAACnA/tvt0IxfL1nM/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TG_55iygiII/AAAAAAAACnA/tvt0IxfL1nM/s320/2.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Lalu pilih dengan meng-<b style="color: red;">klik gambar/icon di sebelah "Move page"</b> untuk merubah urutan Tab Navigasi baik itu naik atau turun sesuai kebutuhan.</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TG_6K0q5f8I/AAAAAAAACnI/RMFJ5TP_2oE/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TG_6K0q5f8I/AAAAAAAACnI/RMFJ5TP_2oE/s320/3.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Setelah Tab "Tentang Kami" dinaikkan maka perubahan akan tampak pada hasil di website Anda.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><b style="color: red;">Posisi Awal</b></div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TG_5qefQJKI/AAAAAAAACm4/_s6Cr-_P8Ho/s1600/Merubah+Posisi+Urutan+Tab+Navigasi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TG_5qefQJKI/AAAAAAAACm4/_s6Cr-_P8Ho/s320/Merubah+Posisi+Urutan+Tab+Navigasi.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="color: red; font-family: "Trebuchet MS",sans-serif; text-align: center;"><b>Setelah di edit</b></div><div style="color: red; font-family: "Trebuchet MS",sans-serif; text-align: center;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TG_6qm7c_WI/AAAAAAAACnQ/Hc5AwvRqWvk/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TG_6qm7c_WI/AAAAAAAACnQ/Hc5AwvRqWvk/s320/4.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Tab "Tentang Kami" sudah berubah posisi di atas tab "Hubungi Kami" sesuai dengan tujuan awal.<br />
<br />
<div style="text-align: center;"><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/menambah-tab-navigasi.html">Menambah TAB Navigasi</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/menambah-halaman-baru.html">Menambah Halaman Baru</a></b></div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6717682532560002407.post-621100072600048082010-08-14T09:25:00.000-07:002011-02-06T08:09:43.920-08:00Menambah Tab Navigasi<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Bertambah banyak kategori dari konten maka bertambah pula kebutuhan akan tab navigasi yang berfungsi untuk mempermudah pengunjung dapat mencari informasi yang mereka butuhkan dan mengetahui seluruh halaman yang tersedia dengan mudah.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">1. <b style="color: red;">Klik "Add a new page"</b> pada <b style="color: red;">bagian "Main Menu"</b> yang berada di sebelah <b style="color: red;">kiri tengah monitor</b> Anda.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGbA4nncW-I/AAAAAAAACmQ/IAd3NVu37Zk/s1600/menambah+tab+navigasi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGbA4nncW-I/AAAAAAAACmQ/IAd3NVu37Zk/s320/menambah+tab+navigasi.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">2. Setelah masuk ke halaman berikutnya, <b style="color: red;">Isikan bagian "Page Name"</b> dengan nama halaman yang Anda inginkan.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/TGbBaHH8_7I/AAAAAAAACmY/MMl91lOPf4k/s1600/tulis+nama+halaman.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/TGbBaHH8_7I/AAAAAAAACmY/MMl91lOPf4k/s400/tulis+nama+halaman.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">3. <b style="color: red;">Klik "Add"</b> <b style="color: red;">jika sudah selesai </b>memberi nama pada halaman.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGbB0Kv_5-I/AAAAAAAACmg/4wPUYHEgEJc/s1600/selesai+pemberian+halaman.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGbB0Kv_5-I/AAAAAAAACmg/4wPUYHEgEJc/s400/selesai+pemberian+halaman.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">4. Jika berhasil, maka <b style="color: red;">halaman "Tentang Kami"</b> akan tertambahkan <b style="color: red;">di bagian "Main Menu"</b>. <b style="color: red;">Klik "Preview Website"</b> untuk melihat hasil perubahan pada website Anda.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/TGbCgR6rTXI/AAAAAAAACmo/tO1dm1575Jk/s1600/hasil+penambahan+halaman.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/TGbCgR6rTXI/AAAAAAAACmo/tO1dm1575Jk/s320/hasil+penambahan+halaman.JPG" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">5. Sekarang <b style="color: red;">halaman "Tentang Kami" sudah tertambahkan</b> di website.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGbDB2rA8zI/AAAAAAAACmw/TqAKOU1HjDg/s1600/preview+di+website.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGbDB2rA8zI/AAAAAAAACmw/TqAKOU1HjDg/s400/preview+di+website.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
<br />
<div style="text-align: center;"><b>Tutorial Sebelumnya</b><a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/merubah-tulisan-pada-tab-navigasi.html"><b>Merubah Tulisan TAB Pada Navigasi</b></a><br />
<b><br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/merubah-posisi-urutan-tab-navigasi.html">Merubah Posisi Urutan TAB Navigasi</a></b></div></div>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-6717682532560002407.post-19598806203947518432010-08-14T09:08:00.000-07:002011-02-06T08:07:20.440-08:00Merubah Tulisan Pada Tab Navigasi<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Tab navigasi yang di maksud disini adalah tab yang memberi penjelasan kepada pengunjung <a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/hosting-gratis-menggunakan-000webhost.html">website</a> akan halaman-halaman yang ada di dalam website tersebut seperti home, product, contact dan lain-lain. Mungkin Anda ingin merubah tulisan tersebut menjadi tulisan yang berbahasa Indonesia atau bahasa lain seperti bahasa daerah Anda sendiri.</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGa7lLP3gBI/AAAAAAAAClo/7qbsoscgKS0/s1600/Merubah+Tulisan+Pada+Tab+Navigasi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGa7lLP3gBI/AAAAAAAAClo/7qbsoscgKS0/s400/Merubah+Tulisan+Pada+Tab+Navigasi.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
<br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">1. <b style="color: red;">Pilih halaman</b> yang ingin Anda edit tulisan pada tab navigasi.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGa2zSVBE3I/AAAAAAAAClI/leMlA04ptBE/s1600/mulai+edit.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGa2zSVBE3I/AAAAAAAAClI/leMlA04ptBE/s200/mulai+edit.JPG" width="200" /></a></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">2. Setelah Anda masuk ke halaman berikutnya, <b style="color: red;">rubah tulisan</b> sesuai dengan kebutuhan Anda, <b style="color: red;">pada bagian "Page Name"</b></div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/TGa8jFdAjvI/AAAAAAAAClw/voQzefHYBg0/s1600/rubah+tulisan.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/TGa8jFdAjvI/AAAAAAAAClw/voQzefHYBg0/s400/rubah+tulisan.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">3. <b style="color: red;">Klik "Save Changes"</b> jika Anda sudah selesai merubah nama halaman sesuai dengan yang diinginkan.</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGa9Hy4-PXI/AAAAAAAACl4/ed8ijgGAxE8/s1600/selesai+merubah.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="141" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGa9Hy4-PXI/AAAAAAAACl4/ed8ijgGAxE8/s400/selesai+merubah.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
<br />
</div><div style="font-family: "Trebuchet MS",sans-serif;"><div style="text-align: justify;">4. Jika proses penyimpanan hasil perubahan sudah selesai dan Anda ingin <b style="color: red;">melihat perubahan</b> tersebut, <b style="color: red;">klik "Preview Website"</b> yang berada di sebelah <b style="color: red;">kiri tengah monitor Anda</b>.</div></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGa9qDlm_jI/AAAAAAAACmA/kSBuE_qA41A/s1600/preview.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGa9qDlm_jI/AAAAAAAACmA/kSBuE_qA41A/s320/preview.JPG" width="320" /></a></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif;">5. Sekarang tab navigasi Anda sudah berubah ke bahasa yang Anda inginkan.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGa7lLP3gBI/AAAAAAAAClo/7qbsoscgKS0/s1600/Merubah+Tulisan+Pada+Tab+Navigasi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGa7lLP3gBI/AAAAAAAAClo/7qbsoscgKS0/s400/Merubah+Tulisan+Pada+Tab+Navigasi.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif;"></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;"><b>Menjadi </b></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
</div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGa-3WEqIwI/AAAAAAAACmI/hDlHl9RScU4/s1600/hasil+perubahan.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGa-3WEqIwI/AAAAAAAACmI/hDlHl9RScU4/s400/hasil+perubahan.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif;"><br />
<br />
<div style="text-align: center;"><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/proses-editing-dan-pemberian-konten.html">Proses Editing dan Pemberian Konten</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/menambah-tab-navigasi.html">Menambah TAG Navigasi</a></b></div></div>Unknownnoreply@blogger.com11tag:blogger.com,1999:blog-6717682532560002407.post-60491979178581879382010-08-14T08:44:00.000-07:002011-02-06T08:03:51.503-08:00Proses Editing dan Pemberian Konten<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Setelah website Anda sudah siap untuk di promosikan, maka sekarang waktunya untuk meng-edit dan memberi konten/isi pada website Anda. Hal yang perlu diperhatikan dalam proses editing dan pemberian konten adalah bahwa keseriusan Anda dalam <a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/hosting-gratis-menggunakan-000webhost.html">membangun sebuah website</a>, sehingga hasil yang di dapat bisa memberi man'faat bagi para pengunjung website Anda.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Asumsi bahwa Anda masih berada di member area dan dalam status login di 000webhost.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">1. Silahkan ke website builder Anda dengan mengetikkan alamat ini di browser :</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"></div><div style="color: red; font-family: "Trebuchet MS",sans-serif; text-align: center;"><b>http://www.nama-website-Anda.co.cc/admin</b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGa1pj3wsLI/AAAAAAAACk4/O0dtI5fQ3fI/s1600/proses+editing+dan+pemberian+konten.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="251" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGa1pj3wsLI/AAAAAAAACk4/O0dtI5fQ3fI/s400/proses+editing+dan+pemberian+konten.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: center;"><br />
<br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: left;">2. Masukkan user name dan password Anda, lalu <b style="color: red;">KLIK "Login"</b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_BcNXw8SUNWA/TGa2IkTiNDI/AAAAAAAAClA/3YkxLzLhFwk/s1600/login+admin+area+2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="171" src="http://1.bp.blogspot.com/_BcNXw8SUNWA/TGa2IkTiNDI/AAAAAAAAClA/3YkxLzLhFwk/s400/login+admin+area+2.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: left;"><br />
<br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: left;"><div style="text-align: justify;">3. Setelah berada di Website Builder Area, navigasi menuju <b style="color: red;">sebelah kiri atas monitor</b> Anda, lalu <b style="color: red;">klik salah satu halaman</b> yang ingin Anda edit.</div></div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGa2zSVBE3I/AAAAAAAAClI/leMlA04ptBE/s1600/mulai+edit.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="http://3.bp.blogspot.com/_BcNXw8SUNWA/TGa2zSVBE3I/AAAAAAAAClI/leMlA04ptBE/s200/mulai+edit.JPG" width="200" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: left;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: left;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><div style="text-align: justify;">4. Pada halaman pengeditan, beri konten sesuai dengan kategori website di daerah tulis yang tersedia. Jika gambar kurang jelas, silahkan <b><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGa3eq8hnbI/AAAAAAAAClQ/kxZ6PQJtKnE/s1600/tempat+penulisan.JPG" target="_blank">klik disini</a></b>.</div></div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGa3eq8hnbI/AAAAAAAAClQ/kxZ6PQJtKnE/s1600/tempat+penulisan.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="http://4.bp.blogspot.com/_BcNXw8SUNWA/TGa3eq8hnbI/AAAAAAAAClQ/kxZ6PQJtKnE/s400/tempat+penulisan.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br />
</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">5. Jika Pengiditan sudah dirasakan selesai, <b style="color: red;">Klik "Save"</b> untuk menyimpan hasil kerja Anda. Memperjelas gambar <b><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGa4bDOR8WI/AAAAAAAAClY/4N5XtzcXWAk/s1600/selesai+editing.JPG" target="_blank">klik disini</a></b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGa4bDOR8WI/AAAAAAAAClY/4N5XtzcXWAk/s1600/selesai+editing.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="173" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGa4bDOR8WI/AAAAAAAAClY/4N5XtzcXWAk/s400/selesai+editing.JPG" width="400" /></a></div><br />
<br />
6. Pengeditan dan pemberian konten sudah selesai. Ketik <b style="color: red;">www.nama-website-anda.co.cc</b> di browser untuk melihat hasil kerja Anda.<br />
<br />
Hasil yang saya kerjakan adalah seperti di bawah ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGa5NVN0sgI/AAAAAAAAClg/a8ktobDQ64g/s1600/hasil+edit.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="http://2.bp.blogspot.com/_BcNXw8SUNWA/TGa5NVN0sgI/AAAAAAAAClg/a8ktobDQ64g/s400/hasil+edit.JPG" width="400" /></a></div><br />
<br />
<div style="text-align: center;"><b>Tutorial Sebelumnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/memberi-template-untuk-website.html">Memberi Template Untuk Website</a><br />
<br />
<br />
Tutorial Selanjutnya<br />
<a href="http://tutorialcaramembuatwebsitegratis.blogspot.com/2010/08/merubah-tulisan-pada-tab-navigasi.html">Merubah Tulisan TAB Pada Navigasi</a></b></div></div>Unknownnoreply@blogger.com30