tag:blogger.com,1999:blog-86129179238011474822024-03-20T06:17:45.864+07:00Belajar BersamaMari kita saling berbagi pengetahuan mengenai teknologi informasi untuk Indonesia hebat.Anonymoushttp://www.blogger.com/profile/13086151487711002853noreply@blogger.comBlogger6125tag:blogger.com,1999:blog-8612917923801147482.post-17685822771508642052015-07-01T00:00:00.000+07:002015-07-01T00:00:02.948+07:00Cara Membuat Website OpenCart di XAMPP<div style="text-align: justify;">
Hi all, hari ini saya akan membahas <a href="http://hardi-ads.blogspot.com/2015/06/cara-membuat-website-opencart-di-xampp.html" target="">cara membuat website OpenCart di XAMPP</a>. Apa itu OpenCart?</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
OpenCart adalah sistem open source yang berbasiskan bahasa pemograman PHP, yang merupakan</div>
<div style="text-align: justify;">
solusi perdagangan elektronik (e-commerce) untuk berdagang melalui internet dengan kemampuan untuk membuat bisnis online sendiri dengan website dan dengan biaya minimal (open source).</div>
<div style="text-align: justify;">
Berikut adalah alamat untuk mendownload <a href="http://www.opencart.com/index.php?route=download/download/success&download_id=39" target="_blank">opencart-2.0.1.1</a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Jika anda telah memiliki program XAMPP di komputer anda, buka program XAMPP anda, dan nyalakan beberapa fungsi hingga terlihat seperti gambar berikut ini. Jika anda belum memiliki program XAMPP di komputer anda, silahkan lihat <a href="http://hardi-ads.blogspot.com/2015/06/cara-instalasi-xampp-di-windows-7.html">disini</a>.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmzOOLx-eFPpZ2oJyVC-sEJJp0xtcYmihfpQKKHqFE2v67oNIB6YycDqmR_9i5nx7SgF1OVtDgDWowwOCDsHOOuDK7MHUchNzAQQqfaL9-cKfYm3ZPpJpE4M2E1r6pcWbaMYr0_aZTtOyA/s1600/Instalasi-OpenCart-004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmzOOLx-eFPpZ2oJyVC-sEJJp0xtcYmihfpQKKHqFE2v67oNIB6YycDqmR_9i5nx7SgF1OVtDgDWowwOCDsHOOuDK7MHUchNzAQQqfaL9-cKfYm3ZPpJpE4M2E1r6pcWbaMYr0_aZTtOyA/s400/Instalasi-OpenCart-004.jpg" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Langkah berikutnya adalah membuat database untuk website kita dengan cara klik tombol "Admin", seperti pada gambar berikut ini.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUpGbxRZWIPzwb8p0NTU0Ko3pHwdwOdeAFIUK3BCshgBYZkAqrc0MJFek-GA-4l91WcHB9R0cbHyfdWhFMmWFDTEbkaiKZj5_lggbtR_jXb8ThD7VQgSz1Ns3ja-xkmBUxkhJEUloJ99qK/s1600/Instalasi-OpenCart-010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUpGbxRZWIPzwb8p0NTU0Ko3pHwdwOdeAFIUK3BCshgBYZkAqrc0MJFek-GA-4l91WcHB9R0cbHyfdWhFMmWFDTEbkaiKZj5_lggbtR_jXb8ThD7VQgSz1Ns3ja-xkmBUxkhJEUloJ99qK/s400/Instalasi-OpenCart-010.jpg" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kemudian klik tombol "Databases" seperti pada gambar berikut ini.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-f3OxszhVTaHk9fzhO8T2qc3ab3i2z_DwlFlOxLo7WcgybLj0ltR5VMVzxmin1XYeYXSz3FOoZAqEFXwYh0spcBjcHPkfsPK4VU3q-niG_RMioyGISVibGuBve8YRanDcM8Fgy3-w00er/s1600/Instalasi-OpenCart-011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-f3OxszhVTaHk9fzhO8T2qc3ab3i2z_DwlFlOxLo7WcgybLj0ltR5VMVzxmin1XYeYXSz3FOoZAqEFXwYh0spcBjcHPkfsPK4VU3q-niG_RMioyGISVibGuBve8YRanDcM8Fgy3-w00er/s400/Instalasi-OpenCart-011.jpg" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Selanjutnya, masukkan nama database untuk website anda dan klik tombol "Create" hingga seperti pada gambar berikut ini.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDMYAby-j3kqlcBlOEdN5M2iTzQYgWSsiR5rNmSeeYP3ByZDlneQI5zKah4_HdrNzP8Lw_gEeLIe9dXQyxxxRBYoVta0WeEzny9Yub_jR9zFKPNQbis6-Q9QC_RYxUuVfeuDdHQr_g8iWz/s1600/Instalasi-OpenCart-012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDMYAby-j3kqlcBlOEdN5M2iTzQYgWSsiR5rNmSeeYP3ByZDlneQI5zKah4_HdrNzP8Lw_gEeLIe9dXQyxxxRBYoVta0WeEzny9Yub_jR9zFKPNQbis6-Q9QC_RYxUuVfeuDdHQr_g8iWz/s400/Instalasi-OpenCart-012.jpg" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Setelah berhasil membuat database, langkah berikutnya adalah buatlah sebuah folder baru di "C:\xampp\htdocs\" dengan nama website yang diinginkan seperti pada contoh gambar berikut ini. Disini saya akan menggunakan "test" sebagai nama website saya.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM1YaDTuyrLKHUF80EeF6bWfQGq-9wYBOzMW50nozlEmKnZuGMJ5zwGwpbn0CP88ybiBAF8fhpNQrmWYjOZt8M_MZargoEYlfghYBqB1mceFsCE0dlQJ_aXtCvYJLLwhExjR7tzIpnkEsO/s1600/Instalasi-OpenCart-001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM1YaDTuyrLKHUF80EeF6bWfQGq-9wYBOzMW50nozlEmKnZuGMJ5zwGwpbn0CP88ybiBAF8fhpNQrmWYjOZt8M_MZargoEYlfghYBqB1mceFsCE0dlQJ_aXtCvYJLLwhExjR7tzIpnkEsO/s400/Instalasi-OpenCart-001.jpg" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Selanjutnya copy file <a href="http://www.opencart.com/index.php?route=download/download/success&download_id=39" target="_blank">OpenCart v2.0.1.1</a> ke dalam folder "test" dan extract file tersebut.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7mBB_GDXiz5HdzUifXxQMz1O3JhAFq5p-AgdwSYqMnvaM5p91yJUQOEaWG2RsVM8ghVOuRkk7O1ZH3exZpmTcYEIJJe-O1cmo-J2gw8xmgS98Ec0pEzBS7ldog4OJU-lDn-Q_MeKl1Yuf/s1600/Instalasi-OpenCart-002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7mBB_GDXiz5HdzUifXxQMz1O3JhAFq5p-AgdwSYqMnvaM5p91yJUQOEaWG2RsVM8ghVOuRkk7O1ZH3exZpmTcYEIJJe-O1cmo-J2gw8xmgS98Ec0pEzBS7ldog4OJU-lDn-Q_MeKl1Yuf/s400/Instalasi-OpenCart-002.jpg" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Selanjutnya pindahkan file dan folder yang terdapat di dalam folder "C:\xampp\htdocs\test\opencart-2.0.1.1\upload" ke "C:\xampp\htdocs\test". Kemudian hapus folder "C:\xampp\htdocs\test\opencart-2.0.1.1" beserta isinya, hingga terlihat seperti gambar contoh berikut.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcDoqUcoK7-K7QH_5ib0k-H2mhdyIP6S6XuVdw7uXN8dH03MigJpH7a8utffSUwoQNC6wg1TEwY6MgjiJUZn7aGE7j6ZNzC0XniKCzIa-gKNqLaTIg9_7DVEp1H39c0VLV4kO-Ln41Iyzu/s1600/Instalasi-OpenCart-003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcDoqUcoK7-K7QH_5ib0k-H2mhdyIP6S6XuVdw7uXN8dH03MigJpH7a8utffSUwoQNC6wg1TEwY6MgjiJUZn7aGE7j6ZNzC0XniKCzIa-gKNqLaTIg9_7DVEp1H39c0VLV4kO-Ln41Iyzu/s400/Instalasi-OpenCart-003.jpg" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Langkah selanjutnya adalah buka program browser anda (Firefox Mozilla / Google Chrome / Internet Explorer), kemudian buka alamat web berikut "<a href="http://localhost/test">http://localhost/test</a>" atau "http://localhost/[nama folder website anda]". Klik tombol "CONTINUE", seperti yang terlihat di gambar berikut ini.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZaiX_u4mT86FaJLVcSCWBcpbgKltkHboW7nPgPEblVY1MeS9_uN8htTZ91nyqMnK5-y-TMevrEbSmoVCnJKlfz23HEvYjAAZibXKzVJIrlN0_5FpnMV0o2cQDVcEKue-7ZGtfBS4SzwIX/s1600/Instalasi-OpenCart-005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZaiX_u4mT86FaJLVcSCWBcpbgKltkHboW7nPgPEblVY1MeS9_uN8htTZ91nyqMnK5-y-TMevrEbSmoVCnJKlfz23HEvYjAAZibXKzVJIrlN0_5FpnMV0o2cQDVcEKue-7ZGtfBS4SzwIX/s400/Instalasi-OpenCart-005.jpg" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Jika pada halaman 2/4, anda menemui status "Missing" seperti pada gambar berikut ini, maka anda harus merubah nama file "config-dist.php" pada folder "C:\xampp\htdocs\test\admin\" dan "C:\xampp\htdocs\test" menjadi "config.php". Kemudian klik tombol "BACK" hingga kembali ke halaman sebelumnya, kemudian klik tombol "CONTINUE" lagi.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfeOeuPiwy1u2xfDFCDmy8FnWTLNVy0J8y7-WCzaoiPx9InH4Oo7iqn3YZBHhXC9hmUz9047Q3wwQEfjtIUuzeLe1wNLyzzftpm-2zhkePb7r4KIxqOLYQ4_gkip-83i2JVv5O571wqoTp/s1600/Instalasi-OpenCart-006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfeOeuPiwy1u2xfDFCDmy8FnWTLNVy0J8y7-WCzaoiPx9InH4Oo7iqn3YZBHhXC9hmUz9047Q3wwQEfjtIUuzeLe1wNLyzzftpm-2zhkePb7r4KIxqOLYQ4_gkip-83i2JVv5O571wqoTp/s400/Instalasi-OpenCart-006.jpg" width="328" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Jika pada halaman 2/4 anda terlihat seperti gambar berikut ini, maka langkah selanjutnya adalah klik tombol "CONTINUE".</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXC4Xjxm8KAeaa-BOagOhsJnJSB1eEhk85qO-1-kYSOXso3u4Kqy4Ld2ZyY4XGS6r3aJxeRpdIVaYj0qwNJV_ankU3REjTYKDi4B6dzM1aXVmaJiFOMRPMGHOGhxUBG9SgirOfwIRxql-w/s1600/Instalasi-OpenCart-007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXC4Xjxm8KAeaa-BOagOhsJnJSB1eEhk85qO-1-kYSOXso3u4Kqy4Ld2ZyY4XGS6r3aJxeRpdIVaYj0qwNJV_ankU3REjTYKDi4B6dzM1aXVmaJiFOMRPMGHOGhxUBG9SgirOfwIRxql-w/s400/Instalasi-OpenCart-007.jpg" width="321" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pada halaman 3/4, anda akan diminta untuk memasukkan beberapa data konfigurasi, yaitu :</div>
<div style="text-align: justify;">
</div>
<ol>
<li>DB Driver :</li>
<li>Hostname :</li>
<li>Username :</li>
<li>Password :</li>
<li>Database :</li>
<li>Prefix :</li>
</ol>
<br />
<div style="text-align: justify;">
</div>
<ol>
<li>Username :</li>
<li>Password :</li>
<li>E-Mail :</li>
</ol>
<div>
Setelah memasukkan data tersebut, klik tombol "CONTINUE". Berikut adalah gambar contoh halaman 3/4 yang telah diisi.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZ1c6Rqt8iQkNp5pga1LNpfxXl6jjcap6w3loKa61Ms8HMGpm2l9XKFr9W3eagc9vxblpvpKq2DGl2gb-TcqgsyP5WGT-B8uRYfaztDkYD2yQ4Ia3Wl1w9t106AgsdjmIFNLmcPCIursb/s1600/Instalasi-OpenCart-008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZ1c6Rqt8iQkNp5pga1LNpfxXl6jjcap6w3loKa61Ms8HMGpm2l9XKFr9W3eagc9vxblpvpKq2DGl2gb-TcqgsyP5WGT-B8uRYfaztDkYD2yQ4Ia3Wl1w9t106AgsdjmIFNLmcPCIursb/s400/Instalasi-OpenCart-008.jpg" width="400" /></a></div>
<div>
<br /></div>
<div>
Jika anda berhasil memasuki halaman 4/4 seperti yang terlihat pada gambar berikut ini, maka anda telah berhasil membuat website OpenCart anda di XAMPP.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvv0uy_fTEHm5zEwTtKSVbrHTFA045sPjAnP_6E6xFGbmNOW3yG8p_0akxJXGN0wk-Hc5402lnLD7vXLHeUZtLFB4mQ8uQuYth5mt0JfbWGKc3t9LrZnBQj07R8_Un5VE3T9e7YIWUFEfG/s1600/Instalasi-OpenCart-013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvv0uy_fTEHm5zEwTtKSVbrHTFA045sPjAnP_6E6xFGbmNOW3yG8p_0akxJXGN0wk-Hc5402lnLD7vXLHeUZtLFB4mQ8uQuYth5mt0JfbWGKc3t9LrZnBQj07R8_Un5VE3T9e7YIWUFEfG/s320/Instalasi-OpenCart-013.jpg" width="203" /></a></div>
<div>
<br /></div>
<div>
Langkah berikutnya adalah menghapus folder "install" yang terletak di "C:\xampp\htdocs\test". Untuk mengetahui apakah website OpenCart anda telah berhasil dibuat, anda dapat mencobanya dengan cara membuka alamat website anda "<a href="http://localhost/test">http://localhost/test</a>" atau "http://localhost/[nama folder website anda]" dan hasilnya akan terlihat seperti gambar berikut ini.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOg2W5u5eUKBDaLbDbySVfNDCWXornVuFpnxVajvj2Mcup8lqzF1g6HapSjY8md7oQYNjQW-I0huTwPh78KrMrqE7EYUtPCrkueoLFyCs8Q8OgZ7mHGEBPBNwT5d9wxPsxCgCKXROFq4iW/s1600/Instalasi-OpenCart-014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOg2W5u5eUKBDaLbDbySVfNDCWXornVuFpnxVajvj2Mcup8lqzF1g6HapSjY8md7oQYNjQW-I0huTwPh78KrMrqE7EYUtPCrkueoLFyCs8Q8OgZ7mHGEBPBNwT5d9wxPsxCgCKXROFq4iW/s400/Instalasi-OpenCart-014.jpg" width="311" /></a></div>
<div>
<br /></div>
<div>
Demikian <span id="goog_1377147226"></span><a href="http://hardi-ads.blogspot.com/2015/06/cara-membuat-website-opencart-di-xampp.html" target="">cara membuat website OpenCart di XAMPP</a><span id="goog_1377147227"></span>. Selamat mencoba. Semoga bisa membantu.</div>
Anonymoushttp://www.blogger.com/profile/13086151487711002853noreply@blogger.com0tag:blogger.com,1999:blog-8612917923801147482.post-41926617664526557092015-06-30T16:30:00.000+07:002015-06-30T16:30:00.826+07:00Cara Instalasi XAMPP di Windows 7<div style="text-align: justify;">
Hi all, hari ini saya akan membahas <a href="http://hardi-ads.blogspot.com/2015/06/cara-instalasi-xampp-di-windows-7.html">cara instalasi XAMPP di Windows 7</a>. <span style="text-align: justify;">Apa itu XAMPP?</span></div>
<span style="text-align: justify;"><br /></span>
<div style="text-align: justify;">
XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung dari web resminya.</div>
<div style="text-align: justify;">
Berikut adalah link untuk mendownload program <a href="https://www.apachefriends.org/xampp-files/5.5.24/xampp-win32-5.5.24-0-VC11-installer.exe" target="_blank">xampp-win32-5.5.24-0-VC11-installer.exe</a><br />
<br />
Setelah selesai download program installer XAMPP, buka program installer tersebut dengan cara klik dua kali ataupun dengan cara klik kanan pada program installer tersebut kemudian klik "Open". Jika anda mendapatkan tampilan seperti di bawah ini, silahkan klik "Yes". Tampilan pertanyaan tersebut hanya memberitahukan bahwa antivirus anda sedang nyala dan dalam kasus tertentu akan membuat proses instalasi menjadi lebih lambat.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2mod-5qKLPtILGgf6ygYBsfx1tKI_IeWFf6gfbDMWCS_wZsQuu1SVUL8jSAHJxqlC_sgi-iIk9kMy6F5KpE7dAmKG3RuffS6KDo3h8nlweayNcTMg4klAVy3qBk5W0YavVtAKgIYM6yet/s1600/XAMPP-001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2mod-5qKLPtILGgf6ygYBsfx1tKI_IeWFf6gfbDMWCS_wZsQuu1SVUL8jSAHJxqlC_sgi-iIk9kMy6F5KpE7dAmKG3RuffS6KDo3h8nlweayNcTMg4klAVy3qBk5W0YavVtAKgIYM6yet/s320/XAMPP-001.jpg" width="320" /></a></div>
<br />
Jika anda mendapatkan tampilan seperti di bawah ini setelah klik "Yes", acuhkan saja dengan klik tombol "OK" karena itu hanya sebuah peringatan untuk Windows 7 dengan sistem operasi 64-bit (versi x64).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjB9wGWpJhQjLq1QII7ayiNRzsN_t7OZXiBuV3NyWncuu75SlK6svgEVkVxbMo8k22mZ8lMXdM-gv2aEQsZ462B5m4aN__HzjgF_M7Hr9A9ypE9Z-EZ4HWIYhs-gZxN92ENASfgFKVaQ5x/s1600/XAMPP-002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjB9wGWpJhQjLq1QII7ayiNRzsN_t7OZXiBuV3NyWncuu75SlK6svgEVkVxbMo8k22mZ8lMXdM-gv2aEQsZ462B5m4aN__HzjgF_M7Hr9A9ypE9Z-EZ4HWIYhs-gZxN92ENASfgFKVaQ5x/s320/XAMPP-002.jpg" width="320" /></a></div>
<br />
Gambar berikut ini merupakan tampilan awal instalasi program XAMPP. Langkah selanjutnya adalah klik tombol "Next".<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1IY65siEzTSaS9C4c2qkNARP1UrJygvS3UEUrQoRrBduZd63KkF0FPjSX5W9OQ62bTqjZ4ldhxt7HnBZ4tgIN_smYsXnn42TjF5R5-8A7xXOuRExogo4xhW_75vseWeboGj__f2XWb_hQ/s1600/XAMPP-003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1IY65siEzTSaS9C4c2qkNARP1UrJygvS3UEUrQoRrBduZd63KkF0FPjSX5W9OQ62bTqjZ4ldhxt7HnBZ4tgIN_smYsXnn42TjF5R5-8A7xXOuRExogo4xhW_75vseWeboGj__f2XWb_hQ/s320/XAMPP-003.jpg" width="320" /></a></div>
<br />
Setelah itu, langkah selanjutnya adalah memilih komponen yang ingin diikutsertakan kemudian klik tombol "Next", seperti yang terlihat pada gambar di bawah ini. Pada bagian ini, pilihan komponen akan saya biarkan pada kondisi standar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJLqC0b8ssUELd5y09rpUyZElGsR-GKM_wLpyHTCE_lfIl0QBd26Twu6bW-Y6_UrZPFElSYLXvXlSf7vK_J8b_fY4Tr-IK3BzTg9gZD9ECSGwbaRgf10Ib3VQapa1PIl1PSPRw2jf9PlE1/s1600/XAMPP-004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJLqC0b8ssUELd5y09rpUyZElGsR-GKM_wLpyHTCE_lfIl0QBd26Twu6bW-Y6_UrZPFElSYLXvXlSf7vK_J8b_fY4Tr-IK3BzTg9gZD9ECSGwbaRgf10Ib3VQapa1PIl1PSPRw2jf9PlE1/s320/XAMPP-004.jpg" width="320" /></a></div>
<br />
Langkah berikutnya adalah menentukan letak folder program XAMPP, kemudian klik tombol "Next", seperti yang terlihat pada gambar di bawah ini. Pada bagian ini, letak folder program XAMPP akan saya biarkan pada kondisi standar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5VbuF1LgmRvfsfVUOAeX2OWQCkebHuKb93BDgeoa0w8DT9_GLqUdeywWbQmwxRga3oQA94D0k24QssQMqH0U7MhuuusIbM4rh9zE68yaQXoW5UNNKhhyScNJF-_JvU323h3szDPRHgHOy/s1600/XAMPP-005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5VbuF1LgmRvfsfVUOAeX2OWQCkebHuKb93BDgeoa0w8DT9_GLqUdeywWbQmwxRga3oQA94D0k24QssQMqH0U7MhuuusIbM4rh9zE68yaQXoW5UNNKhhyScNJF-_JvU323h3szDPRHgHOy/s320/XAMPP-005.jpg" width="320" /></a></div>
<br />
Jika sebelumnya kita pernah menginstall program XAMPP dan belum menghapus folder tersebut, maka akan muncul peringatan seperti gambar di bawah ini. Klik tombol "OK" jika anda mendapatkan peringatan ini, kemudian hapuslah folder "xampp" tersebut. Setelah itu, klik tombol "Next" seperti pada gambar di atas.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTVTwOB1_tGfu6Ku6FMxBgE68xJLouF0Rd8PM1VIBGPgvk6XvrFrA48EnmdUYt9IpF4kJboN016AAfR4skxbH0HYVUJ0VTLq9a72KUdRzj6u9I2jXY_YaqJEmUbxDyo3OG5VrvJC5P-IvU/s1600/XAMPP-006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="94" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTVTwOB1_tGfu6Ku6FMxBgE68xJLouF0Rd8PM1VIBGPgvk6XvrFrA48EnmdUYt9IpF4kJboN016AAfR4skxbH0HYVUJ0VTLq9a72KUdRzj6u9I2jXY_YaqJEmUbxDyo3OG5VrvJC5P-IvU/s320/XAMPP-006.jpg" width="320" /></a></div>
<br />
Berikutnya anda akan mendapatkan tampilan seperti gambar di bawah ini. Pada kolom centang, anda diperkenankan untuk tidak mencentang kolom tersebut. Jika anda mencetang kolom tersebut, maka browser anda akan secara otomatis terbuka dan mengunjungi alamat website "<a href="https://bitnami.com/xampp" target="_blank">https://bitnami.com/xampp</a>". Klik tombol "Next" untuk memasuki langkah berikutnya.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF2tnOAVZ3T3KwWLmRJIjm7xz37k9HXAncHWrV5oEWqZWkCvWgArcsIgevIskMppCUbPAXT5vUrgGVDq656L_kwcxaetks-RPOsi9cPJRdEG9fUON1lNkXLG9RzyVViiwUgnnwGUVeKs8O/s1600/XAMPP-007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF2tnOAVZ3T3KwWLmRJIjm7xz37k9HXAncHWrV5oEWqZWkCvWgArcsIgevIskMppCUbPAXT5vUrgGVDq656L_kwcxaetks-RPOsi9cPJRdEG9fUON1lNkXLG9RzyVViiwUgnnwGUVeKs8O/s320/XAMPP-007.jpg" width="320" /></a></div>
<br />
Selanjutnya anda akan mendapatkan tampilan seperti gambar di bawah ini. Pada bagian ini dijelaskan bahwa program XAMPP telah siap untuk diinstall di komputer anda. Klik tombol "Next" untuk menginstall program XAMPP.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqlYL9oXvklnW56zapNSjkyhscfMtlYr5NhijyW19HnZCwQ_nyF9ImUxOQ1ZRensqTAoyK9Xq6kjcBIwNW5ORuXkm44tnL_MFVW22zz7ZAmXn-KOZM3SO_z9TgfRyYp6sTBuvEsVzwWltx/s1600/XAMPP-008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqlYL9oXvklnW56zapNSjkyhscfMtlYr5NhijyW19HnZCwQ_nyF9ImUxOQ1ZRensqTAoyK9Xq6kjcBIwNW5ORuXkm44tnL_MFVW22zz7ZAmXn-KOZM3SO_z9TgfRyYp6sTBuvEsVzwWltx/s320/XAMPP-008.jpg" width="320" /></a></div>
<br />
Selanjutnya anda akan mendapatkan tampilan seperti gambar di bawah ini. Pada bagian ini, anda harus menunggu hingga proses instalasi selesai dengan sempurna. Jangan klik tombol "Cancel" jika anda tidak ingin membatalkan proses instalasi ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlP3FCBYHce-QeCnnLO5jwwjhOp_5euXlDQgotdOSpPM7eg1e-H4bL6iGe3TqceUr6UFFdDewZ_GTcW_swYgipj_y_OI6vhBFFfSFmJcfgD0KjeMY1LKMfhnKkOw3olcfmdlMZpNFOLn2i/s1600/XAMPP-009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlP3FCBYHce-QeCnnLO5jwwjhOp_5euXlDQgotdOSpPM7eg1e-H4bL6iGe3TqceUr6UFFdDewZ_GTcW_swYgipj_y_OI6vhBFFfSFmJcfgD0KjeMY1LKMfhnKkOw3olcfmdlMZpNFOLn2i/s320/XAMPP-009.jpg" width="320" /></a></div>
<br />
Jika proses instalasi telah selesai, maka anda akan mendapatkan tampilan seperti gambar di bawah ini. Jika anda ingin mengatur panel pengaturan XAMPP secepatnya, silahkan centang pada kolom centang. Jika tidak, silahkan kosongkan kolom centang. Langkah terakhir adalah klik tombol "Finish".<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-WnwVS6_h7kvRchIHIeWTo7v_zEIn9BCSotr_T59lZNrWLGb-pzXR5sxCsZLmmDIKCCRGLSBS5-i2yjjof5soGl0VLIop2A0I80rSVpFZCRYKwBFcBy8rATnw0Zxa_T61xVTeeFKceQwN/s1600/XAMPP-010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-WnwVS6_h7kvRchIHIeWTo7v_zEIn9BCSotr_T59lZNrWLGb-pzXR5sxCsZLmmDIKCCRGLSBS5-i2yjjof5soGl0VLIop2A0I80rSVpFZCRYKwBFcBy8rATnw0Zxa_T61xVTeeFKceQwN/s320/XAMPP-010.jpg" width="320" /></a></div>
<br />
Berikut ini adalah tampilan awal dari panel pengaturan XAMPP.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYXzRXRfTGkDKRFKj4L-M6i3imLqW08KpgOn4aLkQSN3QfrwUTdDMZaN5XpCKqrF0mEV1R8VQ8qHh5vVUKCwqfjhKa1PGd_OyX7X-JGivJs67Y1IvkN7hIfXgXbUE64bmefWkeFNRPqorX/s1600/XAMPP-011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYXzRXRfTGkDKRFKj4L-M6i3imLqW08KpgOn4aLkQSN3QfrwUTdDMZaN5XpCKqrF0mEV1R8VQ8qHh5vVUKCwqfjhKa1PGd_OyX7X-JGivJs67Y1IvkN7hIfXgXbUE64bmefWkeFNRPqorX/s320/XAMPP-011.jpg" width="320" /></a></div>
<br />
<span style="text-align: start;">Demikian </span><span id="goog_1377147226" style="text-align: start;"></span><a href="http://hardi-ads.blogspot.com/2015/06/cara-instalasi-xampp-di-windows-7.html">cara instalasi XAMPP di Windows 7</a>. <span style="text-align: start;">Selamat mencoba. Semoga bisa membantu.</span></div>
Anonymoushttp://www.blogger.com/profile/13086151487711002853noreply@blogger.com0tag:blogger.com,1999:blog-8612917923801147482.post-49188456034776976832015-06-23T12:00:00.003+07:002015-06-23T15:45:46.911+07:00Cara Membuat Tombol Back To Top<div style="text-align: justify;">
Hi all, hari ini saya akan membahas <a href="http://hardi-ads.blogspot.com/2015/06/cara-membuat-tombol-back-to-top-di.html">cara membuat tombol back to top di blogger</a>. Untuk membuat tombol back to top tentunya kita harus menguasai CSS dan JavaScript. Disini saya akan membahas cara yang mudahnya, yaitu anda hanya perlu copy dan paste saja. Mau tahu caranya?</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pertama-tama, <a href="http://blogger.com/">Login</a> ke akun blogger anda. Masuk ke "<b>Ikhtisar</b>" blog anda. klik "<b>Template</b>", kemudian klik "<b>Edit HTML</b>", seperti yang ada di gambar berikut.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3fBoWb8iQP0zrX8Jqx75mpPwmzZdGcouSMOKG3O-MoiEev9Q8Y0_N2BzM6w0Ps-jbHE3CSV3sI7rNfVzQ2c8z8ReMVDQgsL0lXmyxhnt6k7mzf63ZuEfGN9h8Q7kXkoZBjGMVwRAo14yk/s1600/template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3fBoWb8iQP0zrX8Jqx75mpPwmzZdGcouSMOKG3O-MoiEev9Q8Y0_N2BzM6w0Ps-jbHE3CSV3sI7rNfVzQ2c8z8ReMVDQgsL0lXmyxhnt6k7mzf63ZuEfGN9h8Q7kXkoZBjGMVwRAo14yk/s400/template.jpg" width="400" /></a></div>
<br />
Kemudian cari kode <b><head></b> dengan cara tekan <b><span style="color: lime;">CTRL + F</span></b>, ketik <b><head></b>, kemudian tekan <b>Enter</b>. Masukkan kode jQuery berikut ke baris di bawah kode <b><head></b>.<br />
<br />
<div style="border: 1px solid rgb(250, 250, 250); max-height: 200px; overflow: auto;">
<div style="text-align: left;">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/></div>
</div>
<br />
Gambar di bawah adalah contoh kode jQuery yang telah dimasukkan ke baris di bawah kode <b><head></b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHn5TtAeCUs5CnRzEX3jFg3h32TW_tKvaNFM2hMVdsU2RX2k-nuz23S_eMlOyKfQ4M8mRMbDy7nHW1H5J2gHbawGSH4sC1GRSVVSgaVnAOFMmT3h5XTFppVhGJGL8J5NDPxy7dSGDXJCZ/s1600/script.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHn5TtAeCUs5CnRzEX3jFg3h32TW_tKvaNFM2hMVdsU2RX2k-nuz23S_eMlOyKfQ4M8mRMbDy7nHW1H5J2gHbawGSH4sC1GRSVVSgaVnAOFMmT3h5XTFppVhGJGL8J5NDPxy7dSGDXJCZ/s400/script.jpg" width="400" /></a></div>
<br />
Setelah memasukkan kode jQuery dan klik tombol "<b>Simpan template</b>", langkah berikutnya adalah klik "<b>Tata Letak</b>" dan klik "<b>Tambahkan Gadget</b>" pada kolom mana saja.</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3dNByYDnByMNG2Ji5Zc8hmBWVYc0kItDA4aEaQU55vxTCWuAffoSNBqai5XqS3cqozdi_GL4Z7zvzWgAwoJkWHJ96gAedoFn9gjIV_ReZhEMSvUQrGuRux82AxKb-2OHb-C1pCM_iDDT0/s1600/layout.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3dNByYDnByMNG2Ji5Zc8hmBWVYc0kItDA4aEaQU55vxTCWuAffoSNBqai5XqS3cqozdi_GL4Z7zvzWgAwoJkWHJ96gAedoFn9gjIV_ReZhEMSvUQrGuRux82AxKb-2OHb-C1pCM_iDDT0/s400/layout.jpg" width="400" /></a></div>
<br />
Setelah klik "<b>Tambahkan Gadget</b>", maka akan muncul tampilan berikut ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3AOulY7cKic5i4djAZNykWEDVEb7knV8dq7r-dV-4XGzNNK6RDPMmkGz4dP10sigWhbtIj0a5bLzWEdoiPSgB-EQoQFjyPt4lLbdCE8sMnAILZ-mYSQvoaf2jfmzw6Kr2VNpEyVMUuejB/s1600/html-gadget.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3AOulY7cKic5i4djAZNykWEDVEb7knV8dq7r-dV-4XGzNNK6RDPMmkGz4dP10sigWhbtIj0a5bLzWEdoiPSgB-EQoQFjyPt4lLbdCE8sMnAILZ-mYSQvoaf2jfmzw6Kr2VNpEyVMUuejB/s320/html-gadget.jpg" width="281" /></a></div>
<br />
Langkah berikutnya adalah klik "<b>HTML/JavaScript</b>", maka akan muncul tampilan berikut ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7dv2OD5Pexb7dhwD436JgH3X2lYX1xKmGqKTNmm4H9TTqjCBAd-FAQdQnbGqxA7d5q2OJv5rqAUo28DAZWke0sS7AKxZ8NF-OqmXMPFdZ-HeMh1n7JFbqi2il_DKAk6y34lH0NDjl4xVx/s1600/input-html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7dv2OD5Pexb7dhwD436JgH3X2lYX1xKmGqKTNmm4H9TTqjCBAd-FAQdQnbGqxA7d5q2OJv5rqAUo28DAZWke0sS7AKxZ8NF-OqmXMPFdZ-HeMh1n7JFbqi2il_DKAk6y34lH0NDjl4xVx/s320/input-html.jpg" width="281" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Kosongkan kolom "<b>Judul</b>" dan masukkan kode di bawah ini ke kolom "<b>Konten</b>". Langkah terakhir adalah klik "<b>Simpan</b>".<br />
<div>
<br /></div>
<div style="border: 1px solid rgb(250, 250, 250); max-height: 200px; overflow: auto;">
<div style="text-align: left;">
<style><br />
.mbw-back-to-top {<br />
position: fixed;<br />
bottom: 2em;<br />
right: 10px;<br />
text-decoration: none;<br />
padding: 1em;<br />
display: none;<br />
cursor:pointer;<br />
}<br />
</style><br />
<img class="mbw-back-to-top" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTwGgLn0W7P3vvmQ1dhjzkhh8vfQs5PxKKVTUb3NLym3_JdP9EW-ybEubxd_8esJ6qzIs8yC7RWw_MX4MkzoJ0UtU8wIj85aGFEfnOroBts2Eb2k_FIJR9Z6v35HnFVS7LOIwk3R_lrBD5/s1600/back-to-top-button.png" /><br />
<script type="text/javascript"><br />
/***** hardi-ads.blogspot.com *****/<br />
jQuery(document).ready(function() {<br />
var offset = 220;<br />
var duration = 500;<br />
jQuery(window).scroll(function() {<br />
if (jQuery(this).scrollTop() > offset) {<br />
jQuery('.mbw-back-to-top').fadeIn(duration);<br />
} else { //www.mybloggersworld.com<br />
jQuery('.mbw-back-to-top').fadeOut(duration);<br />
}<br />
});<br />
<br />
jQuery('.mbw-back-to-top').click(function(event) {<br />
event.preventDefault();<br />
jQuery('html, body').animate({scrollTop: 0}, duration);<br />
return false;<br />
})<br />
});<br />
</script></div>
</div>
<br />
Demikian <a href="http://hardi-ads.blogspot.com/2015/06/cara-membuat-tombol-back-to-top-di.html">cara membuat tombol back to top</a><span id="goog_1663180967"></span><span id="goog_1663180968"></span><a href="https://www.blogger.com/"></a>. Semoga bisa membantu.</div>
Anonymoushttp://www.blogger.com/profile/13086151487711002853noreply@blogger.com0tag:blogger.com,1999:blog-8612917923801147482.post-71390953236278855642015-06-22T13:32:00.000+07:002015-06-23T11:42:33.095+07:00Cara Membuat Dropdown Menu di Blogger<div style="text-align: justify;">
Hi all, hari ini saya akan membahas <a href="http://hardi-ads.blogspot.com/2015/06/cara-membuat-dropdown-menu-di-blogger.html">cara membuat dropdown menu di blogg</a>er. Untuk membuat dropdown menu tentunya kita harus menguasai CSS dan HTML, ada juga yang menggunakan JavaScript. Namun semua itu bisa teratasi dengan hanya edit, copy, dan paste. Mudah bukan? Bagaimanakah caranya?</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pertama-tama, <a href="http://blogger.com/">Login</a> ke akun blogger anda. Masuk ke "<b>Ikhtisar</b>" blog anda, kemudian klik "<b>Tata Letak</b>" dan klik "<b>Tambahkan Gadget</b>" pada kolom yang berada di bawah kolom "<b>Header</b>", jika kita ingin meletakkan Menu di bawah kolom "<b>Header</b>".</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3dNByYDnByMNG2Ji5Zc8hmBWVYc0kItDA4aEaQU55vxTCWuAffoSNBqai5XqS3cqozdi_GL4Z7zvzWgAwoJkWHJ96gAedoFn9gjIV_ReZhEMSvUQrGuRux82AxKb-2OHb-C1pCM_iDDT0/s1600/layout.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3dNByYDnByMNG2Ji5Zc8hmBWVYc0kItDA4aEaQU55vxTCWuAffoSNBqai5XqS3cqozdi_GL4Z7zvzWgAwoJkWHJ96gAedoFn9gjIV_ReZhEMSvUQrGuRux82AxKb-2OHb-C1pCM_iDDT0/s400/layout.jpg" width="400" /></a></div>
<br />
Setelah klik "<b>Tambahkan Gadget</b>", maka akan muncul tampilan berikut ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3AOulY7cKic5i4djAZNykWEDVEb7knV8dq7r-dV-4XGzNNK6RDPMmkGz4dP10sigWhbtIj0a5bLzWEdoiPSgB-EQoQFjyPt4lLbdCE8sMnAILZ-mYSQvoaf2jfmzw6Kr2VNpEyVMUuejB/s1600/html-gadget.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3AOulY7cKic5i4djAZNykWEDVEb7knV8dq7r-dV-4XGzNNK6RDPMmkGz4dP10sigWhbtIj0a5bLzWEdoiPSgB-EQoQFjyPt4lLbdCE8sMnAILZ-mYSQvoaf2jfmzw6Kr2VNpEyVMUuejB/s320/html-gadget.jpg" width="281" /></a></div>
<br />
Langkah berikutnya adalah klik "<b>HTML/JavaScript</b>", maka akan muncul tampilan berikut ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7dv2OD5Pexb7dhwD436JgH3X2lYX1xKmGqKTNmm4H9TTqjCBAd-FAQdQnbGqxA7d5q2OJv5rqAUo28DAZWke0sS7AKxZ8NF-OqmXMPFdZ-HeMh1n7JFbqi2il_DKAk6y34lH0NDjl4xVx/s1600/input-html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7dv2OD5Pexb7dhwD436JgH3X2lYX1xKmGqKTNmm4H9TTqjCBAd-FAQdQnbGqxA7d5q2OJv5rqAUo28DAZWke0sS7AKxZ8NF-OqmXMPFdZ-HeMh1n7JFbqi2il_DKAk6y34lH0NDjl4xVx/s320/input-html.jpg" width="281" /></a></div>
<br />
Kosongkan kolom "<b>Judul</b>" dan masukkan kode di bawah ini ke kolom "<b>Konten</b>". Sebelum memasukkan kode berikut ke kolom "<b>Konten</b>", apabila anda ingin mengubah nama dan link menu, silahkan ubah kode yang diberi warna hijau. Untuk penulisan link, ditulis di dalam tanda petik pada <b><span style="color: lime;"><a href="tulis disini"></span></b>, sedangkan untuk nama menu, ditulis di dalam <b><span style="color: lime;"><span>tulis disini</span></span></b>. Langkah terakhir adalah klik "<b>Simpan</b>" dan Selamat Anda telah berhasil membuat dropdown menu.<br />
<div>
<br /></div>
<div style="border-color: #fafafa; border-style: solid; border-width: 1px; display: block; max-height: 200px; overflow: auto;">
<div style="text-align: left;">
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#cssmenu,#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Uc-kyIZDzrlUQgQ73dYBf2UbdmaDrawUwllR3WaSQI7EuzWGgdtd0QrT_k4pUNVYwyWy13tZ5g5TunK1EIBVcPYVHWKs02GYMk09i1ZWH6J7rbB6-WP1gUni1TH127bgzWTAA4o1y9_o/s1600/highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1}#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzGJwEFSC5bZtG2bbJOm9VeNgf_7vKzzIUbu-fAO0SR6_RFVyhfsYh2sDmkFm0hKoSolIKXl6-RudCP1wwXKdDMMbeK7msEbcq48T6I6h_Z_3UHIlBOiZtb2jFO_PJ5haxMBMtxX_jjdzX/s1600/menu-bg.png) repeat;margin:0;padding:0;position:relative}#cssmenu > ul li{margin:0;padding:0;list-style:none}#cssmenu > ul > li{float:left;position:relative}#cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #0d0d0d;text-shadow:0 -1px 0 rgba(0,0,0,0.7);line-height:18px}#cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Uc-kyIZDzrlUQgQ73dYBf2UbdmaDrawUwllR3WaSQI7EuzWGgdtd0QrT_k4pUNVYwyWy13tZ5g5TunK1EIBVcPYVHWKs02GYMk09i1ZWH6J7rbB6-WP1gUni1TH127bgzWTAA4o1y9_o/s1600/highlight-bg.png) repeat;text-shadow:0 -1px 0 #97321f;text-shadow:0 -1px 0 rgba(122,42,26,0.64)}#cssmenu > ul > li > a > span{line-height:18px}#cssmenu > ul > li.active > a,#cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5GBDizCE4R-yGtoY6HHsmyZ35Jf-3O5vhU8C-0pZVfhk5ldxF9tM0G4XIJXxoIWeOcwUtQ3zM8n5_MR4d-CogSEG_0Mt_r3AoetMuKxX0j1o-6CqT67C4YR-KT5SI4vPh7f8AqPVZ-oK1/s1600/hover.png) repeat}/* Childs */#cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzGJwEFSC5bZtG2bbJOm9VeNgf_7vKzzIUbu-fAO0SR6_RFVyhfsYh2sDmkFm0hKoSolIKXl6-RudCP1wwXKdDMMbeK7msEbcq48T6I6h_Z_3UHIlBOiZtb2jFO_PJ5haxMBMtxX_jjdzX/s1600/menu-bg.png) repeat;margin:0;padding:0;z-index:-1}#cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#cssmenu > ul ul li a{padding:18px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px solid transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}#cssmenu > ul ul li a:hover{border-left:4px solid #d64e34;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5GBDizCE4R-yGtoY6HHsmyZ35Jf-3O5vhU8C-0pZVfhk5ldxF9tM0G4XIJXxoIWeOcwUtQ3zM8n5_MR4d-CogSEG_0Mt_r3AoetMuKxX0j1o-6CqT67C4YR-KT5SI4vPh7f8AqPVZ-oK1/s1600/hover.png) repeat}#cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzGJwEFSC5bZtG2bbJOm9VeNgf_7vKzzIUbu-fAO0SR6_RFVyhfsYh2sDmkFm0hKoSolIKXl6-RudCP1wwXKdDMMbeK7msEbcq48T6I6h_Z_3UHIlBOiZtb2jFO_PJ5haxMBMtxX_jjdzX/s1600/menu-bg.png) repeat}</style><a href="http://hardi-ads.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVu79c6jjyKhXVLo3nKNLGz3XIpYh1v-1_buBW8AZptchk0S6MxI3kCiL1MQ2jP6XPXKfS-8BD6_NI5EXporNQz-KU7l3M6XEj-JHNq2X-UDqJZertatOjc667UBaib13o78OSZBh8GVYO/s1600/blank.gif" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://hardi-ads.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVu79c6jjyKhXVLo3nKNLGz3XIpYh1v-1_buBW8AZptchk0S6MxI3kCiL1MQ2jP6XPXKfS-8BD6_NI5EXporNQz-KU7l3M6XEj-JHNq2X-UDqJZertatOjc667UBaib13o78OSZBh8GVYO/s1600/blank.gif" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://hardi-ads.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVu79c6jjyKhXVLo3nKNLGz3XIpYh1v-1_buBW8AZptchk0S6MxI3kCiL1MQ2jP6XPXKfS-8BD6_NI5EXporNQz-KU7l3M6XEj-JHNq2X-UDqJZertatOjc667UBaib13o78OSZBh8GVYO/s1600/blank.gif" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<!-- ubah Link menu Anda --></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<div id="cssmenu"></div>
<div style="text-align: left;">
<ul></div>
<div style="text-align: left;">
<li class="active"><a href="<b><span style="color: lime;">http://hardi-ads.blogspot.com/</span></b>"><span><b><span style="color: lime;">Beranda</span></b></span></a></li></div>
<div style="text-align: left;">
<li class="has-sub"><a href="<b><span style="color: lime;">#</span></b>"><span><b><span style="color: lime;">Menu 1</span></b></span></a></div>
<div style="text-align: left;">
<ul></div>
<div style="text-align: left;">
<li><a href="<b><span style="color: lime;">#</span></b>"><span><b><span style="color: lime;">Menu 1 1</span></b></span></a></li></div>
<div style="text-align: left;">
<li><a href="<b><span style="color: lime;">#</span></b>"><span><b><span style="color: lime;">Menu 1 2</span></b></span></a></li></div>
<div style="text-align: left;">
<li class="last"><a href="<b><span style="color: lime;">#</span></b>"><span><b><span style="color: lime;">Menu 1 3</span></b></span></a></li></div>
<div style="text-align: left;">
</ul></div>
<div style="text-align: left;">
</li></div>
<div style="text-align: left;">
<li class="has-sub"><a href="<b><span style="color: lime;">#</span></b>"><span><b><span style="color: lime;">Menu 2</span></b></span></a></div>
<div style="text-align: left;">
<ul></div>
<div style="text-align: left;">
<li><a href="<b><span style="color: lime;">#</span></b>"><span><b><span style="color: lime;">Sub Menu 1</span></b></span></a></li></div>
<div style="text-align: left;">
<li class="last"><a href="<b><span style="color: lime;">#</span></b>"><span><b><span style="color: lime;">Sub Menu 2</span></b></span></a></li></div>
<div style="text-align: left;">
</ul></div>
<div style="text-align: left;">
</li></div>
<div style="text-align: left;">
<li class="last"><a href="<b><span style="color: lime;">#</span></b>"><span><b><span style="color: lime;">Tentang Saya</span></b></span></a></li></div>
<div style="text-align: left;">
</ul></div>
<div style="text-align: left;">
</div></div>
</div>
<br />
Demikian <a href="http://hardi-ads.blogspot.com/2015/06/cara-membuat-dropdown-menu-di-blogger.html">cara membuat dropdown menu</a>. Semoga bisa membantu.</div>
Anonymoushttp://www.blogger.com/profile/13086151487711002853noreply@blogger.com0tag:blogger.com,1999:blog-8612917923801147482.post-41596316416391698542015-06-18T00:00:00.000+07:002015-06-18T16:05:13.900+07:00Cara Membuat Blog di Blogspot<div style="text-align: justify;">
Blog pada dasarnya disebut sebagai Web Blog yang merupakan salah satu aplikasi web yang mana postingan atau artikel yang diposting didalam blog sering sekali berurutan, yaitu dari tulisan terbaru hingga tulisan yang paling lama.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Memiliki sebuah blog merupakan hal menyenangkan, dimana kita dapat berbagi apapun yang kita suka. Apabila kita rajin dan serius merawat blog kita, tidak tertutup kemungkinan bahwa kita dapat berpenghasilan melalui blog kita.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<u>Berikut adalah <a href="http://hardi-ads.blogspot.com/2015/06/cara-membuat-blog-di-blogspot.html">cara membuat blog di Blogspot</a> :</u></div>
<div style="text-align: justify;">
Membuat blog di Blogspot adalah hal yang gratis. Pertama-tama silahkan login menggunakan akun Google. Jika belum memiliki akun Google (akun Gmail), silahkan menuju tutorial ”<a href="http://hardi-ads.blogspot.com/2015/06/cara-membuat-akun-google.html">Cara Membuat Akun Google</a>“. Setelah anda mempunyai akun Google (akun Gmail), silahkan login ke akun anda.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjny5K5eYIo-NQhHNcF5ZfxwPqf3VrccA1kSldpN9yGhBAIBQ5e1tigkCI94KY7AcDvJdTDntJDsh-aeVPk6i5kZFyWA7Govq6Fn5fyPk5cWMiwnnCTEz49a3d8c6IHYsa7NBpRXhnO8sHr/s1600/login.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="login" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjny5K5eYIo-NQhHNcF5ZfxwPqf3VrccA1kSldpN9yGhBAIBQ5e1tigkCI94KY7AcDvJdTDntJDsh-aeVPk6i5kZFyWA7Govq6Fn5fyPk5cWMiwnnCTEz49a3d8c6IHYsa7NBpRXhnO8sHr/s320/login.jpg" width="320" /></a></div>
<br />
<br />
Setelah anda login, silahkan kunjungi <a href="http://www.blogger.com/">www.blogger.com</a>, maka anda akan memasuki halaman berikut ini.</div>
<div style="text-align: justify;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Mv23o8kn09G9A6_B1ZdmHrG6yKP0GfYmCISqns2pnSwjPmEOwkoH7ht1ftKKsqw3Y4l3ZtqoLPIJFrR8d82Z19_1k-R4PxZWS_BQsD6ZQ-65iKX4Xkb0O9B_AwBSCtmvyJIwj4vy4kGQ/s1600/create_blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Mv23o8kn09G9A6_B1ZdmHrG6yKP0GfYmCISqns2pnSwjPmEOwkoH7ht1ftKKsqw3Y4l3ZtqoLPIJFrR8d82Z19_1k-R4PxZWS_BQsD6ZQ-65iKX4Xkb0O9B_AwBSCtmvyJIwj4vy4kGQ/s400/create_blog.jpg" alt="create blog" width="400" /></a></div>
<br />
Klik tombol "Blog Baru". Kemudian anda harus mengisi Judul, Alamat, dan memilih Template. Isilah Judul dan Alamat blog sesuai dengan keinginan anda. Alamat blog yang sudah terisi, akan kemudian diperiksa ketersediaannya. Alamat blog sering kali tidak tersedia karena sudah digunakan oleh orang lain. Oleh karena itu, silahkan isi Alamat blog anda hingga muncul tulisan "Alamat blog ini tersedia". Alamat blog dapat diisi dengan kombinasi antara huruf, angka, dan tanda minus (-). Setelah itu, pilihlah Template yang anda inginkan. Template yang sudah dipilih dapat diubah lagi nanti jika anda menginginkannya.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzCxofBbA74oF0CGEM4l3f_DYx_FSexs9jJwbQTdqFNGIb472t1krQkhdTtNSyJXAtmeHkfWYho0KpLAc793k6c-ILgVOQ-PgtYdhyvCdwIG-MzFTHVtWprCZOI9RUwkVeZGmfsYgueb0E/s1600/create_blog1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzCxofBbA74oF0CGEM4l3f_DYx_FSexs9jJwbQTdqFNGIb472t1krQkhdTtNSyJXAtmeHkfWYho0KpLAc793k6c-ILgVOQ-PgtYdhyvCdwIG-MzFTHVtWprCZOI9RUwkVeZGmfsYgueb0E/s320/create_blog1.jpg" alt="create blog 1" width="320" /></a></div>
<br />
Langkah terakhir adalah klik tombol "Buat blog!". Dengan begitu, blog anda sudah jadi. Di bawah ini adalah tampilan blog yang baru dibuat.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdGhet4EPQMvebn3QIdN7bHy9kxX38v9AcAMFrJRd3h6dh_n7aT2zoHi7DsK0VwH_il-p4OiljvxLvM63xDv5dg-Iq_YzgbSWkdKjtUwOyjfOrk3iOUrYryUjBLlQt_epjmB8tK0LEfSds/s1600/blog_created.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdGhet4EPQMvebn3QIdN7bHy9kxX38v9AcAMFrJRd3h6dh_n7aT2zoHi7DsK0VwH_il-p4OiljvxLvM63xDv5dg-Iq_YzgbSWkdKjtUwOyjfOrk3iOUrYryUjBLlQt_epjmB8tK0LEfSds/s400/blog_created.jpg" alt="blog created" width="400" /></a></div>
<br />
Demikian <a href="http://hardi-ads.blogspot.com/2015/06/cara-membuat-blog-di-blogspot.html">cara membuat blog di blogspot</a>. Semoga dapat membantu.</div>
Anonymoushttp://www.blogger.com/profile/13086151487711002853noreply@blogger.com0tag:blogger.com,1999:blog-8612917923801147482.post-81182629816534957612015-06-17T00:00:00.000+07:002015-06-18T16:06:52.749+07:00Cara Membuat Akun Google<div style="text-align: justify;">
Akun Google merupakan salah satu akun yang sangat penting. Mengapa demikian? Karena dengan akun Google, kita dapat menikmati fasilitas-fasilitas yang telah disediakan oleh Google seperti Gmail untuk email, Youtube untuk melihat dan berbagi video, Google Drive untuk menyimpan file dan data, Google Plus sebagai sosial media khusus pengguna Google, dan masih banyak lagi.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Berikut ini adalah <a href="http://hardi-ads.blogspot.com/2015/06/cara-membuat-akun-google.html">cara membuat akun Google</a>:</div>
<div style="text-align: justify;">
Pertama-tama kita harus kunjungi <a href="http://www.google.co.id/">www.google.co.id</a>, kemudian klik tombol "Masuk"</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtNNPW-ySMHLhpHEQcE7a5hEmbzqUoho57qGh3fiH4Ws0SFzKcstyxSH6h7hupKpkNBIKUXzl3FMUFB6IFhxVnfRPJxrblcd2HacfMMLZXIZPZCCjxB2hPom6KmERIl9wdWOybEaQ2vCdb/s1600/google.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtNNPW-ySMHLhpHEQcE7a5hEmbzqUoho57qGh3fiH4Ws0SFzKcstyxSH6h7hupKpkNBIKUXzl3FMUFB6IFhxVnfRPJxrblcd2HacfMMLZXIZPZCCjxB2hPom6KmERIl9wdWOybEaQ2vCdb/s400/google.jpg" width="400" alt="google" /></a></div>
<br />
Kemudian klik "Buat akun" seperti pada gambar di bawah ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSKo7V8zOdp_0BuPv2efXUyu73m08H9NeagpfwcAot_Goja45UyUp46XP7zm-aoc0L-fEM6OsXY9r7EifQjAfuggzMyV3nQtBPVDXXFlPMRIIbP4sShtylUYlsKyLvawA5SAmczpiyDpBp/s1600/baru.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="baru" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSKo7V8zOdp_0BuPv2efXUyu73m08H9NeagpfwcAot_Goja45UyUp46XP7zm-aoc0L-fEM6OsXY9r7EifQjAfuggzMyV3nQtBPVDXXFlPMRIIbP4sShtylUYlsKyLvawA5SAmczpiyDpBp/s320/baru.jpg" width="281" /></a></div>
<br />
Setelah itu, kita akan memasuki halaman untuk mengisi data diri seperti gambar di bawah ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiES41b5Xq0UuXlNvr9CAZOsOaKtoyDWsNHsPuxfgIxyWTynl9epgyiQ20b9rbYDy6lr9fwofYRC_4jwZSU50-kwrb6PGylxC2jFmv-wyOiti30G3vUWu-hCwR_ZgJeUWDE-vDoadKeaBJl/s1600/data1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="data 1" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiES41b5Xq0UuXlNvr9CAZOsOaKtoyDWsNHsPuxfgIxyWTynl9epgyiQ20b9rbYDy6lr9fwofYRC_4jwZSU50-kwrb6PGylxC2jFmv-wyOiti30G3vUWu-hCwR_ZgJeUWDE-vDoadKeaBJl/s400/data1.jpg" width="248" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5KTSkulTBezhlYC1iyq6gZiOZ4sl4AKbKxh8h47rFr5vizk2lRy9YQX7xaO2BFjJtnGL30X2DSBd-vNtrra0Bd4Ueg4D5AtAMCu_inDG2QH3pMyushG19KCHmIaWioo0qiFxr7sLIiiGo/s1600/data2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="data 2" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5KTSkulTBezhlYC1iyq6gZiOZ4sl4AKbKxh8h47rFr5vizk2lRy9YQX7xaO2BFjJtnGL30X2DSBd-vNtrra0Bd4Ueg4D5AtAMCu_inDG2QH3pMyushG19KCHmIaWioo0qiFxr7sLIiiGo/s320/data2.jpg" width="248" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: justify;">
Masukkan data anda :</div>
<div style="text-align: justify;">
</div>
<ul>
<li><b>Nama depan</b> : Nama depan anda</li>
<li><b>Nama belakang</b> : Nama belakang anda</li>
<li><b>Pilih nama pengguna anda </b>: Nama yang akan menjadi nama akun Google anda. Nama ini akan diperiksa ketersediaannya, sehingga jika sudah terpakai maka anda harus mengguna nama lain yang masih tersedia. Penulisan nama ini dapat menggunakan kombinasi antara huruf, angka, dan titik. Huruf besar dan huruf kecil tidak berpengaruh dalam penulisan nama ini.</li>
<li><b>Buat sandi</b> : Masukkan kata sandi anda. Kata sandi yang baik dan aman adalah kata sandi yang menggunakan kombinasi antara huruf besar, huruf kecil, angka, dan tanda baca.</li>
<li><b>Konfirmasi sandi anda</b> : Masukkan kembali kata sandi anda</li>
<li><b>Tanggal lahir</b> : Masukkan tanggal lahir anda</li>
<li><b>Gender </b>: Pilihlah jenis kelamin anda</li>
<li><b>Ponsel </b>: Masukkan nomor telepon genggam (nomor <i>handphone</i>) anda</li>
<li><b>Buktikan bahwa anda bukan robot</b> : Masukkan teks sesuai dengan gambar yang muncul. Jika gambar tidak jelas atau anda susah untuk mengidentifikasi teks di gambar, klik tombol yang bergambar panah lingkaran yang terdapat persis di samping kanan kolom teks hingga anda mendapatkan gambar yang anda mudah mengidentifikasi teks-nya.</li>
<li><b>Lokasi </b>: Masukkan lokasi negara keberadaan anda</li>
</ul>
<br />
<div style="text-align: justify;">
Berikutnya adalah centang kolom "<b>Saya menyetujui Persyaratan Layanan dan Kebijakan Privasi Google</b>", kemudian klik tombol "<b>Langkah berikutnya</b>".</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Berikutnya anda akan diminta untuk menambahkan foto profil anda. Tahap ini dapat kita lewati dengan klik tombol "<b>Langkah berikutnya</b>".</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Selanjutnya akan ada pesan bahwa anda telah berhasil. Anda dapat klik "<b>Lanjutkan ke Gmail</b>" jika anda ingin masuk langsung ke inbox.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Demikian <a href="http://hardi-ads.blogspot.com/2015/06/cara-membuat-akun-google.html">cara membuat akun Google</a>. Semoga dapat membantu.</div>
Anonymoushttp://www.blogger.com/profile/13086151487711002853noreply@blogger.com0