tag:blogger.com,1999:blog-6408501212243933872024-03-13T12:59:45.078-07:00Pengantar Pemrogramancreated by janetychanelAnonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comBlogger21125tag:blogger.com,1999:blog-640850121224393387.post-30018045945753922762017-11-13T22:21:00.001-08:002017-11-13T22:23:22.793-08:00Cara Mendisablekan Startup Otomatis<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="border: 0px; color: #444444; font-family: helvetica, arial, sans-serif; font-size: 19px; font-stretch: inherit; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">
Program-program pada startup akan otomatis berjalan saat laptop pertama kali dihidupkan (masuk pada dekstop windows). Semakin banyaknya program yang berjalan pada startup, semakin berat juga proses multitasking yang dijalankan laptop anda.</span></h3>
<h3 style="border: 0px; color: #444444; font-family: helvetica, arial, sans-serif; font-size: 19px; font-stretch: inherit; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Cara mengatasinya</span></h3>
<div style="border: 0px; color: #444444; font-family: helvetica, arial, sans-serif; font-size: 16px; font-stretch: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">Untuk mengatasi masalah ini, nonaktifkan program-program tidak diperlukan yang berjalan di startup. Ingat, program yang tidak diperlukan. Jangan sampai anda malah menonaktifkan program-program sistem atau driver yang akan menyebabkan laptop anda tidak berjalan semestinya atau crash.</span></div>
<div style="border: 0px; color: #444444; font-family: helvetica, arial, sans-serif; font-size: 16px; font-stretch: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">Disable hanya program-program tidak penting yang anda kenali, jangan sembarang mendisable program pada startup. Untuk masuk pada menu startup ada beberapa cara, seperti :</span></div>
<div style="border: 0px; color: #444444; font-family: helvetica, arial, sans-serif; font-size: 16px; font-stretch: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">1. Tekan tombol <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">windows+R</strong>, kemudian ketik <em style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">msconfig</em>.</span></div>
<div style="border: 0px; color: #444444; font-family: helvetica, arial, sans-serif; font-size: 16px; font-stretch: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<img alt="membuka msconfig" class="aligncenter wp-image-1738 size-full" height="213" sizes="(max-width: 413px) 100vw, 413px" src="https://www.nesabamedia.com/wp-content/uploads/2016/10/membuka-msconfig.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/10/membuka-msconfig.png 413w, http://www.nesabamedia.com/wp-content/uploads/2016/10/membuka-msconfig-300x155.png 300w, http://www.nesabamedia.com/wp-content/uploads/2016/10/membuka-msconfig-680x350.png 680w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="413" /></div>
<div style="border: 0px; color: #444444; font-family: helvetica, arial, sans-serif; font-size: 16px; font-stretch: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">2. Pada jendela <em style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">System Configuration</em>, pilih menu <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Startup</strong>.</span></div>
<div style="border: 0px; color: #444444; font-family: helvetica, arial, sans-serif; font-size: 16px; font-stretch: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<img alt="pilih-menu-startup" class="aligncenter wp-image-1740 size-full" height="392" sizes="(max-width: 585px) 100vw, 585px" src="https://www.nesabamedia.com/wp-content/uploads/2016/10/Pilih-menu-Startup.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/10/Pilih-menu-Startup.png 585w, http://www.nesabamedia.com/wp-content/uploads/2016/10/Pilih-menu-Startup-300x200.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="585" /></div>
<div style="border: 0px; color: #444444; font-family: helvetica, arial, sans-serif; font-size: 16px; font-stretch: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">3. Untuk pengguna windows 8 dan 10, tinggal masuk ke <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Task Manager</strong> atau dengan cara menekan tombol <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Ctrl+Shift+Esc</strong> secara bersamaan, kemudian pilih tab <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Startup</strong>.</span></div>
<div style="border: 0px; color: #444444; font-family: helvetica, arial, sans-serif; font-size: 16px; font-stretch: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<img alt="tampilan startup pada windows" class="aligncenter wp-image-1745 size-full" height="600" sizes="(max-width: 620px) 100vw, 620px" src="https://www.nesabamedia.com/wp-content/uploads/2016/10/tampilan-startup-pada-windows.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/10/tampilan-startup-pada-windows.png 620w, http://www.nesabamedia.com/wp-content/uploads/2016/10/tampilan-startup-pada-windows-300x290.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="620" /></div>
<div style="border: 0px; color: #444444; font-family: helvetica, arial, sans-serif; font-size: 16px; font-stretch: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">4. Klik kanan program yang anda inginkan agar tidak berjalan lagi di startup, kemudian pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Disable</strong>.</span></div>
<div style="border: 0px; color: #444444; font-family: helvetica, arial, sans-serif; font-size: 16px; font-stretch: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<img alt="disable-program-pada-startup" class="aligncenter wp-image-1747 size-full" height="600" sizes="(max-width: 620px) 100vw, 620px" src="https://www.nesabamedia.com/wp-content/uploads/2016/10/disable-program-pada-startup.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/10/disable-program-pada-startup.png 620w, http://www.nesabamedia.com/wp-content/uploads/2016/10/disable-program-pada-startup-300x290.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="620" /></div>
<h3 style="border: 0px; color: #444444; font-stretch: inherit; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: normal;">Nah itulah dari kami semoga bermanfaat...</span></h3>
</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-9908586007488512422017-02-09T22:02:00.000-08:002017-02-09T22:02:51.369-08:00Cara Mudah Menambahkan Blog Baru ke Google Analytics <div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name">
</h3>
<div class="post-header">
<div class="post-header-line-1">
</div>
</div>
<br />
<div class="post-body entry-content" id="post-body-3764753595957828269" itemprop="articleBody">
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-asvhj-eYb3w/VOwWtEcCVjI/AAAAAAAAB3o/9Hjr5oxQDwk/s1600/google%2Banalytics.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="Cara Menambahkan Blog Baru ke Google Analytics" border="0" src="https://3.bp.blogspot.com/-asvhj-eYb3w/VOwWtEcCVjI/AAAAAAAAB3o/9Hjr5oxQDwk/s320/google%2Banalytics.jpg" title="Cara Menambahkan Blog Baru ke Google Analytics" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">google analytics, jangan sampai disia-siakanCara Menambahkan Blog Baru ke Google Analytics</td></tr>
</tbody></table>
<br />
<br />
Banyak sekali manfaat kalau kita punya laporan kinerja blog dari google
analytics. Google analytics adalah aplikasi yang disediakan google
secara gratis dengan analisis-analisis data yang sangat lengkap baik
website, blog, media sosial, hingga aplikasi seluler anda. Data yang
diberikan begitu lengkap. Keakuratannya tentu dapat dibayangkan karena
pemiliknya adalah raksasa nomor 1 di internet: google. Saya rasa tak ada
aplikasi lain yang melebihi google analytics untuk tujuan ini. Jika
anda belum pernah menggunakan google analytics, maka anda akan
terkagum-kagum dengan data lengkap yang mereka berikan. Data ini sangat
cukup untuk membantu anda mengembangkan blog menjadi lebih baik.<br />
<br />
<a href="https://www.blogger.com/null" name="more"></a><br />
<br />
Kali ini saya akan mencoba memberikan langkah-langkah tutorial bagaimana
caranya menambahkan blog baru ke dalam akun google analytics yang telah
anda miliki. Jika anda belum mempunyai akun google analytics, segeralah
mendaftar menggunakan akun gmail anda. Mudah sekali, coba saja buka
halaman google analytics di https://www.google.com/analytics lalu klik
tombol BUAT AKUN di sebelah kanan atas halaman. Ikuti saja instruksi
yang diberikan. Mudah kok.<br />
<br />
Selanjutnya, anda perlu menambahkan akun dan membuat properti di google
analytics anda. Caranya, ikuti saja di sini
https://support.google.com/analytics/answer/1009694?hl=id Oh ya, anda
mempunyai batas hingga mempunyai 100 akun, dan masing-masing untuk akun
tersebut 50 property. Setiap property dapat melacak satu website, blog,
saluran video, dsb. Jadi total kita bisa melacak hingga 500 website,
blog, saluran video, dsb. Luar biasa bukan, ketika data-data yang
diberikan google analytics semata-mata gratis.<br />
<br />
<h2>
Tutorial Cara Menambahkan Blog Baru Ke Property Google Analytics Anda</h2>
Berikutnya, ketika anda mempunyai lebih dari satu blog atau website,
maka anda tentu juga ingin menambahkan blog kedua atau blog lainnya
tersebut ke akun analytics anda. Inilah langkah-langkahnya:<br />
<ol>
<li>Masuk ke google analytics <a href="https://analytics.google.com/analytics/web/" rel="nofollow">DISINI</a></li>
<li>Klik menu ADMIN yang ada di bagian atas halaman</li>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="http://4.bp.blogspot.com/-Kqj1WVB7gYQ/VOwXRhJTMII/AAAAAAAAB3w/F2Y_3k3xfS8/s1600/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Menambahkan Blog Baru ke Google Analytics" border="0" src="https://4.bp.blogspot.com/-Kqj1WVB7gYQ/VOwXRhJTMII/AAAAAAAAB3w/F2Y_3k3xfS8/s320/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B1.jpg" title="Cara Menambahkan Blog Baru ke Google Analytics" /></a></td></tr>
<tr><td class="tr-caption">klik admin</td></tr>
</tbody></table>
<li>Akan terbuka halaman baru, perhatikan ada 3 submenu utama di halaman
ini. Perhatikan submenu kedua: PROPERTY, di situ telah ada blog anda
yang telah anda daftarkan sebelumnya. Klik segitiga kecil yang ada di
sudutnya untuk membuka menu DROP DOWN.</li>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="http://3.bp.blogspot.com/-EF02ORSyMCo/VOwXkx8eOaI/AAAAAAAAB34/NZMkPCQErfk/s1600/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B2.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Menambahkan Blog Baru ke Google Analytics" border="0" src="https://3.bp.blogspot.com/-EF02ORSyMCo/VOwXkx8eOaI/AAAAAAAAB34/NZMkPCQErfk/s320/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B2.jpg" title="Cara Menambahkan Blog Baru ke Google Analytics" /></a></td></tr>
<tr><td class="tr-caption">klik tombol segitiga kecil</td></tr>
</tbody></table>
<li>Muncul menu drop down, klik saja yang paling bawah CREATE NEW PROPERTY.</li>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="http://3.bp.blogspot.com/-_pcco9KK_Cc/VOwX1lPFPsI/AAAAAAAAB4A/mlVGQOCMhsM/s1600/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B3.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Menambahkan Blog Baru ke Google Analytics" border="0" src="https://3.bp.blogspot.com/-_pcco9KK_Cc/VOwX1lPFPsI/AAAAAAAAB4A/mlVGQOCMhsM/s320/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B3.jpg" title="Cara Menambahkan Blog Baru ke Google Analytics" /></a></td></tr>
<tr><td class="tr-caption">klik create new property</td></tr>
</tbody></table>
<li>Akan terbuka formulir untuk anda menambahkan property baru (blog
baru anda). Pastikan anda berada pada bagian WEBSITE bukan MOBILE APP.
Selanjutnya isikan JUDUL BLOG (website) anda di kolom yang disediakan.</li>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="http://4.bp.blogspot.com/-iL17XUgF33M/VOwYKR4WKZI/AAAAAAAAB4I/dnH5kYgMoWo/s1600/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B4.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Menambahkan Blog Baru ke Google Analytics" border="0" src="https://4.bp.blogspot.com/-iL17XUgF33M/VOwYKR4WKZI/AAAAAAAAB4I/dnH5kYgMoWo/s320/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B4.jpg" title="Cara Menambahkan Blog Baru ke Google Analytics" /></a></td></tr>
<tr><td class="tr-caption">pastikan ada di bagian website</td></tr>
</tbody></table>
<li>Berikutnya isikan kolom WEBSITE URL dengan URL blog yang ingin anda
masukkan. Pilih kategori blog anda (cari yang paling sesuai). Lalu
sesuaikan zona waktu anda. Yang terakhir ini tidak begitu penting, tapi
sebaiknya dicocokkan dengan lokasi anda.</li>
<li>Selanjutnya klik tombol biru GET TRACKING ID.</li>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="http://1.bp.blogspot.com/-dCsv4dy0H-E/VOwYrkHWg6I/AAAAAAAAB4Q/UU4WGR8Ch8Y/s1600/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B5.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Menambahkan Blog Baru ke Google Analytics" border="0" src="https://1.bp.blogspot.com/-dCsv4dy0H-E/VOwYrkHWg6I/AAAAAAAAB4Q/UU4WGR8Ch8Y/s320/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B5.jpg" title="Cara Menambahkan Blog Baru ke Google Analytics" /></a></td></tr>
<tr><td class="tr-caption">klik get tracking id</td></tr>
</tbody></table>
<li>Akan segera terbuka halaman baru. Ada 2 data penting di sini, yaitu
TRACKING ID untuk blog anda, dan KODE SCRIPT HTML yang akan anda paste
di template blog anda. </li>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="http://1.bp.blogspot.com/-FJAjXg2zDPw/VOwZGi9-lUI/AAAAAAAAB4Y/x8IhLKDcwx8/s1600/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B6.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Menambahkan Blog Baru ke Google Analytics" border="0" src="https://1.bp.blogspot.com/-FJAjXg2zDPw/VOwZGi9-lUI/AAAAAAAAB4Y/x8IhLKDcwx8/s320/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B6.jpg" title="Cara Menambahkan Blog Baru ke Google Analytics" /></a></td></tr>
<tr><td class="tr-caption">tracking id dan script HTML pelacakan blog anda</td></tr>
</tbody></table>
<li>Silakan perhatikan menu atas halaman google analytics, klik HOME
dengan membukanya pada tab baru di browser anda untuk memastikan bahwa
blog baru anda memang benar-benar ditambahkan pada google analytics
anda. Lihat gambar. </li>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="http://1.bp.blogspot.com/-adXaLNJvqJE/VOwZVh12BWI/AAAAAAAAB4g/SDgsdl1yzz8/s1600/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B7.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Menambahkan Blog Baru ke Google Analytics" border="0" src="https://1.bp.blogspot.com/-adXaLNJvqJE/VOwZVh12BWI/AAAAAAAAB4g/SDgsdl1yzz8/s320/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B7.jpg" title="Cara Menambahkan Blog Baru ke Google Analytics" /></a></td></tr>
<tr><td class="tr-caption">nah, blog sudah ditambahkan di google analytics</td></tr>
</tbody></table>
</ol>
<br />
<h2>
Menempatkan Kode Google Analytics di Blog Blogger Anda</h2>
Baiklah, dengan munculnya halaman ini berarti anda telah memasukkan blog
anda ke google anaytics. Upss... tapi ini baru separuh jalan.
Selanjutnya yang harus anda lakukan adalah menerapkan tracking id dan
kode script tersebut ke blog blogger anda. Ikutilah langkah-langkah
berikut:<br />
<ol>
<li>Siapkan kode TRACKING ID dan SCRIPT HTML pelacakan google analytics
blog anda. Jika anda tanpa sengaja telah menutup halaman tersebut, anda
dapat menemukannya di menu ADMIN > PROPERTY > Pilih Blog Anda yang
Baru Ditambahkan > TRACKING CODE.</li>
<li>Buka dashboard blogger anda. Lalu pergilah ke menu SETTINGS (setelan) > OTHER (lainnya) </li>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="http://1.bp.blogspot.com/-oIOJulqphnM/VOwZm7PWcAI/AAAAAAAAB4o/6o9u1_RvkkQ/s1600/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B8.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Menambahkan Blog Baru ke Google Analytics" border="0" src="https://1.bp.blogspot.com/-oIOJulqphnM/VOwZm7PWcAI/AAAAAAAAB4o/6o9u1_RvkkQ/s320/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B8.jpg" title="Cara Menambahkan Blog Baru ke Google Analytics" /></a></td></tr>
<tr><td class="tr-caption">klik other</td></tr>
</tbody></table>
<li>Lalu pada kolom Google Analytics (Aanlytics Web property)? Isikan
kode pelacakan (tracking id) anda. Biasanya seperti ini bentuknya:
UA-00000000-1</li>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="http://1.bp.blogspot.com/-FtBWRuFBFII/VOwZ21XiXpI/AAAAAAAAB4w/BTAVHmOzj4M/s1600/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B9.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Menambahkan Blog Baru ke Google Analytics" border="0" src="https://1.bp.blogspot.com/-FtBWRuFBFII/VOwZ21XiXpI/AAAAAAAAB4w/BTAVHmOzj4M/s320/cara%2Bmenambahkan%2Bblog%2Bbaru%2Bke%2Bgoogle%2Banalytics%2B9.jpg" title="Cara Menambahkan Blog Baru ke Google Analytics" /></a></td></tr>
<tr><td class="tr-caption">isikan tracking id blog anda</td></tr>
</tbody></table>
<li>Selanjutnya klik SAVE (simpan) perubahan yang anda lakukan pada settingan di dashboard blogger ini.</li>
<li>Berikutnya, kita akan menyisipkan kode pelacakan (script HTML) di
template blog anda. Caranya, pergilah ke menu TEMPLATE > EDIT HTML</li>
<li>Setelah terbuka kode HTML template blog anda simpan dahulu untuk berjaga-jaga kalau terjadi kesalahan.</li>
<li>Temukan kode <head> di dalam template blog anda. Gunakan tombol ctr+F untuk ini.</li>
<li>Paste kode pelacakan di atas kode <head></li>
<li>Simpan template anda. Selesai.</li>
</ol>
<br />
Sekarang anda telah menyelesaikan pemasangan kode script dan memastikan
google akan memerikan hasil analisis-analisisnya untuk blog anda
tersebut lewat google analytics anda. Semoga bermanfaat, </div>
<div class="post-body entry-content" id="post-body-3764753595957828269" itemprop="articleBody">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-31587890674746859482017-02-07T09:28:00.000-08:002017-02-07T09:28:25.924-08:00Cara Mudah Daftar GOOGLE ANALYTICS UNIVERSAL<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; font-family: Raleway; font-size: 18px; text-align: center;">
<span style="color: blue;"><b>Cara Daftar Google Analytics Universal</b> - Kemarin saya mendapatkan komentar yang memberi tahu saya bahwa <b>cara daftar Google Analytics</b>sudah berubah. Setelah saya mencoba sendiri, ternyata memang cara untuk <b>mendaftar Google Analytics</b> sudah ada fitur baru yang disebut <b>universal</b>.</span></div>
<div style="text-align: center;">
<span style="color: blue;"><a href="https://www.blogger.com/null" name="more" style="background-color: white; font-family: Raleway; font-size: 18px;"></a><br style="background-color: white; font-family: Raleway; font-size: 18px;" /></span></div>
<div style="background-color: white; font-family: Raleway; font-size: 18px; text-align: center;">
<span style="color: blue;">Berhubung <a href="http://trikmudahseo.blogspot.com/2012/06/cari-uang-di-internet-semakin-mudah.html" style="text-decoration: none;" target="_blank">Google Analytics sangat penting untuk para pelaku bisnis online</a>, maka saya melakukan update cara pendaftarannya di sini. Tutorial ini akan terbagi dalam dua tahap, yaitu mendaftar dan memasang kode di blog. Jadi mari kita langsung saja....</span></div>
<div style="text-align: center;">
<span style="color: blue;"><br style="background-color: white; font-family: Raleway; font-size: 18px;" /></span></div>
<h3 style="background-color: white; border: none; font-family: Oswald; font-size: 27px; font-stretch: normal; line-height: 1.2em; margin: 0.25em 0px 30px; padding: 0px 0px 4px; text-align: center;">
<span style="color: blue;">Cara Mendaftar Google Analytics</span></h3>
<ul style="background-color: white; font-family: Raleway; font-size: 18px;">
<li style="text-align: center;"><span style="color: blue;">Untuk mendaftar silahkan <a href="http://www.google.com/analytics/" rel="nofollow" style="text-decoration: none;" target="_blank">klik di sini</a></span></li>
<li style="text-align: center;"><span style="color: blue;">Anda akan diminta untuk MASUK, jadi klik linknya yang ada di kanan atas layar</span></li>
<li style="text-align: center;"><span style="color: blue;">Klik PENDAFTARAN untuk membuat akun Google Analytics yang baru</span></li>
</ul>
<div class="separator" style="background-color: white; clear: both; font-family: Raleway; font-size: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaxoI2UdEs3Mb0CuIvEeIv_ZkEKDgYNO1qQLH3d95tzdlUV9weZNkH30S5AzuW5cAzyYX1IAvivllVomKnsyNiBanvs0RPbCLQzrUQUEAo6pLhnaENlVjEjlwUj1zZhLnAfEEChkxo3bM/s1600/analytic1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="color: blue;"><img alt="klik tombol pendaftaran untuk mendapatkan akun Google Analytics" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaxoI2UdEs3Mb0CuIvEeIv_ZkEKDgYNO1qQLH3d95tzdlUV9weZNkH30S5AzuW5cAzyYX1IAvivllVomKnsyNiBanvs0RPbCLQzrUQUEAo6pLhnaENlVjEjlwUj1zZhLnAfEEChkxo3bM/s1600/analytic1.jpg" style="border: none; padding-top: 4px;" title="klik tombol pendaftaran untuk mendapatkan akun Google Analytics" /></span></a></div>
<div style="text-align: center;">
<span style="color: blue;"><br style="background-color: white; font-family: Raleway; font-size: 18px;" /></span></div>
<ul style="background-color: white; font-family: Raleway; font-size: 18px;">
<li style="text-align: center;"><span style="color: blue;">Setelah anda masuk pastikan opsi yang terpilih adalah WEBSITE dan bukan APLIKASI</span></li>
<li style="text-align: center;"><span style="color: blue;">Bergeser ke bagian bawah layar anda akan melihat pilihan jenis analytics yang bisa anda gunakan. Pilihlah <b>UNIVERSAL ANALYTICS</b>karena fiturnya lebih banyak dan sama gratisnya....</span></li>
</ul>
<div style="text-align: center;">
<span style="color: blue;"><br style="background-color: white; font-family: Raleway; font-size: 18px;" /></span></div>
<div class="separator" style="background-color: white; clear: both; font-family: Raleway; font-size: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPBIzBBqi2wqL8PmBqJ_LU2B-kZbfuO1UBe2fwXsG36ZmsR5xN7wxi3C0VSWI15Gu5MHKoyxzDOxEqkY1FnWViQD9VotbM7Qefyw-5ymo8y8XrsyjnVO_f8wMk-I_e_9VoxJOTqmM0_9I/s1600/analytic2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="color: blue;"><img alt="Pilih UNIVERSAL ANALYTICS untuk mendapatkan lebih banyak fitur" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPBIzBBqi2wqL8PmBqJ_LU2B-kZbfuO1UBe2fwXsG36ZmsR5xN7wxi3C0VSWI15Gu5MHKoyxzDOxEqkY1FnWViQD9VotbM7Qefyw-5ymo8y8XrsyjnVO_f8wMk-I_e_9VoxJOTqmM0_9I/s1600/analytic2.jpg" style="border: none; padding-top: 4px;" title="Pilih UNIVERSAL ANALYTICS untuk mendapatkan lebih banyak fitur" /></span></a></div>
<ul style="background-color: white; font-family: Raleway; font-size: 18px;">
<li style="text-align: center;"><span style="color: blue;">Setelah itu isikan data website anda, dan klik DAPATKAN ID PELACAKAN</span></li>
</ul>
<div class="separator" style="background-color: white; clear: both; font-family: Raleway; font-size: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyh3X5EE9Co_Xw7NsdU0Zu9oKbykU2y0TFYkjB40mLR19SLrwfHC0kQc4kDvioPyQIAZTVinEnIzBmwTh-FOx-9J9aujYx6ZPB-jC3KBMsv1KSSvdaEWhcyhNkyff2wNuraD9wJAJmrJo/s1600/analytic3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="color: blue;"><img alt="isi data blog anda untuk akun baru" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyh3X5EE9Co_Xw7NsdU0Zu9oKbykU2y0TFYkjB40mLR19SLrwfHC0kQc4kDvioPyQIAZTVinEnIzBmwTh-FOx-9J9aujYx6ZPB-jC3KBMsv1KSSvdaEWhcyhNkyff2wNuraD9wJAJmrJo/s1600/analytic3.jpg" style="border: none; padding-top: 4px;" title="isi data blog anda untuk akun baru" /></span></a></div>
<ul style="background-color: white; font-family: Raleway; font-size: 18px; text-align: justify;">
<li style="text-align: center;"><span style="color: blue;">Anda akan dimintai konfirmasi bahwa anda bersedia menerima syarat layanan dari Google Analytics ini, jadi silahkan disetujui saja....</span></li>
<li style="text-align: center;"><span style="color: blue;">Setelah anda menyatakan setuju, maka anda akan dibawa masuk ke layar akun. Pada jendela ini anda bisa mendapatkan kode tracker yang bisa anda tanamkan di blog atau website anda. Silahkan copy semua kode script yang diberikan....</span></li>
</ul>
<div class="separator" style="background-color: white; clear: both; font-family: Raleway; font-size: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_-sA6k9HB5Rm1Y4HJc58OXK-vf9RzTjehPFBydMzpODALhV-WEugBZROgEy3kCq2Dpyc4Bv-dN3kMCtuO1UhntDLyYoI0kQvRVCR8BEFEoU3mKxc6QuEPak7zNcgat6Sa7ohJu8r-MlQ/s1600/analytic4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="color: blue;"><img alt="copy kode Google Analytics yang diberikan untuk ditanam pada blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_-sA6k9HB5Rm1Y4HJc58OXK-vf9RzTjehPFBydMzpODALhV-WEugBZROgEy3kCq2Dpyc4Bv-dN3kMCtuO1UhntDLyYoI0kQvRVCR8BEFEoU3mKxc6QuEPak7zNcgat6Sa7ohJu8r-MlQ/s1600/analytic4.jpg" style="border: none; padding-top: 4px;" title="copy kode Google Analytics yang diberikan untuk ditanam pada blog" /></span></a></div>
<div style="text-align: center;">
<span style="color: blue;"><br style="background-color: white; font-family: Raleway; font-size: 18px;" /></span></div>
<h3 style="background-color: white; border: none; font-family: Oswald; font-size: 27px; font-stretch: normal; line-height: 1.2em; margin: 0.25em 0px 30px; padding: 0px 0px 4px; text-align: center;">
<span style="color: blue;">Memasang Kode Pelacak Google Analytics di Blog</span></h3>
<ol style="background-color: white; font-family: Raleway; font-size: 18px; text-align: justify;">
<li style="text-align: center;"><span style="color: blue;">Masuk ke akun blogger anda</span></li>
<li style="text-align: center;"><span style="color: blue;">Pilih blognya dan masuk ke menu TEMPLATE</span></li>
<li style="text-align: center;"><span style="color: blue;">Pilih menu EDIT TEMPLATE</span></li>
<li style="text-align: center;"><span style="color: blue;">Cari kode </head> dan paste kode tadi tepat di atas </head></span></li>
<li style="text-align: center;"><span style="color: blue;">Simpan Template</span></li>
<li style="text-align: center;"><span style="color: blue;">Coba refresh halaman KODE PELACAKAN dan lihat apakah status sudah terpasang atau belum</span></li>
<li style="text-align: center;"><span style="color: blue;">Jika belum coba kode di bawah ini....</span></li>
</ol>
<div style="text-align: center;">
<span style="color: blue;"><br style="background-color: white; font-family: Raleway; font-size: 18px;" /></span></div>
<blockquote class="tr_bq" style="background: rgb(194, 225, 250); border: 3px dashed rgba(0, 0, 0, 0); line-height: 1.6em; margin: 5px 0px; padding: 20px;">
<blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 3px dashed rgba(0, 0, 0, 0); line-height: 1.6em; margin: 5px 0px; padding: 20px;">
<pre><div style="font-family: Raleway; text-align: left;">
<span style="font-family: "Courier New", Courier, monospace;"><span style="color: blue; font-size: x-small;"><script type="text/javascript"></span></span></div>
<span style="font-family: "Courier New", Courier, monospace;"><span style="color: blue; font-size: x-small;">
var _gaq = _gaq || [];
</span></span><div style="font-family: "Courier New", Courier, monospace; text-align: left;">
<span style="color: blue; font-size: x-small;"> _gaq.push(['_setAccount', 'UA-XXXXX-X']);</span></div>
<span style="font-family: "Courier New", Courier, monospace;"><span style="color: blue; font-size: x-small;">
_gaq.push(['_trackPageview']);
(function() {
</span></span><div style="font-family: "Courier New", Courier, monospace; text-align: left;">
<span style="color: blue; font-size: x-small;"> var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;</span></div>
<span style="font-family: "Courier New", Courier, monospace;"><span style="color: blue; font-size: x-small;"> ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
</span></span><div style="font-family: "Courier New", Courier, monospace; text-align: left;">
<span style="color: blue; font-size: x-small;"></script></span></div>
<span style="font-family: "Courier New", Courier, monospace;"><span style="color: blue;"><span style="font-size: x-small;"> var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();</span><span style="font-size: 18px;">
</span></span></span><div style="text-align: center;">
<span style="font-family: "Courier New", Courier, monospace; font-size: 18px;"><span style="color: blue;">
</span></span></div>
</pre>
</blockquote>
</blockquote>
<ul style="background-color: white; font-family: Raleway; font-size: 18px; text-align: justify;">
<li style="text-align: center;"><span style="color: blue;">Edit kode di atas dan ubah kode UA-XXXXX-X dengan ID PELACAKAN ANDA (lihat gambar terakhir diberi kotak merah)</span></li>
<li style="text-align: center;"><span style="color: blue;">Hapus script di atas </head> yang sudah anda pasang sebelumnya dan ganti dengan kode baru yang sudah anda edit</span></li>
<li style="text-align: center;"><span style="color: blue;">SIMPAN TEMPLATE</span></li>
<li style="text-align: center;"><span style="color: blue;">Coba segarkan lagi halaman KODE PELACAKAN....mudah-mudahan yang ini berhasil....</span></li>
</ul>
<div style="text-align: center;">
<span style="color: blue;"><br style="background-color: white; font-family: Raleway; font-size: 18px;" /></span></div>
<div style="background-color: white; font-family: Raleway; font-size: 18px; text-align: center;">
<span style="color: blue;">Cara Daftar Google Analytics Universal kali ini sepertinya lebih sederhana dari yang sebelumnya, tapi fiturnya lebih banyak, karena ada fitur baru dari UNIVERSAL. Fitur ini yang memungkinkan kita untuk memantau kampanye iklan dari website kita, dan lain sebagainya. Berhubung ini masih baru jadi sepertinya harus saya pelajari dulu. Kalau sudah paham manfaat dari fitur baru ini akan saya share jika memang penting.....</span></div>
</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-69531064061071485432017-02-07T09:11:00.000-08:002017-02-07T09:29:02.666-08:00CARA MUDAH DAFTAR GOOGLE ANALYTICS<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 class="post-title entry-title" style="background-color: white; border-bottom: 3px double rgba(0, 0, 0, 0); color: #0573ce; font-family: Oswald; font-size: 30px; font-stretch: normal; font-weight: 300; line-height: 1.2em; margin: 0.25em 0px 30px; padding: 0px 0px 4px;">
</h2>
<div class="post-header" style="background-color: white; font-family: Raleway; font-size: 18px;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" style="background-color: white; font-family: Raleway; font-size: 18px; line-height: 2em; margin: 0px 0px 0.75em;">
<div dir="ltr" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoU188EkiZg85Xad91XnH57Fz310AUoJGBbww6rWAbzMfcdwN64Bb_w8puothXe9x0vE9lU4eqkYoF8DWZORpaD5ZOdyCbvPzoBSAt1_C7_HCYTXp96hk8bC1t34po-3nHenBgYVFI6wI_/s1600/justia-google-analytics.jpg" imageanchor="1" style="color: #0573ce; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoU188EkiZg85Xad91XnH57Fz310AUoJGBbww6rWAbzMfcdwN64Bb_w8puothXe9x0vE9lU4eqkYoF8DWZORpaD5ZOdyCbvPzoBSAt1_C7_HCYTXp96hk8bC1t34po-3nHenBgYVFI6wI_/s1600/justia-google-analytics.jpg" style="border: none; padding-top: 4px;" width="550" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.blogger.com/goog_1853389540" imageanchor="1" style="color: #0573ce; margin-left: 1em; margin-right: 1em; text-decoration: none;"></a></div>
<div style="text-align: justify;">
<div style="text-align: center;">
<span style="color: blue;"><b> Bagaimana cara mendaftar Google Analytics</b>? </span></div>
<div style="text-align: center;">
<span style="color: blue;">Apakah ini perlu dalam blogging? .... Jika pertanyaannya perlu atau tidak, </span></div>
<div style="text-align: center;">
<span style="color: blue;">maka tergantung anda sebagai bloggernya. Jika Anda blogging just for fun, </span></div>
<div style="text-align: center;">
<span style="color: blue;">maka rasanya tidak perlu. Akan tetapi jika Anda blogging untuk kepentingan </span></div>
<div style="text-align: center;">
<span style="color: blue;">yang lebih serius dan butuh laporan yang detail tentang perkembangan blog Anda,</span></div>
<div style="text-align: center;">
<span style="color: blue;"> maka menurut saya sangat perlu.</span></div>
</div>
<div style="text-align: center;">
<a href="https://www.blogger.com/null" name="more"></a><br /></div>
<div style="text-align: center;">
<i><span style="color: red;">TERJADI PERUBAHAN PADA CARA PENDAFTARAN... BACA DI....<br /><span style="font-size: medium;"><a href="http://myunel.blogspot.co.id/2017/02/cara-mudah-daftar-google-analytics_7.html" rel="nofollow" style="color: #0573ce; text-decoration: none;" target="_blank"><b>CARA DAFTAR GOOGLE ANALYTICS UNIVERSAL</b></a></span></span></i></div>
<div style="text-align: center;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<div style="text-align: center;">
<span style="color: blue;">Google Analytics akan menaruh kode tracker (pemantau) pada blog Anda, sehingga semua aktivitas blog Anda dapat dipantau. Ini akan meningkatkan <b>visibilitas blog</b> Anda di mata <b>robot search engine</b>, sehingga semua poin perkembangan blog bisa terpantau dan dilaporkan kepada anda.</span></div>
</div>
<div style="text-align: justify;">
<div style="text-align: center;">
<span style="color: blue;"><br /></span></div>
</div>
<div style="text-align: justify;">
<div style="text-align: center;">
<span style="color: blue;">Jika Anda ingin membuat akun Google Analytics untuk blog anda, maka saya harap sebelumnya Anda sudah terlebih dahulu membuat akun Google Webmaster Tools untuk blog Anda. Jika belum silahkan pelajari caranya di artikel</span> <span style="color: purple;"><a href="http://trikmudahseo.blogspot.com/2012/03/cara-menggunakan-google-webmaster-tools.html" style="text-decoration: none;" target="_blank"><b>cara menggunakan Google Webmaster tools</b></a>.</span></div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<div style="text-align: center;">
<span style="color: blue;">Jika anda sudah membuatnya, maka sekarang saatnya membuat link antara Google Webmaster Tools dengan akun Google Analytics blog anda. Lakukan prosedur berikut:</span></div>
</div>
<ul>
<li style="text-align: center;"><span style="color: blue;">Kembali ke halaman muka <a href="https://www.google.com/webmasters/tools/" style="text-decoration: none;" target="_blank"><b>Google Webmaster Tools</b></a> akun Anda. Klik <b>MANAGE SITE</b> atau <b>KELOLA SITUS </b>di bagian kanan nama blog Anda.</span></li>
<li style="text-align: center;"><span style="color: blue;">Klik <b>Google Analytics Property</b>.</span></li>
<li style="text-align: center;"><span style="color: blue;">Pada tampilan baru, klik <b>Create Google Analytics Account</b></span></li>
<li style="text-align: center;"><span style="color: blue;">Akan ada pemberitahuan<i> </i>untuk kembali ke halaman ini jika sudah membuat akun Google Analytics. Klik <b>OK</b>.</span></li>
<li style="text-align: center;"><span style="color: blue;">Akan terbuka jendela baru dan anda akan diminta melakukan <b>SIGN UP</b>, jadi klik link <b>SIGN UP</b></span></li>
<li style="text-align: center;"><span style="color: blue;">Jika Jendela gagal terbuka, masuk secara manual saja melalui<b><a href="http://www.google.com/analytics/" style="text-decoration: none;">http://www.google.com/analytics/</a></b></span></li>
<li style="text-align: center;"><span style="color: blue;">Masukkan data yang diminta: Isi <b>Account Name</b> dengan nama apa saja yang anda inginkan, pada bagian <b>Website URL</b>, pilih <b>http://</b> lalu masukkan nama blog Anda pada kolom berikutnya. Pilih <b>Time Zone Indonesia</b> dan masukkan zona waktu Anda. Beri tanda bahwa Anda menyetujui <b>Term Of Service</b> dan klik Create Account</span></li>
<li style="text-align: center;"><span style="color: blue;">Akan ada tampilan baru dan jika layar discrolling ke bawah anda akan menemukan sebuah kotak berisi script/kode. Tampilan scriptnya mungkin seperti di bawah ini....</span></li>
</ul>
<span style="color: red;"><br /></span>
<br />
<center>
<div style="background: rgb(215, 215, 215); font-size: 12px; line-height: 1em; padding: 15px; text-align: left; width: 550px;">
<span style="color: red;"><script type='text/javascript'></span><br />
<span style="color: red;"><br /></span>
<span style="color: red;"> var _gaq = _gaq || [];</span><br />
<span style="color: red;"> _gaq.push([&#39;_setAccount&#39;, &#39;UA-xxxxxxxx-x&#xx;]);</span><br />
<span style="color: red;"> _gaq.push([&#39;_trackPageview&#39;]);</span><br />
<span style="color: red;"><br /></span>
<span style="color: red;"> (function() {</span><br />
<span style="color: red;"> var ga = document.createElement(&#39;script&#39;); ga.type = &#39;text/javascript&#39;; ga.async = true;</span><br />
<span style="color: red;"> ga.src = (&#39;https:&#39; == document.location.protocol ? &#39;https://ssl&#39; : &#39;http://www&#39;) + &#39;.google-analytics.com/ga.js&#39;;</span><br />
<span style="color: red;"> var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(ga, s);</span><br />
<span style="color: red;"> })();</span><br />
<span style="color: red;"><br /></span>
<span style="color: red;"></script></span></div>
</center>
<br />
<ul style="text-align: justify;">
<li style="text-align: center;"><span style="color: blue;">Copy kode script tersebut dan login ke akun blogger Anda di jendela lain.</span></li>
<li style="text-align: center;"><span style="color: blue;">Pilih <b>TEMPLATE</b> pada akun blog Anda, lalu pilih <b>EDIT HTML</b></span></li>
<li style="text-align: center;"><span style="color: blue;">Paste kode tersebut di kotak <b>EDIT HTML</b> tepat di atas <b></head></b></span></li>
<li style="text-align: center;"><span style="color: blue;">Jika sudah selesai, silahkan klik <b>SIMPAN TEMPLATE</b>.</span></li>
<li style="text-align: center;"><span style="color: blue;">Kembali<b> </b>ke jendela tempat anda mengambil <b>KODE SCRIPT GOOGLE ANALYTICS</b> tadi.</span></li>
<li style="text-align: center;"><span style="color: blue;">Klik <b>SIMPAN (SAVE)</b> pada bagian paling bawah layar.</span></li>
<li style="text-align: center;"><span style="color: blue;">Jika sudah silahkan kembali ke jendela Google Webmaster Tools yang kita kerjakan di awal tadi, dan muat ulang halaman tersebut atau tekan <b>F5</b> pada keyboard.</span></li>
<li style="text-align: center;"><span style="color: blue;">Akan ada nama akun Google Analytics yang baru saja anda buat. Klik untuk memberi tanda pada nama akun yang baru muncul tersebut dan klik <b>SAVE</b>.</span></li>
<li style="text-align: center;"><span style="color: blue;">Akan ada peringatan muncul, dan langsung saja klik <b>OK</b></span></li>
<li style="text-align: center;"><span style="color: blue;">Perubahan sudah tersimpan dan jika anda melakukannya dengan benar, pada jendela <a href="https://www.google.com/webmasters/tools/" style="text-decoration: none;" target="_blank"><b>Google Webmaster Tools</b></a> akan ada pemberitahuan pada bagian blog Anda bahwa blog tersebut sudah terhubung dengan salah satu akun Google Analytics<b></b></span></li>
</ul>
<div style="text-align: justify;">
<div style="text-align: center;">
<span style="color: blue;">Setelah itu apa lagi?</span></div>
</div>
<ul style="text-align: justify;">
<li style="text-align: center;"><span style="color: blue;">Sekarang anda tinggal login ke akun Google Analytics anda dan masuk ke bagian <b>HOME ACCOUNT</b>. Di halaman ini akan ada link dari akun blog anda berupa kode seperti ini (<span class="ID-header-webProp-56822143-name"><span style="color: #3d85c6;">UA-xxxxxxxx-x - http://namabloganda.blogspot.com/</span>) silahkan klik link tersebut. Akan ada dropdown yang muncul seperti ini (</span><span class="ACTION-change TARGET-a30366140w56822143p57934723 z1" style="color: #3d85c6;">Nama Akun Anda<span class="OP"> [DEFAULT]</span></span><span class="ID-header-webProp-56822143-name">), silahkan di klik lagi....</span></span></li>
<li style="text-align: center;"><span style="color: blue;"><span class="ID-header-webProp-56822143-name">Anda akan diarahkan ke halaman Google Analytics untuk blog yang sudah anda link tadi. Perhatikan pada bagian kiri ada begitu banyak pilihan informasi tentang blog anda. Silahkan diklik informasi yang ingin anda ketahui. Jika anda bingung silahkan baca artikel </span><a href="http://trikmudahseo.blogspot.com/2012/06/bagaimana-cara-menggunakan-google.html" style="text-decoration: none;" target="_blank"><b>bagaimana cara membaca atau menggunakan Google Analytics</b></a><span class="ID-header-webProp-56822143-name">.</span></span></li>
</ul>
<div style="text-align: justify;">
<div style="text-align: center;">
<span style="color: blue;">Mudah-mudahan artikel ini bisa membantu Anda. Semoga Beruntung dalam dunia blogging....</span></div>
</div>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-82119693988517616852017-02-03T11:33:00.000-08:002017-02-03T11:33:09.010-08:00Cara Mudah Menggunakan Google Analytic<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 class="post-title entry-title" style="background-color: white; border-bottom: 3px double rgba(0, 0, 0, 0); color: #0573ce; font-family: Oswald; font-size: 30px; font-stretch: normal; font-weight: 300; line-height: 1.2em; margin: 0.25em 0px 30px; padding: 0px 0px 4px;">
<div class="post-body entry-content" style="color: black; font-family: Raleway; font-size: 18px; line-height: 2em; margin: 0px 0px 0.75em;">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia3FfOCANJ3PVxS1f3dgjn_G6w4hry8Xl56NT0bUCHRzDuHTV4IB0l0Kg3hS34puBAnj6IX92-ZWFfTztsdo1jtcNpAXlKuPd8725iwflM9ic5d90ksIMnUx8JGdAgQiGMyAdYpFIM6OW4/s1600/screenshot-GA.jpg" imageanchor="1" style="color: #0573ce; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia3FfOCANJ3PVxS1f3dgjn_G6w4hry8Xl56NT0bUCHRzDuHTV4IB0l0Kg3hS34puBAnj6IX92-ZWFfTztsdo1jtcNpAXlKuPd8725iwflM9ic5d90ksIMnUx8JGdAgQiGMyAdYpFIM6OW4/s640/screenshot-GA.jpg" style="border: none; padding-top: 4px;" width="550" /></a></div>
<b>Bagaimana cara menggunakan Google Analytic</b>? <b>Google Analytic</b> </div>
<div style="text-align: justify;">
adalah salah satu tools yang bisa memberikan anda akses yang sangat baik </div>
<div style="text-align: justify;">
untuk melihat aktifitas di blog anda. Masalahnya adalah banyak blogger yang </div>
<div style="text-align: justify;">
tidak tahu bagaimana cara menggunakannya. Jadi kali ini saya akan menjelaskan tentang manfaat Google Analytic.</div>
<div style="text-align: justify;">
Saya anggap saudara sudah mempunyai akun Google Analytic. Jika belum maka tidak perlu lanjut membaca artikel ini. Silahkan baca dulu artikel <a href="http://trikmudahseo.blogspot.com/2012/03/cara-daftar-google-analytics.html" style="color: #0573ce; text-decoration: none;" target="_blank"><b>cara mendaftar Google Analytic</b></a>. Sedangkan bagi anda yang sudah memiliki akun mari kita langsung mulai. Pembahasan saya akan terbagi dalam 2 poin utama:<br /><ol>
<li style="color: #cc0000;">Bagaimana cara menggunakan Google Analytic untuk mengamati Karakter Pengunjung?</li>
<li style="color: #cc0000;">Bagaimana cara menggunakan Google Analytic untuk mengamati Performa Artikel?</li>
</ol>
</div>
</div>
</h2>
<h2 style="border: none; color: #0573ce; font-family: Oswald; font-size: 30.6px; font-stretch: normal; font-weight: 300; line-height: 1.2em; margin: 0.25em 0px 30px; padding: 0px 0px 4px;">
#1 Bagaimana cara menggunakan Google Analytic untuk mengamati karakter Pengunjung?</h2>
<h2 class="post-title entry-title" style="background-color: white; border-bottom: 3px double rgba(0, 0, 0, 0); color: #0573ce; font-family: Oswald; font-size: 30px; font-stretch: normal; font-weight: 300; line-height: 1.2em; margin: 0.25em 0px 30px; padding: 0px 0px 4px;">
<div class="post-body entry-content" style="color: black; font-family: Raleway; font-size: 18px; line-height: 2em; margin: 0px 0px 0.75em;">
<ul style="text-align: justify;">
<li>Silahkan login dan anda akan masuk ke <b><i>Account Home</i></b> dari Google Analytic anda. Klik akun blog yang ingin anda amati aktifitasnya.</li>
<li>Akan ada dropdown yang memunculkan <i><b>nama akun</b></i>, silahkan klik sekali lagi.</li>
<li>Anda akan dibawa masuk ke dalam halaman blog anda, pada sesi <i><b>Visitors Overview</b></i>. Pada laman ini anda bisa melihat sebuah grafik besar yang memperlihatkan laju pertambahan pengunjung blog anda dari hari ke hari.</li>
<li>Jika anda baru <i><b>belajar SEO</b></i>, maka <span style="background-color: #ffe599;">jangan panik dengan lekuk naik turun, karena itu alami sekali</span>. Memang terjadi naik turun setiap minggu. Biasanya puncak trafik hari selasa dan rabu, dan trafik terendah dalam seminggu pada sabtu dan minggu .... jadi santai saja.</li>
</ul>
<ul style="text-align: justify;">
<li>Lanjut ke bawah akan ada laporan berapa orang yang sudah mengunjungi blog anda sejak kode tracker dipasang, dan dibawahnya ada penjelasan detil dari jumlah tersebut.<ul>
<li><i><b>VISITS</b></i> adalah penjelasan berapa keseluruhan kunjungan</li>
<li><i><b>UNIQUE VISITORS</b></i> adalah jumlah pengunjung tanpa memperhitungkan kunjungan balik</li>
<li><i><b>PAGEVIEWS</b></i> adalah jumlah laman yang dibaca</li>
<li><i><b>PAGES/VISIT</b></i> adalah rata-rata laman yang dibaca per kunjungan, semakin besar nilainya berarti semakin berkualitas artikel anda. Jika belum cobalah menulis artikel dengan gaya bahasa yang lebih menarik, dan jangan selesaikan satu masalah dalam satu artikel sebaiknya bgi penjelasannya di artikel lain (mengarahkan pengunjung untuk membuka artikel lain)</li>
<li><i><b>AVERAGE VISIT DURATION</b></i> adalah lamanya waktu per kunjungan</li>
<li><i><b>BOUNCE RATE</b></i> adalah persentase pengunjung yang hanya membaca satu halaman. Semakin kecil nilai ini semakin baik</li>
<li><i><b>% NEW VISITS</b></i> adalah persentase pengunjung yang baru datang ke blog anda. Itu berarti sisanya adalah pengunjung setia blog anda yang datang berkali-kali.</li>
</ul>
</li>
</ul>
<div style="text-align: justify;">
</div>
<ul style="text-align: justify;">
<li>Anda juga diberi diagram lingkaran untuk memperlihatkan berapa pengunjung baru dan berapa pengunjung yang kembali untuk kesekian kalinya. Pengunjung baru menandakan kesuksesan optimisasi offpage anda, sedangkan pengunjung kembali menandakan kesuksesan kualitas artikel anda. Normalnya adalah 80:20, jika kurang dari 20 persen artinya perlu peningkatan kualitas artikel.</li>
<li>Di bawah layar ini masih ada Demographic, System, dan Mobile yang akan memperlihatkan kepada anda asal kunjungan, dan karakteristik gadget yang digunakan mengunjungi blog anda.</li>
</ul>
<div style="text-align: justify;">
Demikianlah Google Analytics menyajikan data Karakter Pengunjung. Mudah-mudahan anda sudah paham bagaimana cara menggunakan Google Analytic untuk keperluan anda. Buatlah pertanyaan-pertanyaan sederhana seperti: Kenapa mereka cuma membuka satu halaman? Kenapa mereka jarang yang kembali? Kenapa mereka cuma sebentar saja membaca artikel lalu pergi?</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Jika anda tidak menemukan alasannya cobalah bertanya di forum-forum facebook, atau di Yahoo! Answer untuk mencari tahu apa yang salah dengan blog anda.<br /></div>
</div>
</h2>
<h2 style="border: none; color: #0573ce; font-family: Oswald; font-size: 30.6px; font-stretch: normal; font-weight: 300; line-height: 1.2em; margin: 0.25em 0px 30px; padding: 0px 0px 4px;">
#2 Bagaimana cara menggunakan Google Analytic untuk mengamati Performa Artikel?</h2>
<h2 class="post-title entry-title" style="background-color: white; border-bottom: 3px double rgba(0, 0, 0, 0); color: #0573ce; font-family: Oswald; font-size: 30px; font-stretch: normal; font-weight: 300; line-height: 1.2em; margin: 0.25em 0px 30px; padding: 0px 0px 4px;">
<div class="post-body entry-content" style="color: black; font-family: Raleway; font-size: 18px; line-height: 2em; margin: 0px 0px 0.75em;">
<div style="text-align: justify;">
<ul>
<li>Pada bagian sidebar kanan pilih <b>CONTENT</b> lalu <b>OVERVIEW</b>.</li>
<li>Di bagian bawah <b>OVERVIEW</b> anda akan melihat 10 artikel terlaris dari blog anda.</li>
<li>Klik di sidebar kanan <b>PAGE TIMING</b>, akan terbuka tabel baru yang memperlihatkan 10 artikel tadi beserta nilai bounce ratenya. Perhatikan artikel yang paling atas, dan pastikan bounce ratenya dibawah 80%. Sayang sekali jika artikel terlaris anda tidak mengarahkan pengunjung untuk membuka artikel-artikel yang lainnya.</li>
</ul>
Jika anda sudah mengetahui bagaimana cara menggunakan Google Analytic untuk melihat aktifitas pengunjung dan performa artikel. Anda bisa menggunakan pengetahuan itu untuk berbagai keperluan. Sebagai contoh, jika anda adalah seorang pebisnis online, anda bisa memanfaatkan ini untuk meningkatkan penjualan.<br /><br />Tapi jika anda belum tahu caranya silahkan baca artikel <a href="http://trikmudahseo.blogspot.com/2012/06/cari-uang-di-internet-semakin-mudah.html" style="color: #0573ce; text-decoration: none;" target="_blank"><b>Bagaimana Meningkatkan Penjualan dengan bantuan Google Analytic</b></a>?.... Mudah-mudahan bisa membantu.</div>
</div>
</h2>
</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-7473182445547743782017-01-10T22:38:00.000-08:002017-01-11T03:45:33.638-08:00Kumpulan Add-ons Mozilla Firefox Wajib Anda Tahu<div dir="ltr" style="text-align: left;" trbidi="on">
Firefox saat ini sudah menjadi favorit para pengguna internet di seluruh
dunia. Saya salah seorang yang fanatik dengan browser yang satu ini.
Kenapa? Mozilla Firefox membuat browser berfungsi tidak hanya sekedar
untuk browsing internet, namun bisa lebih jauh dari itu. Berikut saya
membagikan informasi tentang beberapa add-ons dari Mozilla Firefox yang
saya yakin akan sangat berguna untuk pengguna browser pada umumnya.<br />
<img alt="Hasil gambar untuk ikon Mozilla Firefox" src="data:image/jpeg;base64,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" /><br />
<a href="https://www.blogger.com/null" name="more"></a>Sebelumnya pastikan dulu browser Mozilla Firefox Anda adalah versi terbaru, cek di <a href="http://www.mozilla.org/en-US/firefox/new/" rel="nofollow" target="_blank">http://www.mozilla.org/en-US/firefox/new/</a>. Nah, setelah itu silakan Anda install add-on pilihan di bawah ini.<br />
<br />
<ol>
<li><b>Adblock Plus</b><br />
Adblock plus adalah suatu plugin firefox berfungsi untuk memblokir
iklan-iklan yang muncul di website yang kita kunjungi. Tak hanya itu,
adblock plus juga mampu untuk memblokir objek-objek tertentu yang ada di
suatu website antara lain: script, frame, image, CSS, dan lain-lain.
Artinya itu akan mempercepat dan menghemat browsing Anda.<br />
Cara untuk mengeset iklan mana saja yang akan diblokade adalah klik
kanan pada objek iklan tersebut, pilih adBlock this image/frame.<br />
<b><a href="https://addons.mozilla.org/en-US/firefox/addon/adblock-plus/" rel="nofollow" target="_blank">Download dan Install Adblock Plus</a></b><br />
<b><a href="https://addons.mozilla.org/en-US/firefox/addon/elemhidehelper/" rel="nofollow" target="_blank">Download dan Install Element Hiding Helper for Adblock Plus</a></b></li>
<li><b>GreaseMonkey</b><br />
Taukah Anda apa itu Greasemonkey? Greasemonkey adalah sebuah add-on bagi
Firefox yang bisa menjalankan script (javascript) tambahan saat kita
membuka sebuah halaman web. Greasemonkey bisa mengubah warna, tema,
tulisan bahkan melakukan suatu aksi secara otomatis, seperti login dan
download.<br />
<b><a href="https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/" rel="nofollow" target="_blank">Download dan Install GreaseMonkey</a></b><br />
Scriptnya bisa Anda cari di <a href="http://userscripts.org/" rel="nofollow" target="_blank">http://userscripts.org/</a> sesuai kebutuhan.</li>
<li><b>Stylish</b><br />
Hampir sama dengan Greasemonkey, namun Stylish ditujukan untuk merubah
tampilan web (css). Stylish bisa merubah tampilan Google, Youtube,
Facebook, Twitter, Thumblr, dan masih banyak web lainnya. Perlu Anda
ketahui, jika Anda menggunakan Stylish untuk Facebook, hanya Anda saja
yang melihat tampilan berbeda seperti itu. Langsung saja install dan
coba sendiri. Download dan Install Stylish<br /><b><a href="https://addons.mozilla.org/en-US/firefox/addon/stylish/" rel="nofollow" target="_blank">Download dan Install Stylish</a></b><br />
Style-nya (css) bisa Anda cari di <a href="http://userstyles.org/categories/site" rel="nofollow" target="_blank">http://userstyles.org/</a></li>
<li><b>All-in-One Sidebar</b><br />
All-in-One Sidebar (AiOS) bisa menampilkan panel sidebar yang
menampilkan kotak peralatan seperti: downloads, extensions, addons, dan
source code sebuah website di sidebar. Jadi Anda tidak perlu repot-repot
lagi untuk melihat file download, bookmark, history, dll.<br />
<b><a href="https://addons.mozilla.org/en-US/firefox/addon/all-in-one-sidebar/" rel="nofollow" target="_blank">Download dan Install All-in-One Sidebar</a></b></li>
<li><b>OmniBar</b><br />
Baris URL Anda bisa berfungsi ganda sebagai kotak pencarian Google.
Dengan demikian, kotak Google Search dapat dihilangkan dan baris alamat
menjadi lebih panjang (seperti pada Google Chrome).<br />
<a href="https://addons.mozilla.org/en-US/firefox/addon/omnibar/" rel="nofollow" target="_blank"><b>Download dan Install Omnibar</b></a></li>
<li><b>Download Statusbar</b><br />
Biasanya apabila kita mendownload sesuatu, pasti akan selalu muncul
pop-up window, beberapa dari kita biasanya tidak nyaman dengan hal ini.
Maka dengan menginstall addon Download Statusbar, status download akan
ditampilkan di bawah browser, tidak lagi menampilkan pop-up window yang
mengganggu.<br />
<b><a href="https://addons.mozilla.org/en-US/firefox/addon/download-statusbar/" rel="nofollow" target="_blank">Download dan Install Download Statusbar</a></b></li>
<li><b>SkipScreen</b><br />
SkipScreen mempermudah kita untuk mendownload file dari Rapidshare,
zShare, Mediafire, dan masih banyak lagi. Kita tidak perlu menghabiskan
waktu untuk menunggu download link (jika menggunakan regular/free
download), SkipScreen akan melakukannya untuk Anda. Lihat demonya <a href="http://godownloadsongs.com/skipscreen/" rel="nofollow" target="_blank">di sini</a>. Add-on ini sangat cocok untuk downloader sejati =D<br />
<b><a href="https://addons.mozilla.org/en-US/firefox/addon/skipscreen-incredible-rapidsha/" rel="nofollow" target="_blank">Download dan Install SkipScreen</a></b></li>
<li><b>SuperStart</b><br />
SuperStart adalah sebuah add-on untuk mempermudah anda mengunjungi situs
yang Anda inginkan, sama seperti bookmark, namun lebih cantik secara
visual dan bisa dijadikan homepage. Anda juga bisa mengganti temanya
sesuai keinginan.<br />
<b><a href="https://addons.mozilla.org/en-US/firefox/addon/super-start/" rel="nofollow" target="_blank">Download dan Install SuperStart</a></b></li>
<li><b>SeoQuake</b><br />
SeoQuake membantu optimasi blog Anda di mesin pencari. Dengan add-ons
ini, anda bisa melihat setiap situs dengan data seperti: Google
PageRank, jumlah halaman diindeks Google, Alexa Rank, informasi WhoIs
dan banyak info SEO lainnya. Anda tak perlu repot lagi memeriksa PR
sebuah blog dengan membuka Google PR dulu, memasukkan alamat URL dan
kode sekuriti. Begitu anda membuka sebuah situs atau blog, data itu
sudah otomatis ada di hadapan anda di bagian atas browser.<br />
<b><a href="https://addons.mozilla.org/en-US/firefox/addon/seoquake-seo-extension/" rel="nofollow" target="_blank">Download dan Install SeoQuake</a></b></li>
<li><b>Persona Firefox</b><br />
Persona kalau menurut saya itu seperti baju untuk browser firefox, kalau
sudah bosan ya diganti, supaya Firefox kita lebih menarik, dan browsing
menjadi menyenangkan.<br />
<b><a href="http://www.getpersonas.com/en-US/gallery/all/popular" rel="nofollow" target="_blank">Download dan Install Persona</a></b></li>
<li><b>ColorZilla</b><br />
Permainan warna menjadi salah satu hal penting dalam membuat ataupun
mengedit sebuah template, ColorZilla merupakan salah satu add-ons
mozilla yang dapat memudahkan kita untuk mengetahui kode warna pada
sebuah tampilan web. Kita cukup mengarahkan cursor ke sebuah objek
ataupun text untuk mengetahui kode warna yang digunakan. Add-on ini
sangat cocok untuk Blogger.<br />
<b><a href="https://addons.mozilla.org/en-US/firefox/addon/colorzilla/" rel="nofollow" target="_blank">Download dan Install ColorZilla</a></b></li>
<li><b>MeasureIt</b><br />
MaesureIt berfungsi untuk mengukur tinggi dan lebar sebuah objek, dengan
menggunakan add-ons ini kita dapat dengan mudah mengetahui ukuran
sebuah objek seperti sidebar, footer, content, gambar dan sebagainya.
Add-on ini juga cocok untuk Blogger.<br />
<b><a href="https://addons.mozilla.org/en-US/firefox/addon/measureit/" rel="nofollow" target="_blank">Download dan Install MeasureIt</a></b></li>
<li><b>Facebook Phising Protector</b><br />
Add-on ini sangat bagus bagi para pengguna Facebook yang ceroboh. Jika
Anda membuka website/halaman yang menyerupai Facebook (namun bukan
Facebook), maka add-on ini akan memberi peringatan kepada Anda.<br />
<b><a href="https://addons.mozilla.org/en-US/firefox/addon/facebook-phishing-protector/" rel="nofollow" target="_blank">Download dan Install Facebook Phising Protector</a></b></li>
<li><b>anonymoX</b><br />
Banyak situs di Internet yang di blokir, add-on ini adalah salah satu
solusinya. anonymoX bisa mengganti IP Anda dan browsing secara anonymous
(anonim). Jangan disalahgunakan ya!<br />
<b><a href="http://anonymox/" rel="nofollow" target="_blank">Download dan Install anonymoX</a></b></li>
</ol>
Cukup segini dulu untuk sementara, Semoga Bermanfaat.</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-24254075009387090602017-01-10T08:51:00.000-08:002017-01-10T08:54:34.142-08:00Cara Membuat Form Daftar, Login dan Logout dengan PHP MySQL<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIfuBAoGHKzFbr4p3WU5UWmjaVbmigueTL5LwEBlhYXxG3ZNLr7VexagI7JPHYehrhz1ZK0F3knqeysT7pVzAbDAyW9A7IwbefTOHpxZ_Z1FBulYO3CcdrRN3OjHud96NPaoIu9rfoGhc/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIfuBAoGHKzFbr4p3WU5UWmjaVbmigueTL5LwEBlhYXxG3ZNLr7VexagI7JPHYehrhz1ZK0F3knqeysT7pVzAbDAyW9A7IwbefTOHpxZ_Z1FBulYO3CcdrRN3OjHud96NPaoIu9rfoGhc/s1600/Untitled-1.jpg" /></a></div>
<br />
<span style="font-family: "verdana" , sans-serif;">Mungkin ini hanya sebagai bahan referensi aja buat teman-teman yang lagi membuat aplikasi web dan mencari tutorial Car<span id="goog_44462912"></span><span id="goog_44462913"></span>a Membuat Aplikasi Login Menggunakan PHP. Oke langsung saja saya akan memberikan sedikit ilmu buat teman-teman.</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;">kita buat dulu databasenya, buka browser kesayangan teman dan ketik <a href="http://localhost/phpmyadmin">http://localhost/phpmyadmin</a></span><br />
<span style="font-family: "verdana" , sans-serif;"><br />buat database dengan nama "<b>login"</b></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQE5gmSu5JH6nep1szmqeEEo4k4KxCF97fdZRffth53OdLw9abZ8g_a7GV3RUVVZ98bXL_azNgbeH5Ror317htNe4QCwpHwpnef5AwYa0wGtPIlR8elS37uXoIPJd9J7wC8uVGAwmgUS0/s1600/Untitled-1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQE5gmSu5JH6nep1szmqeEEo4k4KxCF97fdZRffth53OdLw9abZ8g_a7GV3RUVVZ98bXL_azNgbeH5Ror317htNe4QCwpHwpnef5AwYa0wGtPIlR8elS37uXoIPJd9J7wC8uVGAwmgUS0/s1600/Untitled-1.jpg" /></a></div>
<span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><br /></span><br />
<span style="font-family: "verdana" , sans-serif;">buat tabel dengan </span><span style="font-family: "verdana" , sans-serif;">nama "</span><b style="font-family: Verdana, sans-serif;">users" </b><span style="font-family: "verdana" , sans-serif;">dan isi kan jumlah kolom dengan </span><b style="font-family: Verdana, sans-serif;">4</b><span style="font-family: "verdana" , sans-serif;"> kolom</span><br />
<span style="font-family: "verdana" , sans-serif;">Kemudian isi kan field<b> </b>seperti berikut :</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdlWu4luoD68ceeWPI-NUALbpVCQYWRSugfjd8kie6E6KtgAWzjpO2itbgki-t61eugh0MnUnUMg72U9v2QjK32ocKc8DFqRb2tMKdJR7f_tvLONOKMfj95eeLC5CuGqlCMUPVS7yPvKw/s1600/user.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="77" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdlWu4luoD68ceeWPI-NUALbpVCQYWRSugfjd8kie6E6KtgAWzjpO2itbgki-t61eugh0MnUnUMg72U9v2QjK32ocKc8DFqRb2tMKdJR7f_tvLONOKMfj95eeLC5CuGqlCMUPVS7yPvKw/s640/user.jpg" width="640" /></a><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4xiLD_U7mvcAGm4O5FGB8HI1fl1XeJX_10llj0OVr0Qezfai6kquzmz7RpN4QHOua9LHgUM3Q1EmHjH3-3dcLuCJIpu_VOsrMqjF0FNzw9ie6lMiYIevid1KOwMctnfnXXrSc3-X_7gQ/s1600/table.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4xiLD_U7mvcAGm4O5FGB8HI1fl1XeJX_10llj0OVr0Qezfai6kquzmz7RpN4QHOua9LHgUM3Q1EmHjH3-3dcLuCJIpu_VOsrMqjF0FNzw9ie6lMiYIevid1KOwMctnfnXXrSc3-X_7gQ/s640/table.jpg" width="640" /></a><span style="font-family: "verdana" , sans-serif;"><span style="font-family: "verdana" , sans-serif;">Jika sudah tekan tombol </span><b style="font-family: Verdana, sans-serif;">Simpan </b><span style="font-family: "verdana" , sans-serif;">untuk meyimpan field yg telah kita isikan.</span></span><br />
<span style="font-family: "verdana" , sans-serif;">disini kita perlu beberapa file yg harus dibuat.</span><br />
<br />
<ul>
<li><span style="font-family: "verdana" , sans-serif;">koneksi.php</span></li>
<li><span style="font-family: "verdana" , sans-serif;">index.php</span></li>
<li><span style="font-family: "verdana" , sans-serif;">daftar.php</span></li>
<li><span style="font-family: "verdana" , sans-serif;">proses_daftar.php</span></li>
<li><span style="font-family: "verdana" , sans-serif;">login.php</span></li>
<li><span style="font-family: "verdana" , sans-serif;">cek_login.php</span></li>
<li><span style="font-family: "verdana" , sans-serif;">logut.php</span></li>
</ul>
<span style="font-family: "verdana" , sans-serif;">sebelum membuat form login kita buat dahulu <b>koneksi.php </b>untuk menghubungkan ke databasenya, lihat kode berikut </span><span style="font-family: "verdana" , sans-serif;">:</span><br />
<br />
<br />
<div>
<div>
<span style="font-family: "verdana" , sans-serif;"><?php</span></div>
<div>
<span style="font-family: "verdana" , sans-serif;">mysql_connect("localhost","root","") or die ("Gagal Terhubung Ke Database");</span></div>
<div>
<span style="font-family: "verdana" , sans-serif;">mysql_select_db("login") or die ("Database Tidak Ditemukan");</span></div>
<div>
<span style="font-family: "verdana" , sans-serif;">?></span></div>
<div>
<span style="font-family: "verdana" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "verdana" , sans-serif;">Setelah itu kita buat <b>index.php </b>file ini berfungsi untuk menampilkan ketika login berhasil, lihat kode berikut :</span></div>
<span style="font-family: "verdana" , sans-serif;"></span><br />
<div>
<span style="font-family: "verdana" , sans-serif;"><?php</span><br />
<span style="font-family: "verdana" , sans-serif;">include "koneksi.php";</span><br />
<span style="font-family: "verdana" , sans-serif;">session_start();</span><br />
<span style="font-family: "verdana" , sans-serif;">if (!isset($_SESSION['username'])){</span><br />
<span style="font-family: "verdana" , sans-serif;">header ("location:login.php");</span><br />
<span style="font-family: "verdana" , sans-serif;">}</span><br />
<span style="font-family: "verdana" , sans-serif;">?></span><br />
<span style="font-family: "verdana" , sans-serif;"> </span> <span style="font-family: "verdana" , sans-serif;">Berhasil Login, <a href="logout.php">Logout</a></span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;">setelah itu kita buat halaman pendaftaran yaitu <b>daftar.php</b>, lihat kode berikut :</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><html></span><br />
<span style="font-family: "verdana" , sans-serif;"><head></span><br />
<span style="font-family: "verdana" , sans-serif;"><title>Pendaftaran</title></span><br />
<span style="font-family: "verdana" , sans-serif;"></head></span><br />
<span style="font-family: "verdana" , sans-serif;"><body></span><br />
<span style="font-family: "verdana" , sans-serif;"><form method="post" name="pendaftaran" action="proses_daftar.php"></span><br />
<span style="font-family: "verdana" , sans-serif;"><table border=0 align="center" cellpadding=5 cellspacing=0></span><br />
<span style="font-family: "verdana" , sans-serif;"><tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><td colspan=3><center><font size=5>PENDAFTARAN</font></center></td></span><br />
<span style="font-family: "verdana" , sans-serif;"></tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><td>Nama</td><td>:</td><td><input type="text" name="nama"></td></span><br />
<span style="font-family: "verdana" , sans-serif;"></tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><td>Email</td><td>:</td><td><input type="text" name="email"></td></span><br />
<span style="font-family: "verdana" , sans-serif;"></tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><td>Username</td><td>:</td><td><input type="text" name="username"></td></span><br />
<span style="font-family: "verdana" , sans-serif;"></tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><td>Password</td><td>:</td><td><input type="password" name="password"></td></span><br />
<span style="font-family: "verdana" , sans-serif;"></tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><td colspan=2>&nbsp;</td></span><br />
<span style="font-family: "verdana" , sans-serif;"><td><input type="submit" name="submit" value="DAFTAR"></td></span><br />
<span style="font-family: "verdana" , sans-serif;"></tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><td colspan=3><a href="login.php">LOGIN</a></td></span><br />
<span style="font-family: "verdana" , sans-serif;"></tr></span><br />
<span style="font-family: "verdana" , sans-serif;"></table></span><br />
<span style="font-family: "verdana" , sans-serif;"></form></span><br />
<span style="font-family: "verdana" , sans-serif;"></body></span><br />
<span style="font-family: "verdana" , sans-serif;"></html></span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;">namun agar kita bisa terdaftar kita perlu membuat <b>proses_daftar.php</b>,<b> </b>lihat kode berikut :</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><?php</span><br />
<span style="font-family: "verdana" , sans-serif;">include "koneksi.php";</span><br />
<span style="font-family: "verdana" , sans-serif;">$nama = $_POST['nama'];</span><br />
<span style="font-family: "verdana" , sans-serif;">$email = $_POST['email'];</span><br />
<span style="font-family: "verdana" , sans-serif;">$username = $_POST['username'];</span><br />
<span style="font-family: "verdana" , sans-serif;">$password = $_POST['password'];</span><br />
<span style="font-family: "verdana" , sans-serif;">if (empty($nama)){</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<script>alert('Nama belum diisi')</script>";</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<meta http-equiv='refresh' content='1 url=daftar.php'>";</span><br />
<span style="font-family: "verdana" , sans-serif;">}else</span><br />
<span style="font-family: "verdana" , sans-serif;">if (empty($email)){</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<script>alert('Email belum diisi')</script>";</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<meta http-equiv='refresh' content='1 url=daftar.php'>";</span><br />
<span style="font-family: "verdana" , sans-serif;">}else </span><br />
<span style="font-family: "verdana" , sans-serif;">if(empty($username)){</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<script>alert('Username belum diisi')</script>";</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<meta http-equiv='refresh' content='1 url=daftar.php'>";</span><br />
<span style="font-family: "verdana" , sans-serif;">}else </span><br />
<span style="font-family: "verdana" , sans-serif;">if (empty($password)){</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<script>alert('Password belum diisi')</script>";</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<meta http-equiv='refresh' content='1 url=daftar.php'>";</span><br />
<span style="font-family: "verdana" , sans-serif;">}else{</span><br />
<span style="font-family: "verdana" , sans-serif;">$daftar = mysql_query("INSERT INTO users (id_user,nama,username,password) values ('$nama','$email','$username','$password')");</span><br />
<span style="font-family: "verdana" , sans-serif;">if ($daftar){</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<script>alert('Berhasil Mendaftar')</script>";</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<meta http-equiv='refresh' content='1 url=daftar.php'>";</span><br />
<span style="font-family: "verdana" , sans-serif;">}else{</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<script>alert('Gagal Mendaftar')</script>";</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<meta http-equiv='refresh' content='1 url=daftar.php'>";</span><br />
<span style="font-family: "verdana" , sans-serif;">}</span><br />
<span style="font-family: "verdana" , sans-serif;">}</span><br />
<span style="font-family: "verdana" , sans-serif;">?></span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;">setelah itu kita membuat halaman loginya yaitu <b>login.php</b>, lihat kode berikut :</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><?php</span><br />
<span style="font-family: "verdana" , sans-serif;">include "koneksi.php";</span><br />
<span style="font-family: "verdana" , sans-serif;">session_start();</span><br />
<span style="font-family: "verdana" , sans-serif;">if (isset($_SESSION['username'])){</span><br />
<span style="font-family: "verdana" , sans-serif;">header ("location:index.php");</span><br />
<span style="font-family: "verdana" , sans-serif;">}</span><br />
<span style="font-family: "verdana" , sans-serif;">?></span><br />
<span style="font-family: "verdana" , sans-serif;"><html></span><br />
<span style="font-family: "verdana" , sans-serif;"><head></span><br />
<span style="font-family: "verdana" , sans-serif;"><title>LOGIN</title></span><br />
<span style="font-family: "verdana" , sans-serif;"></head></span><br />
<span style="font-family: "verdana" , sans-serif;"><body></span><br />
<span style="font-family: "verdana" , sans-serif;"><form method="post" name="login" action="cek_login.php"></span><br />
<span style="font-family: "verdana" , sans-serif;"><table border=0 align="center" cellpadding=5 cellspacing=0></span><br />
<span style="font-family: "verdana" , sans-serif;"><tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><td colspan=3><center><font size=5>LOGIN</font></center></td></span><br />
<span style="font-family: "verdana" , sans-serif;"></tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><td>Username</td></span><br />
<span style="font-family: "verdana" , sans-serif;"><td>:</td></span><br />
<span style="font-family: "verdana" , sans-serif;"><td><input type="text" name="username"></td></span><br />
<span style="font-family: "verdana" , sans-serif;"></tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><td>Password</td></span><br />
<span style="font-family: "verdana" , sans-serif;"><td>:</td></span><br />
<span style="font-family: "verdana" , sans-serif;"><td><input type="password" name="password"></td></span><br />
<span style="font-family: "verdana" , sans-serif;"></tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><td colspan=2></td></span><br />
<span style="font-family: "verdana" , sans-serif;"><td><input type="submit" name="submit" value="LOGIN"></td></span><br />
<span style="font-family: "verdana" , sans-serif;"></tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><tr></span><br />
<span style="font-family: "verdana" , sans-serif;"><td colspan=3><a href="daftar.php">DAFTAR</a></td></span><br />
<span style="font-family: "verdana" , sans-serif;"></tr></span><br />
<span style="font-family: "verdana" , sans-serif;"></table></span><br />
<span style="font-family: "verdana" , sans-serif;"></form></span><br />
<span style="font-family: "verdana" , sans-serif;"></body></span><br />
<span style="font-family: "verdana" , sans-serif;"></html></span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;">namun agar kita bisa login kita harus membuat <b>cek_login.php</b>, lihat kode berikut :</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><?php</span><br />
<span style="font-family: "verdana" , sans-serif;">include "koneksi.php";</span><br />
<span style="font-family: "verdana" , sans-serif;">$username = $_POST['username'];</span><br />
<span style="font-family: "verdana" , sans-serif;">$password = $_POST['password'];</span><br />
<span style="font-family: "verdana" , sans-serif;">if (empty($username)){</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<script>alert('Username belum diisi')</script>";</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<meta http-equiv='refresh' content='1 url=login.php'>";</span><br />
<span style="font-family: "verdana" , sans-serif;">}else if (empty($password)){</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<script>alert('Password belum diisi')</script>";</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<meta http-equiv='refresh' content='1 url=login.php'>";</span><br />
<span style="font-family: "verdana" , sans-serif;">}else{</span><br />
<span style="font-family: "verdana" , sans-serif;">session_start();</span><br />
<span style="font-family: "verdana" , sans-serif;">$login = mysql_query("select * from users where username='$username' and password='$password'");</span><br />
<span style="font-family: "verdana" , sans-serif;">if (mysql_num_rows($login) > 0){</span><br />
<span style="font-family: "verdana" , sans-serif;">$_SESSION['username'] = $username;</span><br />
<span style="font-family: "verdana" , sans-serif;">header("location:index.php");</span><br />
<span style="font-family: "verdana" , sans-serif;">}else{</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<script>alert('Username atau Password salah')</script>";</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<meta http-equiv='refresh' content='1 url=login.php'>";</span><br />
<span style="font-family: "verdana" , sans-serif;">}</span><br />
<span style="font-family: "verdana" , sans-serif;">}</span><br />
<span style="font-family: "verdana" , sans-serif;">?></span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;">terakhir kita tinggal membuat <b>logout.php</b>,<b> </b>lihat kode berikut :</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><?php</span><br />
<span style="font-family: "verdana" , sans-serif;">session_start();</span><br />
<span style="font-family: "verdana" , sans-serif;">session_destroy();</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<script>alert('Terima kasih, Anda Berhasil Logout')</script>";</span><br />
<span style="font-family: "verdana" , sans-serif;">echo "<meta http-equiv='refresh' content='1 url=login.php'>";</span><br />
<span style="font-family: "verdana" , sans-serif;">?></span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;">Semoga Bermanfaat:</span></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-19479825128317925332017-01-02T23:03:00.000-08:002017-01-02T23:12:08.407-08:00Cara Mudah Test Speed Kecepatan Internet di Komputer dan Android<div dir="ltr" style="text-align: left;" trbidi="on">
Test Speed Kecepatan Internet gunanya adalah untuk mengetahui berapa kecepatan akses internet yang
anda gunakan. Ada banyak orang yang salah mengartikan paket internet
yang diberikan oleh ISP, misalnya jika hendak berlangganan Paket
Internet Speedy. Akan ada pilihan kecepatan internet mulai dari 386Kbps,
512Kbps, 1Mbps dan lain sebagainya.<br />
<br />
Banyak yang mengira jika memilih internet dengan speed 386Kbps maka
ketika mendownload kecepatan download yang terlihat di IDM adalah pas
seperti yang diberikan, itu salah. Untuk itu disini saya akan berbagi
sedikit ilmu yang bertujuan untuk mengecek kecepatan internet yang
sebenarnya.<br />
<br />
Dengan cara ini agar kita bisa mengetahui apakah kecepatan internet yang
diberikan operator benar-benar terbukti benar atau salah. Sekarang
banyak sekali kita dengan kecepatan <u><a href="http://www.hargamodem.net/2014/03/jasa.internet.murah.html" target="_blank"><span style="color: #444444;">internet murah</span></a></u> mulai dari 3Mbps, 5Mbps, 10Mbps bahkan 100Mbps dst.<br />
<br />
Nah disini cara yang akan saya bagikan bisa kita gunakan di Komputer dan
Android, silahkan langsung simak saja tutorialnya berikut ini.<br />
<br />
<br />
<h2>
Cara Test Kecepatan Internet di Komputer</h2>
Untuk mengecek internet di Komputer, kita akan menggunakan situs <b>internet speed test</b> yang sudah sering digunakan oleh masyarakat mulai dari dahulu. Ada 2 Situs yang akan kita gunakan, yaitu<br />
1. Speedtest.net<br />
2. Speedtest.telin.co.id<br />
Langsung saja kita kembali ke tutorialnya.<br />
- Pertama langsung buka linknya <a href="http://adf.ly/1hOs9t" rel="nofollow"><span style="color: red;">Di Sini</span></a><br />
- Anda akan melihat tombol <span style="color: lime;"><b>Begin Test</b>,</span> silahkan klik itu.<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><span style="margin-left: auto; margin-right: auto;"><a href="http://adf.ly/1gbLRq" rel="nofollow"><img alt="test internet speed" border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4nt2yLaZRsPsV8md2J1QnkgNVjlS7Ymhdw7S_HeBuzhBLpKHroiydkd5DScIm-oKSxmHv_GujY6KdXixyox41dT0c5DaUN6_Mi1YG0vovUk5iulKrQuZB9gg6Y5s58cLCtaNv_5PQfz8/s1600/Screenshot_2.jpg" title="" width="400" /></a></span></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://adf.ly/1gbLRq" rel="nofollow">janetychanel</a></td></tr>
</tbody></table>
<br />
- Silahkan tunggu sejenak<br />
- Nah setelah finish, anda akan mendapatkan hasil yang merupakan total kecepatan Akses Internet anda, seperti berikut<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKY8yhNbKRw5RQoTLQT2wbUDqePVp7lW349FqpO96gBssW-0VtQeARJi9RSs3Kgb1C3E75JDlHV-eUjnkJml_sL9HVbPgDLCZLeRdQ6Fv9GBCTqX18gx6OQXIWDTDVCA1ofyVDXINFxR0/s1600/Screenshot_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKY8yhNbKRw5RQoTLQT2wbUDqePVp7lW349FqpO96gBssW-0VtQeARJi9RSs3Kgb1C3E75JDlHV-eUjnkJml_sL9HVbPgDLCZLeRdQ6Fv9GBCTqX18gx6OQXIWDTDVCA1ofyVDXINFxR0/s1600/Screenshot_3.jpg" width="400" /></a></div>
<br />
Nah, jika belum mengerti bagaimana caranya, silahkan tonton video tutorial singkat yang ada dibawah ini<br />
<br />
<br />
<center>
<iframe allowfullscreen="" frameborder="0" height="245" src="https://www.youtube.com/embed/IeypNvdDaIw?rel=0&controls=0&showinfo=0" width="490"></iframe></center>
<center>
</center>
<center style="text-align: left;">
</center>
<center style="text-align: left;">
</center>
<center style="text-align: left;">
<br /></center>
<center style="text-align: left;">
Kemudian cara yang kedua :</center>
<center style="text-align: left;">
- Silahkan buka situsnya <b><span style="color: blue;"><a href="http://adf.ly/1hP1vt" rel="nofollow">Di Sini</a></span></b></center>
<center style="text-align: left;">
- Klik Start Test</center>
<center style="text-align: left;">
- Dan tunggu hasilnya</center>
<center style="text-align: left;">
</center>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://adf.ly/1gbLRq" rel="nofollow"><img border="0" height="316" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcGZAq5mZIfjIF7Q5MgXPykR1fO9u5JeFFMIup3o74KOgmfH6dvOumaTBCKBMDo0xRcNHHW9IHpCW-5AmlYF5DTp7DvDdQvKViJcdMIBKF53MD6Y0C2yR8ld-nlsaUmxSZLLVCvDliJaY/s1600/Screenshot_1.jpg" style="margin-left: auto; margin-right: auto;" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://adf.ly/1gbLRq" rel="nofollow">janetychanel</a></td></tr>
</tbody></table>
<center style="text-align: left;">
</center>
<h3>
Cara Test Kecepatan Internet di Android
</h3>
<div>
Selanjutnya adalah test internet speed di Android. Untuk mengecek di
smartphone pintar yang banyak digunakan ini kita masih menggunakan
layanan dari Speedtest.net.</div>
<div>
- Silahkan terlebih dahulu Unduh Aplikasi Speedtest.net dari Play Store, atau bisa <a href="http://adf.ly/1hOzXO" rel="nofollow" target="_blank">klik disini</a></div>
<div>
- Install lalu buka Aplikasinya</div>
<div>
- Klik Begin dan tunggu Hasilnya</div>
<div>
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://adf.ly/1hOzXO" rel="nofollow"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZYV9-L52ELuk5_qa0qtST8_qf8IBiCqizMiEybb3UmkcRVFAm2lO22BUIQRDGF_5_yB1-mLQjNgV8Yxo__dMKkFoaNojWW2hN3tjdG4t6hVrHuhOZsI7wpZThs4eeMauUOxXe8kwN3bU/s1600/Cek+Internet+Speed.jpg" style="margin-left: auto; margin-right: auto;" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://adf.ly/1hOzXO" rel="nofollow">janetyspeed</a></td></tr>
</tbody></table>
<div>
</div>
<div>
Nah itulah tutorial <a href="http://adf.ly/1hOzrG" rel="nofollow">cek speed internet</a> yang bisa saya bagikan, jika anda melihat Kecepatan Internet saya di
atas, mungkin anda juga menginginkan caranya bagaimana bisa seperti itu,
silahkan buka <b><a href="http://adf.ly/1hOzrG" rel="nofollow" target="_blank">Trik Internet Gratis Telkomsel</a></b> semuanya sudah diungkap dengan terang-terangan pada artikel tersebut.</div>
<br />
<div>
<br />
Oke mungkin cukup sekian informasi yang bisa saya bagikan, semoga
artikel ini bisa bermanfaat untuk kita semuanya, Terimakasih telah
berkunjung dan membaca artikel berjudul <u><span style="color: blue;"><a href="http://adf.ly/1hP0g2" rel="nofollow">Cara MudahTest Speed Internet di Komputer dan Android</a></span></u>.</div>
</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-89547310087053422552016-12-31T04:20:00.001-08:002016-12-31T04:20:56.304-08:00Cara Mudah Membuat Desain Web<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoListParagraphCxSpFirst" style="margin-left: 21.3pt; text-indent: -18pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Pengenalan
Tag Pada HTML</span></b></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 21.3pt;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 21.3pt; text-align: justify; text-indent: 18pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Dalam HTML tag
merupakan code sekaligus perintah dimana kita dapat mengatur tampilan yang kita
inginkan. Tag pada HTML selalu diawali dengan </span><span style="font-family: "Courier New"; font-size: 12pt; line-height: 115%;"><x> </span><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">dan
ditutup dengan </span><span style="font-family: "Courier New"; font-size: 12pt; line-height: 115%;"></x> </span><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">dimana x adalah
perintah dari apa yang kita inginkan.</span></div>
<div class="MsoListParagraphCxSpLast" style="margin-left: 42.55pt; text-align: justify; text-indent: -18pt;">
<span style="font-family: Symbol; font-size: 12pt; line-height: 115%;">·<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">
</span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Daftar Tag Pada HTML</span></div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: medium none; margin-left: 26.7pt;">
<tbody>
<tr style="height: 27.85pt;">
<td colspan="3" style="border-color: windowtext black black; border-style: solid; border-width: 1pt; height: 27.85pt; padding: 0cm 5.4pt; width: 403.95pt;" valign="top" width="539"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: center;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 20pt;">ELEMEN DASAR</span></b></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 98.95pt;" valign="top" width="132"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Jenis Dokumen</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 117.4pt;" valign="top" width="157"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"><HTML></HTML></span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 187.6pt;" valign="top" width="250"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(terdapat pada awal dan akhir dari
file HTML)</span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 98.95pt;" valign="top" width="132"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Judul</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 117.4pt;" valign="top" width="157"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"><TITLE></TITLE></span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 187.6pt;" valign="top" width="250"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(harus selalu terdapat pada mukadimah)</span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 98.95pt;" valign="top" width="132"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Mukadimah (Header)</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 117.4pt;" valign="top" width="157"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"><HEAD></HEAD></span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 187.6pt;" valign="top" width="250"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(keterangan umum, seperti judul
dsb.)</span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 98.95pt;" valign="top" width="132"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Batang Tubuh</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 117.4pt;" valign="top" width="157"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"><BODY></BODY></span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 187.6pt;" valign="top" width="250"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(isi dari halaman HTML)</span></div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal">
</div>
<span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;"><br clear="all" style="page-break-before: always;" />
</span>
<br />
<br />
<div class="MsoNormal">
</div>
<div class="MsoNormal">
</div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: medium none; margin-left: 26.7pt;">
<tbody>
<tr style="height: 30.35pt;">
<td colspan="3" style="border-color: windowtext black black; border-style: solid; border-width: 1pt; height: 30.35pt; padding: 0cm 5.4pt; width: 403.95pt;" valign="top" width="539"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: center;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 20pt;">FORMAT
TAMPILAN</span></b></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 94.15pt;" valign="top" width="126"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Huruf Tebal</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 160.55pt;" valign="top" width="214"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><B></B></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 149.25pt;" valign="top" width="199"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(Bold) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 94.15pt;" valign="top" width="126"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Huruf Miring</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 160.55pt;" valign="top" width="214"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><I></I></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 149.25pt;" valign="top" width="199"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(Italic) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 94.15pt;" valign="top" width="126"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Garis Bawah</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 160.55pt;" valign="top" width="214"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><U></U></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 149.25pt;" valign="top" width="199"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(Underline - jarang digunakan) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 94.15pt;" valign="top" width="126"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Rata Tengah</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 160.55pt;" valign="top" width="214"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><CENTER></CENTER></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 149.25pt;" valign="top" width="199"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(Center - berlaku untuk teks
maupun gambar) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 94.15pt;" valign="top" width="126"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Huruf Kedip</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 160.55pt;" valign="top" width="214"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><BLINK></BLINK></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 149.25pt;" valign="top" width="199"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(Blinking - tag terlucu sampai
kini) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 94.15pt;" valign="top" width="126"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Ukuran Huruf</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 160.55pt;" valign="top" width="214"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><FONT
SIZE=?></FONT></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 149.25pt;" valign="top" width="199"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(Font Size - boleh diisi dari 1
sampai 7) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 94.15pt;" valign="top" width="126"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Warna Huruf</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 160.55pt;" valign="top" width="214"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><FONT
COLOR="#$$$$$$"></FONT></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">
</span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 149.25pt;" valign="top" width="199"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 94.15pt;" valign="top" width="126"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Pilih Jenis Huruf</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 160.55pt;" valign="top" width="214"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><FONT
FACE="***"></FONT></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">
</span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 149.25pt;" valign="top" width="199"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal">
</div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: medium none; margin-left: 26.7pt;">
<tbody>
<tr style="height: 29.4pt;">
<td colspan="3" style="border: 1pt solid black; height: 29.4pt; padding: 0cm 5.4pt; width: 403.95pt;" valign="top" width="539"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: center;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 20pt;">PEMISAH</span></b></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 98.75pt;" valign="top" width="132"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Paragraf</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 178.85pt;" valign="top" width="238"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><P></P></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 126.35pt;" valign="top" width="168"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(tag penutup seringkali tak
diperlukan) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 98.75pt;" valign="top" width="132"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Align Text</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 178.85pt;" valign="top" width="238"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><P
ALIGN=LEFT|CENTER|RIGHT></P></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 126.35pt;" valign="top" width="168"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 98.75pt;" valign="top" width="132"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Pndah Baris</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 178.85pt;" valign="top" width="238"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><BR></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 126.35pt;" valign="top" width="168"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(pindah ke baris berikut) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 98.75pt;" valign="top" width="132"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Garis Datar</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 178.85pt;" valign="top" width="238"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><HR></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 126.35pt;" valign="top" width="168"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(Horizontal Rule) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 98.75pt;" valign="top" width="132"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Penataan Letak Garis</span></b></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 178.85pt;" valign="top" width="238"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><HR
ALIGN=LEFT|RIGHT|CENTER></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 126.35pt;" valign="top" width="168"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 98.75pt;" valign="top" width="132"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tebal Garis</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 178.85pt;" valign="top" width="238"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><HR SIZE=?></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 126.35pt;" valign="top" width="168"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(dalam satuan pixel) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 98.75pt;" valign="top" width="132"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Lebar Garis</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 178.85pt;" valign="top" width="238"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><HR
WIDTH=?></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 126.35pt;" valign="top" width="168"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(dalam satuan pixel) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 98.75pt;" valign="top" width="132"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Lebar Garis Persentasi</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 178.85pt;" valign="top" width="238"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><HR
WIDTH="%"></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 126.35pt;" valign="top" width="168"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(dalam persentasi terhadap lebar
halaman) </span></div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal">
</div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: medium none; margin-left: 26.7pt;">
<tbody>
<tr style="height: 31.1pt;">
<td colspan="3" style="border: 1pt solid black; height: 31.1pt; padding: 0cm 5.4pt; width: 403.95pt;" valign="top" width="539"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: center;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 20pt;">LATAR BELAKANG
DAN WARNA</span></b></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 112.8pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Latar Belakang Gambar</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 146.8pt;" valign="top" width="196"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><BODY
BACKGROUND="URL"></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">
</span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 144.35pt;" valign="top" width="192"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(Tiled Background) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 112.8pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Warna Latar Belakang</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 146.8pt;" valign="top" width="196"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><BODY
BGCOLOR="#$$$$$$"</span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 144.35pt;" valign="top" width="192"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(Background Color - urutan:
merah/hijau/biru) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 112.8pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Warna Huruf Teks</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 146.8pt;" valign="top" width="196"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><BODY
TEXT="#$$$$$$"></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 144.35pt;" valign="top" width="192"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal">
</div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: medium none; margin-left: 26.7pt;">
<tbody>
<tr style="height: 29.85pt;">
<td colspan="3" style="border-color: windowtext black black; border-style: solid; border-width: 1pt; height: 29.85pt; padding: 0cm 5.4pt; width: 403.95pt;" valign="top" width="539"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: center;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 20pt;">TABEL</span></b></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 99.9pt;" valign="top" width="133"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Rancangan Tabel</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 171.55pt;" valign="top" width="229"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><TABLE></TABLE></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 132.5pt;" valign="top" width="177"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 99.9pt;" valign="top" width="133"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Garis Batas Tabel</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 171.55pt;" valign="top" width="229"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><TABLE
BORDER=?></TABLE></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 132.5pt;" valign="top" width="177"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 99.9pt;" valign="top" width="133"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Lebar Tabel</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 171.55pt;" valign="top" width="229"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><TABLE
WIDTH=?></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 132.5pt;" valign="top" width="177"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(dalam satuan pixel) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 99.9pt;" valign="top" width="133"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Lebar Tabel Persentasi</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 171.55pt;" valign="top" width="229"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><TABLE
WIDTH="%"></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 132.5pt;" valign="top" width="177"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(dalam satuan persen terhadap
lebar halaman) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 99.9pt;" valign="top" width="133"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Baris dalam Tabel</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 171.55pt;" valign="top" width="229"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><TR></TR></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 132.5pt;" valign="top" width="177"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 99.9pt;" valign="top" width="133"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Penataan Letak Baris</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 171.55pt;" valign="top" width="229"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><TR
ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM </span><span style="font-family: "Courier New"; font-size: 10pt;"><br />
</span><span style="font-family: "Courier New"; font-size: 10pt;">VALIGN=TOP|BOTTOM|MIDDLE></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 132.5pt;" valign="top" width="177"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 99.9pt;" valign="top" width="133"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Sel dalam Tabel</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 171.55pt;" valign="top" width="229"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><TD></TD></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 132.5pt;" valign="top" width="177"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(harus ada dalam setiap baris
tabel) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 99.9pt;" valign="top" width="133"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Penataan Letak Sel</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 171.55pt;" valign="top" width="229"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><TD
ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM </span><span style="font-family: "Courier New"; font-size: 10pt;"><br />
</span><span style="font-family: "Courier New"; font-size: 10pt;">VALIGN=TOP|BOTTOM|MIDDLE></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 132.5pt;" valign="top" width="177"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 99.9pt;" valign="top" width="133"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Kepala Tabel</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 171.55pt;" valign="top" width="229"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><TH></TH></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 132.5pt;" valign="top" width="177"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">(Table Header - seperti data
dengan Bold dan Center) </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 99.9pt;" valign="top" width="133"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Penataan Letak Kepala Tabel</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 171.55pt;" valign="top" width="229"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><TH
ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM </span><span style="font-family: "Courier New"; font-size: 10pt;"><br />
</span><span style="font-family: "Courier New"; font-size: 10pt;">VALIGN=TOP|BOTTOM|MIDDLE></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 132.5pt;" valign="top" width="177"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
</tr>
<tr>
<td style="border-color: -moz-use-text-color black black; border-style: none solid solid; border-width: medium 1pt 1pt; padding: 0cm 5.4pt; width: 99.9pt;" valign="top" width="133"><div class="MsoNormal" style="line-height: normal;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Warna Kepala Tabel</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 171.55pt;" valign="top" width="229"><div class="MsoNormal" style="line-height: normal;">
<span style="font-family: "Courier New"; font-size: 10pt;"><TH
BGCOLOR="#$$$$$$"></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">
</span></div>
</td>
<td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; width: 132.5pt;" valign="top" width="177"><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div align="center" class="MsoNormal" style="text-align: center;">
</div>
<div class="MsoListParagraphCxSpFirst" style="line-height: normal; margin: 0cm 0cm 0.0001pt 21.3pt; text-indent: -18pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">A.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;">
</span></span></b><b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Dasar dasar HTML</span></b></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 21.3pt;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify; text-indent: -18pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">1.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">
</span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Membuat
judul tab dalam halaman web, buka notepad++ terlebih dahulu, kemudian ketikan
code dibawah ini:</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <title> My First HTML Project
</title></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <body</span>
<span style="font-family: "Courier New"; font-size: 10pt;">BGCOLOR=“Green”
TEXT=“Red”></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> WELCOME TO MY WEBSITE</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><body
bgcolor=”#00ff00”></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Langkah selanjutnya simpan dalam format
HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti
pada gambar 1 berikut:</span></div>
<div align="center" class="MsoNormal" style="margin-left: 42.55pt; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirhcfIwJMTcq1yn-0nYkZ1x_p91LLa-o8Af5bTKcXaNRsLXnUj54DJafONE_8s7kMNNJinR0W1zqfEb0ZFOS_J7_sC8Wuxitk24jUgc9XFbnp1jQTZu8KLD_HtW2EYBxDzC9tdxMqopFfn/s1600/welcome.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirhcfIwJMTcq1yn-0nYkZ1x_p91LLa-o8Af5bTKcXaNRsLXnUj54DJafONE_8s7kMNNJinR0W1zqfEb0ZFOS_J7_sC8Wuxitk24jUgc9XFbnp1jQTZu8KLD_HtW2EYBxDzC9tdxMqopFfn/s320/welcome.png" width="320" /></a><span style="font-family: "Courier New"; font-size: 10pt;"></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"> </span></div>
<div align="center" class="MsoNormal" style="margin-left: 42.55pt; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Gambar
1. Judul Tab Halaman</span></div>
<div class="MsoNormal">
</div>
<div class="MsoListParagraphCxSpFirst" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify; text-indent: -18pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">2.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">
</span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Mengatur
paragraf texs, buka notepad++ kemudin ketikan code dibawah ini:</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <title> Tag P, Br dan Hr </title></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <p>Ini adalah
paragraf pertama, yang berisi 3 baris. Baris satu, dua dan tiga.
<br><br></p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <p>Ini adalah paragraf kerdua, yang
berisi garis horizontal</p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><hr> Ini adalah
garis horizontal.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><body
bgcolor=”#00ff00”></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Langkah selanjutnya simpan dalam format
HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti
pada gambar 2 berikut:</span></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQr9TL-2j21NatqjvQ1KdFvsf1dZLybvFZg8CNKZ3TKlOEgk405vQDdBux-zVYFRRhgAHKfd4vnllj903JdMXmPZYRjG7fHyW96Kep61kDEG1zcko8LTZCcd3KcA_JnT_y6FOICYjwoIFH/s1600/paragraf.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQr9TL-2j21NatqjvQ1KdFvsf1dZLybvFZg8CNKZ3TKlOEgk405vQDdBux-zVYFRRhgAHKfd4vnllj903JdMXmPZYRjG7fHyW96Kep61kDEG1zcko8LTZCcd3KcA_JnT_y6FOICYjwoIFH/s320/paragraf.png" width="320" /></a><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"> </span></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Gambar
2. Mengatur Paragraf</span></div>
<div align="center" class="MsoNormal" style="text-align: center;">
</div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: 39.3pt; text-align: justify; text-indent: -18pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">3.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Mengatur
ukuran huruf, buka notepad++, kemudian
ketikan code dibawah ini:</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><title> Tag Heading
</title></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><h1> Heading 1 </h1></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><h2> Heading 2 </h2></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><h3> Heading 3 </h3></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><h4> Heading 4 </h4></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><h5> Heading 5 </h5></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><h6> Heading 6 </h6></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><body bgcolor=”#00ff00”></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Langkah selanjutnya simpan dalam format
HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti
pada gambar 3 berikut:</span></div>
<div align="center" class="MsoNormal" style="margin-left: 42.55pt; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEittFhBwpKerDNgJ8IOMsXVaRmZh6yb9oQowgGWYWGQ6SxDr9yLKvxYxD6HF8IQ0QOLYgv_dSifpCAcIcqa5bLRr8E7lqAKhALSWuPWjUESWEu1MYOHbkeAB-rofbyZPEZIyuzWAmcn55JR/s1600/Header.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEittFhBwpKerDNgJ8IOMsXVaRmZh6yb9oQowgGWYWGQ6SxDr9yLKvxYxD6HF8IQ0QOLYgv_dSifpCAcIcqa5bLRr8E7lqAKhALSWuPWjUESWEu1MYOHbkeAB-rofbyZPEZIyuzWAmcn55JR/s320/Header.png" width="320" /></a><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"> </span></div>
<div align="center" class="MsoNormal" style="margin-left: 42.55pt; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Gambar
3. Ukuran Huruf</span></div>
<div class="MsoNormal" style="margin-left: 42.55pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpFirst" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify; text-indent: -18pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">4.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">
</span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Mengatur
format texs, Buka notepad++, kemudian ketikan code dibawah ini: </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><title>format
tulisan</titele></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">teks normal <br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><small> teks small
</small><br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><big> teks
big</big><br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><b> teks tebal
</b><br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><i> teks miring
</i><br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><u> teks bergaris bawah
</u><br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">Contoh superscript : x
<sup>2</sup><br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">Contoh subscript :
H<sub>2</sub>O<br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><strike> Ini teks tercoret
</strike><br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><font size = 5 face =
verdana></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">menggunakan tag font</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></font></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><body BGCOLOR
="#00FF00"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Langkah selanjutnya simpan dalam format
HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti
pada gambar 4 berikut:</span></div>
<div align="center" class="MsoNormal" style="margin-left: 49.65pt; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA12_j_fxIZ11Ugcb5Vx5WGBXoLW-UBYUZLiyseRhuoS0eUkCk0wtGnjE5TiITww-6qt6hFAcoH81fcfJD1yqQ2_VyhXJcSn4wYDeUW3CHUlvv7YenJYsgcLUDDlF8bPcZHnBw8PomF2OV/s1600/format+tulisan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA12_j_fxIZ11Ugcb5Vx5WGBXoLW-UBYUZLiyseRhuoS0eUkCk0wtGnjE5TiITww-6qt6hFAcoH81fcfJD1yqQ2_VyhXJcSn4wYDeUW3CHUlvv7YenJYsgcLUDDlF8bPcZHnBw8PomF2OV/s320/format+tulisan.png" width="320" /></a><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"> </span></div>
<div align="center" class="MsoNormal" style="margin-left: 49.65pt; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Gambar
4. Format tulisan</span></div>
<div align="center" class="MsoNormal" style="margin-left: 49.65pt; text-align: center;">
</div>
<div class="MsoListParagraphCxSpFirst" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify; text-indent: -18pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">5.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">
</span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Membuat
from komentar, buka notepad++, kemudian ketikan code dibawah ini:</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> <title> From komentar </title></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><table></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><tdcolspan="3">&nbsp;</td></tr><tr><br />
<td colspan="3"><h3>Silahkan Berkomentar :
</h3></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td>Nama</td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td>:</td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td><input
type=text name="nama"></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td>Email</td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td>:</td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td><input
type=text name="email"></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td
valign=top>Komentar</td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td
valign=top>:</td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td><textarea
name="komentar" rows=6 width=200></textarea></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td
colspan="3"><input type=submit name="submit"</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">value=submit></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></tr><br />
</table></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><body
BGCOLOR ="#00FF00"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Langkah
selanjutnya simpan dalam format HTML dan buka file dengan firefox atau
sejenisnya, maka hasilnya akan seperti pada gambar 5 berikut:</span></div>
<div align="center" class="MsoNormal" style="margin-left: 49.65pt; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijEIbkC-VUPDUdFo1IJpXYC7fGOTHVhI9ZsOf34KOyRjrLmed3MbVPtgZss4tCqbijP0u_gBrCcQhxODf-tzeiKfYJO9ojo3erRkIV38bclhE7T6RuvMDtvNogr5DWgx5sAFdBN0SUTvo2/s1600/komentar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijEIbkC-VUPDUdFo1IJpXYC7fGOTHVhI9ZsOf34KOyRjrLmed3MbVPtgZss4tCqbijP0u_gBrCcQhxODf-tzeiKfYJO9ojo3erRkIV38bclhE7T6RuvMDtvNogr5DWgx5sAFdBN0SUTvo2/s320/komentar.png" width="320" /></a><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"> </span></div>
<div align="center" class="MsoNormal" style="margin-left: 49.65pt; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Gambar
5. From komentar</span></div>
<div class="MsoNormal">
</div>
<div class="MsoListParagraphCxSpFirst" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify; text-indent: -18pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">6.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">
</span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Mengatur
kolom, buka notepad++ kemudian ketikan code dibawah ini:</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><head>
</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><title>warna-warna</title>
</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></head>
</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><body>
</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><table
width="300" border="1"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><tr> </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> <td colspan="3" align="center">warna-warna
</td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><tr> </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> <td
bgcolor="#00FF00">Hijau</td> </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> <td
bgcolor="#FFFF00">Kuning</td> </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> <td bgcolor="#FF0000">Merah
</td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><tr> </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> <td
bgcolor="#999999">Abu-abu</td> </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> <td
bgcolor="#0000FF">Biru</td> </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> <td
bgcolor="#FF9900">Orange</td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><tr> </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> <td
bgcolor="#663300">Cokelat</td> </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> <td bgcolor="#3399CC">Biru
muda</td> </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> <td bgcolor="#FF00FF">Merah
muda</td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></tr>
</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></table></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><body
BGCOLOR ="#00FF00"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 1pt 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Langkah
selanjutnya simpan dalam format HTML dan buka file dengan firefox atau
sejenisnya, maka hasilnya akan seperti pada gambar 6 berikut:</span></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTYrQoJSpnxo0-b9roVmdl3oMXV-Iu1I3VzxN3WDsBTIbtSaY2o2SHUor70Hl6I7QgCf3ZEHz2EwWS0kwnhfp24ATCIOJ5M3NRPr9GeHCLq8Jfu5J3jE9Dl_q0RrHaJ2ZkS9R6yQDjOFsP/s1600/kolom.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTYrQoJSpnxo0-b9roVmdl3oMXV-Iu1I3VzxN3WDsBTIbtSaY2o2SHUor70Hl6I7QgCf3ZEHz2EwWS0kwnhfp24ATCIOJ5M3NRPr9GeHCLq8Jfu5J3jE9Dl_q0RrHaJ2ZkS9R6yQDjOFsP/s320/kolom.png" width="320" /></a><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"> </span></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Gambar 6. Tabel</span></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: center;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 21.3pt; text-indent: -18pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">B.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;">
</span></span></b><b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Hyperlink</span></b></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 21.3pt;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify; text-indent: -18pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">1.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">
</span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Membuat
hyperlink kehalaman web lain, buka notepad++, kemudian ketikan atau copy saja
code dibawah ini:</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"><html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"><head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <title> Judul tab </title></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"><body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"> Ini hyperlink ke wordpress</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <a href="http://www.wordpress.com/"
title="Masuwordpress"> Wordpress </a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <br>Klik dan masuk ke yahoo<a
href="http://www.yahoo.com/" title="Masuk yahoo"> Yahoo
</a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <br>Masuk ke facebook anda</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"><a
href="http://http://www.facebook.com/" title="Masuk ke
facebook"> Facebook </a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"></body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"><body
BGCOLOR ="#00FF00"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
<span style="font-family: "Courier New"; font-size: 10pt;"></html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Langkah
selanjutnya simpan dalam format HTML dan buka file dengan firefox atau
sejenisnya, maka hasilnya akan seperti pada gambar 7 berikut:</span></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 42.55pt; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuxtlTLWzyZ-xjJyMiEoXfVEBy6Nz0khR6JnfOGrtPPS17PE34wtBDrDVtzmKR4sdd7zu5NSyi1OJ5_Q88LbLowtCOuS9F1CmDeSt5abIeXps90v-oFf0VqYgkoGBtm7w9HfAP7TNA-S3R/s1600/hyperlink.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuxtlTLWzyZ-xjJyMiEoXfVEBy6Nz0khR6JnfOGrtPPS17PE34wtBDrDVtzmKR4sdd7zu5NSyi1OJ5_Q88LbLowtCOuS9F1CmDeSt5abIeXps90v-oFf0VqYgkoGBtm7w9HfAP7TNA-S3R/s320/hyperlink.png" width="320" /></a><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"> </span></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 42.55pt; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Gambar 7 link halaman web lain</span></div>
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">
</span>
<br />
<br />
<div class="MsoNormal">
</div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: 39.3pt; text-align: justify; text-indent: -18pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">2.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Membuat
hyperlink antar bagian dalam web, buka notepad++, kemudian ketikan atau copy
saja code dibawah ini:</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> <title>
Judul tab </title></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> </head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/desain%20web/home.html"
title="ke Rumah"><img
src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/Graphic1.jpg"
border="0" width="80" height="30"/></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/desain%20web/profil.html"
title="Profilku"><img
src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/profil.jpg"
border="0" width="100" height="30"/></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/html_colors.html"
title="Kode Warna Pada HTML"><img
src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/Kode%20Warna.jpg"
border="0" width="150" height="30"/></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><a href="file:///C:/Users/COMPAQ/Documents/HTML.1/kumpulan%20puisi.html"
title="kumpulan Kata-kata Mutiara"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/kata%20kata.jpg"
border="0" width="100" height="30"/></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><body BGCOLOR ="#00FF00"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Langkah selanjutnya simpan dalam format
HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti
pada gambar 8 berikut:</span></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 42.55pt; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_qhJjzlvhQVJoW3MiffYwx5vtRIevCoZN_5eUrGCIX2sA1NGtykTNVvwyEnwubToEhVDu2aEGMhOMB5KrMeZwgoWUy_jtAX1Ke10xgl6ncrfqt_OJc3oXpSA2GEr1tmgTMXpYk510RAKq/s1600/hyperlink+folder.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_qhJjzlvhQVJoW3MiffYwx5vtRIevCoZN_5eUrGCIX2sA1NGtykTNVvwyEnwubToEhVDu2aEGMhOMB5KrMeZwgoWUy_jtAX1Ke10xgl6ncrfqt_OJc3oXpSA2GEr1tmgTMXpYk510RAKq/s320/hyperlink+folder.png" width="320" /></a><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"> </span></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 42.55pt; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Gambar 8. Link Antar Bagian Dalam Web</span></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 42.55pt; text-align: center;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 21.3pt; text-indent: -18pt;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">C.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;">
</span></span></b><b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Membuat Website
Sederhana</span></b></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify; text-indent: -18pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">1.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">
</span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Membuat
halaman login pada website, buka notepad++, kemudin ketikan atau copy saja code
dibawah ini:</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><title>login web</title><link
rel='icon' href='gambar/B.png'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><p align="center"> <font size="6" color="#FF6600"
></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;">Silahkan mengisi data yang ada di bawah untuk masuk
ke website saya :)</font></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><table align="center"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td><form method="post"
action="home.html"><label><font color="#FF6600">Nama
Anda:</label></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><input type="text"
name="nama" value=""></br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><label><font
color="#FF6600">Email Atau telepon:</label></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><input type="text"
name="Email" value=""></br><label><font
color="#FF6600">Alamat:</label></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><input type="text"
name="Alamat" Value=""></br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><label><font
color="#FF6600">Tanggal Lahir </label></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><select name="select"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="1">1</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="2">2</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="3">3</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="4">4</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="5">5</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="6">6</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="7">7</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="8">8</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="9">9</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="10">10</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="11">11</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="12">12</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="13">13</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="14">14</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="15">15</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="16">16</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="17">17</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="18">18</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="19">19</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="20">20</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="21">21</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="22">22</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="23">23</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="24">24</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="25">25</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="26">26</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="27">27</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="28">28</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="29">29</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="30">30</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="31">31</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></select></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><select name="select2"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="1">Januari</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="2">Februari</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="3">Maret</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="4">April</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="5">Mei</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="6">Juni</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="7">Juli</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="8">Agustus</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="9">September</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="10">Oktober</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="11">Nopember</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="12">Desember</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></select></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><select name="select3"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="2001">1988</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="2002">1989</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="2003">1990</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="2004">1991</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="2005">1992</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="2006">1993</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option value="2007">1994</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="2008">1995</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><option
value="2009">1996</option></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></select></br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><label><font color="#FF6600">Jenis
Kelamin </label></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br><font color="red">Pria</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><font color="#CCFF00">Wanita</br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><input type="submit"
Value="Masuk"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></table></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><body background="gambar/aaa.png"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><EMBED
SRC="MP3/Greenday%20-%20I%20walk%20Alone.swf"
AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1"
HEIGHT="1" ALIGN="CENTER"></EMBED></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><p align="center"> <font size="1" color="#FF6600"
><BLINK>..... Dalam penggisiannya harus jujur yaa, jangan bo'onk :) ......</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Langkah selanjutnya simpan dalam format
HTML dan buka file dengan firefox atau sejenisnya, background dapat anda ganti
sendiri sesuai dengan kesukaan anda. </span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Hasilnya seperti pada gambar 9 berikut:</span></div>
<div align="center" class="MsoNormal" style="margin-left: 42.55pt; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKRN7oU-Xw_yAy6nNPP5pu2B9s2M4yefYnsoCw7ozxuGdi2A0S083ykPpwn_B-Cn6cVKN3uMFmUhVjm49vFfwjfp7Wecf-lB2_BSQtWZF_tAGyoGMrPn-cpFuNtsxk51_NWAAJ0QF5IdjC/s1600/login.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKRN7oU-Xw_yAy6nNPP5pu2B9s2M4yefYnsoCw7ozxuGdi2A0S083ykPpwn_B-Cn6cVKN3uMFmUhVjm49vFfwjfp7Wecf-lB2_BSQtWZF_tAGyoGMrPn-cpFuNtsxk51_NWAAJ0QF5IdjC/s320/login.png" width="320" /></a><span style="font-family: "Courier New"; font-size: 10pt;"></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"> </span></div>
<div align="center" class="MsoNormal" style="margin-left: 42.55pt; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Gambar
9. Halaman login</span></div>
<div align="center" class="MsoNormal" style="margin-left: 42.55pt; text-align: center;">
</div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: 39.3pt; text-align: justify; text-indent: -18pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">2.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Membuat
halaman awal, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> <title>Home</title></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><link rel='icon' href='gambar/alien.ico'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"> <center><table
width='1000' height='400' border="0" background='gambar/xx.jpg'
cellpadding="0" cellspacing="<tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td colspan="2" color="white"
align='center'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><img src="gambar/1.png"
width="1000" height="400"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><tr height="50"><td colspan='2'
background='gambar/zz.jpg' align='left' height="20"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><p><ul><ul><left><BLINK><b><font
color="#00CCFF" size="5"><img src='gambar/halo.gif'
border='0' width='40' height='40'>~ Selamat datang di website pertama saya ~
<img src='gambar/halo.gif' border='0' width='40'
height='40'></font></BLINK></b></ul></ul></p></left></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><left> <ul><a
href="home.html" title="ke Rumah"><img
src='gambar/HOME.jpg' BORDER='0' width='80' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><a href="http://mp3skull.com/" title="MP3"><img
src='gambar/MP3.jpg' BORDER='0' width='80'
height='30'></font></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><a href="profilku.html"
title="Profilku"><img src='gambar/PROFIL.jpg' BORDER='0'
width='90' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><a href="html_colors.html"
title="Kode Warna Pada HTML"><img src='gambar/KODE WARNA.jpg'
BORDER='0' width='120' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><a href="http://www.gametop.com/"
title="Tempat Game"><img src='gambar/GAME.jpg' BORDER='0'
width='80' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><a
href="http://www.w3schools.com/html/html_intro.asp"
title="Tutorial HTML.w3schools.com"><img
src='gambar/TUTORIAL.jpg' BORDER='0' width='90' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><a href="kumpulan%20puisi.html"
title="kumpulan Kata-kata Mutiara"><img src='gambar/KATA.jpg'
BORDER='0' width='100' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></ul></left></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td width='796' height='700'
background='gambar/zz.jpg' valign='top' ></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><p><font color="yellow"
size="5">~Dasar-dasar Membuat Website Berbasis HTML~</font></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><p align="lift"><font color="white">Nah, anda pasti
sudah banyak melihat tutorial tutorial HTML yang ada di ilmuwebsite.com. Tapi,
masih ada 1 kekurangan, tutorial HTML untuk tingkat pemula???</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">Nggak ada kan??? nah, maka dari itu, saya, Rian
hidayat, akan menjelaskan bagaimana website di bangun menggunakan tag-tag HTML,
dan ini penulis sediakan untuk pemula. Tapi sebelum itu,? ada yang perlu
diketahui.<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><a name='more'></a><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><span
id="more-712"></span><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><b>tag &lt;&gt;</b><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">digunakan untuk menuliskan sintak, ada dua jenis,
yaitu tag container dan tag biasa.<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">Tag container adalah tag yang berisi text yang akan
ditampilkan </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">setelah tag ditutup. Contoh: &lt;td&gt; text
yang ditampilkan</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">&lt;/td&gt;.<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">Tag biasa, yahh&#8230;tag aja, contoh
&lt;BR&gt; (break). &lt;br&gt; kaga perlu ditutup oleh tag
&lt;/br&gt;, tapi jika sintak yang digunakan tag container, contoh:
&lt;h1&gt;, yah mesti ditutup dengan &lt;/h1&gt;.<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">Tag yang digunakan untuk mengakhiri sintak punya
karakter /(slash) sebelum sintaknya, contohnya: &lt;td&gt;
&lt;/td&gt;<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">Kita juga dapat mengetik attribut di dalam sebuah
tag, contoh: &lt;body bgcolor=&#8221;red&#8221;&gt; &lt;/body&gt;.
atau &lt;input type=&#8221;text&#8221;&gt;.<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><b>LANGKAH 1</b><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><ul></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><li>MEMBUKA NOTEPAD.</li></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></ul></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><b>LANGKAH 2</b> <br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><ul></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><li>MENGETIKKAN SINTAK/SYNTAX.</li></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></ul></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">Berikut ini adalah syntax dasar yang membentuk suatu
HTML.<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">pertama, ketikkan<br
/>&lt;html&gt;<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">tekan enter, kemudian ketik<br
/>&lt;head&gt;<br />Dalam container head, kita bisa mengetikan
beberapa sintak, tapi yangpaling penting jangan lupa mengetikan sintak
&lt;title&gt; judul halaman web &lt;/title&gt;. Untuk sintak
lain nanti saja.<br />Sekarang ketikkan sintak title tadi, jadi seperti
ini:<br />&lt;head&gt; &lt;title&gt; judul halaman web
&lt;/title&gt; &lt;/head&gt;<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">Kemudian ketikkan &lt;body&gt;. Tag body
merupakan badan/tubuh/inti dari halaman web, tampilan web yang kita lihat itu
berasal dari &lt;body&gt;.<br />Body tuh tag container, jadi
mesti ditutup. Hasil sampai sekarang:<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">&lt;html&gt;<br
/>&lt;head&gt;<br />&lt;title&gt; Judul Halaman Web
&lt;/title&gt;<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">&lt;/head&gt;<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">&lt;body&gt;<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">&lt;/body&gt;<br />?<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">&nbsp; <br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><br />Selanjutnya bagaimana cara menampilkan
tulisan ke dalam HTML??? Ketikan sembarang text ke dalam tag body, contohnya
seperti ini :<br />&lt;body&gt;<br />Contoh text yang
ditampilin di halaman web, By: Rian Hidayat<br />&lt;/body&gt;<br
/>terus, jika sudah, ketikkan &lt;/html&gt;, script lengkapnya
seperti ini :<br />&lt;html&gt;<br
/>&lt;head&gt;<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">&lt;title&gt; Judul Halaman Web
&lt;/title&gt;<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">&lt;/head&gt;<br
/>&lt;body&gt;<br />Contoh text yang ditampilkan di halaman
web, By: Rian Hidayat<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">&lt;/body&gt;<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">&lt;/html&gt;<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">kalo udah, sekarang save dengan nama
dasarHTML.<br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">kalo udah disave, buka data yang tadi di save.<br
/>?<br />Pada bagian ini, kalian mungkin akan bingun,g karena html
yang tadi disave dan cape cape diketikkan, ternyata gagal. Malah yang terbuka
adalah file di notepad/wordpad. tau kenapa???<br />Karena ketika
men-save, file tersebut di save dalem bentuk TXT, bukan HTML. Nah cara men-save
dalem bentuk HTML yaitu: ketika mensave, ada satu tempat di bawah tempat kita
menulis nama file,? yakni Save As Type. Silahkan ubah dari text document(*.txt)
menjadi all files, ketika menulis nama, di akhir di berikan extensi .html,
contoh: dasarHTML.html.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><div style='clear: both;'></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></textarea> </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><font="left" form
method="post"
action="file:///C:/Users/COMPAQ/Documents/HTML.1/new%204.html"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><input type="hidden"
name="friendID" value="123456"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><textarea name="f_comments"
cols="40" rows="5""></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">Enter your comments here...</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></textarea><br></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><input type="submit"
value="coments" /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><input type="reset"
value="Reset" /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></form></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td width='200' height='700' bgcolor=''
valign='top'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><table align="left" width='200'
border='0' bgcolor='' bordercolor='green'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><tr align='center'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td><p><a
href="http://www.facebook.com/" target="_blank"
title="Masuk ke Facebook"> <img
src="gambar/facebook.ico" border="0" width="90"
height="70"/></a></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td><p><a
href="http://www.youtube.com/" target="_blank"
title="Masuk ke youtube"> <img
src="gambar/youtube.ico" border="0" width="90"
height="70"/></a><td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></table></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><table align='left' width='200' border='0'
bgcolor='' bordercolor='green'> </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><center></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><td width="200"
valign="top"><font color="#FFFF00" face="Cooper
Std Black"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><b>TUTORIAL HTML</b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><ul></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><li><a
href="buat%20ayat%20bergerak.html" title='membuat tulisan
bergerak'><font color='#0000FF' face='Times New Roman'>Cara membuat
tulisan bergerak</a></font></li></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><li><a href='Menbuat%20from%20komentar.html'
title='membuat from komentar'><font color='#0000FF' face='Times New
Roman'>Cara membuat from komentar</a></font></li></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><li><a href='Membuat%20login.html'
title='membuat halaman login'><font color='#0000FF' face='Times New
Roman'>Cara membuat halaman login</a></font></li></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></ul></font></table></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><tr height="50"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;">s<td colspan='2'background='gambar/zz.jpg'><center><b><marquee><font
face="Cooper Std Black" color="#00CCFF"
size="7">~ Meskipun banyak kendala dalam pembuatan desain web,
tapi tetap berusaha untuk mencapai hasil yang terbaik
~</font></b></marquee></center></td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></table><div style="position: fixed;
bottom: 0px; left: 10px;width:130px;height:160px;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><img border="0"
src="gambar/twitter.ico" title="follow my twitter"
alt="animasi bergerak gif"
/></a><small><center></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><div style="position: fixed; bottom: 0px;
right: 0px;width:100px;height:100px;"><a href='#top'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><img border="0"
src="gambar/top.png" width='50' height='50' title="Kembali ke
atas" alt="animasi bergerak gif"
/></a><small><center></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><div style="position: fixed; TOP: 0px;
right: 10px;width:130px;height:160px;"><a href='login.html'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><img border="0"
src="gambar/c.png" width='40' height='40' title="Kembali ke
login" alt="animasi bergerak gif"
/></a><small><center></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><body background='gambar/yy.jpg'></body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt; line-height: 115%;"><EMBED
SRC="MP3/I%20Won%27t%20See%20You%20Tonight%28Part1%29.swf"
AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1"
HEIGHT="1" ALIGN="CENTER"></EMBED></html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Langkah selanjutnya simpan dalam format
HTML dan buka file dengan firefox atau sejenisnya, anda bisa menganti
gambar-gambarnya sesuai yang anda inginkan, dan anda juga dapat menganti
background dan animasi yang sesuai dengan anda.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Hasilnya akan seperti pada gambar 10
berikut:</span></div>
<br />
<br />
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 42.55pt; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoid6Em45BsaKu1LCAHbemEouKZxrKF8hjnkebu4DYORILq5DatuYBejZqyg4Pu9HyKSSxypLw1Wx-i3i2BUbMXq3JfGNfTg2_Elbij8ndsbZU1Rn9gomZ-xdmQeeZflNGjssb6Ky8FRuz/s1600/Home.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoid6Em45BsaKu1LCAHbemEouKZxrKF8hjnkebu4DYORILq5DatuYBejZqyg4Pu9HyKSSxypLw1Wx-i3i2BUbMXq3JfGNfTg2_Elbij8ndsbZU1Rn9gomZ-xdmQeeZflNGjssb6Ky8FRuz/s320/Home.jpg" width="211" /></a><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"> </span></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 42.55pt; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Gambar 10. Halaman awal</span></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 42.55pt; text-align: center;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify; text-indent: -18pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">3.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">
</span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Membuat
data pribadi atau profil, buka notepad++, kemudian ketikan atau copy saja code
dibawah ini:</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <title>Profilku</title></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><link rel='icon' href='gambar/alien.ico'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <center><table
width='1000' height='400' border="0" background='gambar/xx.jpg'
cellpadding="0" cellspacing="20" ></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td
colspan="2" color="white" align='center'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><img src="gambar/1.png"
width="1000" height="400"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <tr
height="50"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td colspan='2' background='gambar/zz.jpg' align='left'
height="20"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><p><ul><ul><left><BLINK><b><font
color="#00CCFF" size="5"><img src='gambar/halo.gif'
border='0' width='40' height='40'>~ Selamat datang di website pertama saya ~
<img src='gambar/halo.gif' border='0' width='40'
height='40'></font></BLINK></b></ul></ul></p></left></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <left><ul><a
href="home.html" title="ke Rumah"><img
src='gambar/HOME.jpg' BORDER='0' width='80' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><a href="http://mp3skull.com/" title="MP3"><img
src='gambar/MP3.jpg' BORDER='0' width='80' height='30'></font></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><a href="profilku.html"
title="Profilku"><img src='gambar/PROFIL.jpg' BORDER='0'
width='90' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <a
href="html_colors.html" title="Kode Warna Pada
HTML"><img src='gambar/KODE WARNA.jpg' BORDER='0' width='120'
height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <a href="http://www.gametop.com/"
title="Tempat Game"><img src='gambar/GAME.jpg' BORDER='0'
width='80' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <a
href="http://www.w3schools.com/html/html_intro.asp"
title="Tutorial HTML.w3schools.com"><img
src='gambar/TUTORIAL.jpg' BORDER='0' width='90' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <a
href="kumpulan%20puisi.html" title="kumpulan Kata-kata
Mutiara"><img src='gambar/KATA.jpg' BORDER='0' width='100'
height='30'></a></ul></left></td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><tr><td width='796' height='700'
background='gambar/zz.jpg' valign='top' ></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <p><table
align="center" border="0" bgcolor=""
cellpadding="0" cellspacing="8" ></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><tr><td
colspan="2" align="center"><font face="Bauhaus
93" size="8"
color="#0066FF"><b>PROFILKU</b></td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <tr><br><table></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><P align="center"><font
color="#00FFFF"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <img
src="gambar/rian.JPG" border="7" width="250"
height="300"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><tr><td align="right"><font
size="5" color="#00FFFF"><b><p
align='left'>NAMA</p></b></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><font
size="5"color="#00FFFF">: Rian
Hidayat</p></td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td
align="right"><font size="5"
color="#00FFFF"><b><p
align='left'>ALAMAT</p></b></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td><font
size="4"color="#00FFFF">: Weru, Sukoharjo</td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td
align="right"><font size="5"
color="#00FFFF"><b><p
align='left'>TTL</p></b></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><font
size="5"color="#00FFFF">: Sukoharjo,
09-November-1993</td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td
align="right"><font size="5"
color="#00FFFF"><b><p
align='left'>PEKERJAAN</p></b></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><font
size="5"color="#00FFFF">:
Mahasiswa</td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td
align="right"><font size="5"
color="#00FFFF"><b><p
align='left'>HOBY</p></b></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><font
size="5"color="#00FFFF">: Tidur</td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td
align="right"><font size="5"
color="#00FFFF"><b><p
align='left'>NO.TELPONE</p></b></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><font
size="5"color="#00FFFF">:
085728282066</td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td
align="right"><font size="5"
color="#00FFFF"><b><p align='left'>EMAIL</p></b></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><font
size="5"color="#00FFFF">: </span><a href="mailto:hrian89@gmail.com%3c/td"><span style="font-family: "Courier New"; font-size: 10pt;">hrian89@gmail.com</td</span></a><span style="font-family: "Courier New"; font-size: 10pt;">></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </tr></table></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><table><P
align="center"><font color="#00FFFF"><img
src="gambar/bram.JPG" border="7" width="250"
height="300"></p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <tr><td
align="right"><font size="5"
color="#00FFFF"><b><p
align='left'>NAMA</p></b></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><font
size="5"color="#00FFFF">: Bram Putra
P.</p></td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td
align="right"><font size="5"
color="#00FFFF"><b><p
align='left'>ALAMAT</p></b></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><font
size="4"color="#00FFFF">: Laweyan, Surakarta</td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td
align="right"><font size="5"
color="#00FFFF"><b><p
align='left'>TTL</p></b></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><font
size="5"color="#00FFFF">: Surakarta,
13-April-1992</td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td
align="right"><font size="5"
color="#00FFFF"><b><p
align='left'>PEKERJAAN</p></b></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><font
size="5"color="#00FFFF">:
Mahasiswa</td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td
align="right"><font size="5"
color="#00FFFF"><b><p
align='left'>NO.TELPONE</p></b></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><font
size="5"color="#00FFFF">: XXXXXXXXXXXXXX </td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </tr></table></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td
width='200' height='700' bgcolor='' valign='top'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><table align="left" width='200'
border='0' bgcolor='' bordercolor='green'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><tr align='center'><td><p><a
href="http://www.facebook.com/" target="_blank"
title="Masuk ke Facebook"> <img
src="gambar/facebook.ico" border="0" width="90"
height="70"/></a></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td><p><a
href="http://www.youtube.com/" target="_blank"
title="Masuk ke youtube"> <img
src="gambar/youtube.ico" border="0" width="90"
height="70"/></a><td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </p></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </table></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><table align='left' width='200' border='0'
bgcolor='' bordercolor='green'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <center></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td
width="200" valign="top"><font
color="#FFFF00" face="Cooper Std Black"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <b>TUTORIAL
HTML</b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <ul><li><a
href="buat%20ayat%20bergerak.html" title='membuat tulisan
bergerak'><font color='#0000FF' face='Times New Roman'>Cara membuat
tulisan bergerak</a></font></li></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <li><a
href='Menbuat%20from%20komentar.html' title='membuat from komentar'><font
color='#0000FF' face='Times New Roman'>Cara membuat from komentar</a></font></li></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <li><a
href='Membuat%20login.html' title='membuat halaman login'><font
color='#0000FF' face='Times New Roman'>Cara membuat halaman
login</a></font></li></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </ul></font></table></td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <tr
height="50"><td colspan='2' background='gambar/zz.jpg'><center><b><marquee><font
face="Cooper Std Black" color="#00CCFF"
size="7">~ Meskipun banyak kendala dalam pembuatan desain web,
tapi tetap berusaha untuk mencapai hasil yang terbaik ~</font></b></marquee></center></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </tr></table><div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><img border="0"
src="gambar/twitter.ico" title="follow my twitter"
alt="animasi bergerak gif" /></a><small><center></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <div
style="position: fixed; bottom: 0px; right: 0px;width:100px;height:100px;"><a
href='#top'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><img border="0"
src="gambar/top.png" width='50' height='50' title="Kembali ke
atas" alt="animasi bergerak gif"
/></a><small><center></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <div
style="position: fixed; TOP: 0px; right:
10px;width:130px;height:160px;"><a href='login.html'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <img
border="0" src="gambar/c.png" width='40' height='40'
title="Kembali ke login" alt="animasi bergerak gif"
/></a><small><center></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <body
background='gambar/yy.jpg'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><EMBED
SRC="MP3/I%20Won%27t%20See%20You%20Tonight%28Part1%29.swf"
AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1"
HEIGHT="1" ALIGN="CENTER"></EMBED></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Langkah selanjutnya simpan dalam format
HTML dan buka file dengan firefox atau sejenisnya, anda bisa menganti
gambar-gambarnya sesuai yang anda inginkan, dan anda juga dapat menganti
background dan animasi yang sesuai dengan anda.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Hasilnya akan seperti pada gambar 11
berikut:</span></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 42.55pt; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCbZ7fAT64qoXoxrzL4d9kP0021EBYeIW9yj0I4ukC4OO2cp4KnFLQQ-o6HyzaCtaa4CWsd0c8bAvXlS88kdUaLGlEK-eWhJbOsCcvpu3bEA-aJ7TBZ3GYM9zCAa8HT-j7topQPfmap4tE/s1600/Profil.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCbZ7fAT64qoXoxrzL4d9kP0021EBYeIW9yj0I4ukC4OO2cp4KnFLQQ-o6HyzaCtaa4CWsd0c8bAvXlS88kdUaLGlEK-eWhJbOsCcvpu3bEA-aJ7TBZ3GYM9zCAa8HT-j7topQPfmap4tE/s320/Profil.jpg" width="174" /></a></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 42.55pt; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Gambar 11. Membuat data pribadi</span></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 42.55pt; text-align: center;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify; text-indent: -18pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">4.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">
</span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Membuat
album galery, buka notepad++, kemudian ketikan atau bisa copy saja code dibawah
ini:</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <title>Profilku</title></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><link rel='icon' href='gambar/alien.ico'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <center></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><table width='1000' height='400'
border="0" background='gambar/xx.jpg' cellpadding="0"
cellspacing="20" ></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td colspan="2" color="white"
align='center'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><img src="gambar/1.png"
width="1000" height="400"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><tr height="50"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td colspan='2' background='gambar/zz.jpg'
align='left' height="20"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><p><ul><ul><left><BLINK><b><font
color="#00CCFF" size="5"><img src='gambar/halo.gif'
border='0' width='40' height='40'>~ Selamat datang di website pertama saya ~
<img src='gambar/halo.gif' border='0' width='40'
height='40'></font></BLINK></b></ul></ul></p></left></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <left></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <ul><a
href="home.html" title="ke Rumah"><img
src='gambar/HOME.jpg' BORDER='0' width='80' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <a
href="http://mp3skull.com/"
title="MP3"><img src='gambar/MP3.jpg' BORDER='0'
width='80' height='30'></font></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <a
href="profilku.html" title="Profilku"><img
src='gambar/PROFIL.jpg' BORDER='0' width='90' height='30'></a> <a href="html_colors.html"
title="Kode Warna Pada HTML"><img src='gambar/KODE WARNA.jpg'
BORDER='0' width='120' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <a
href="http://www.gametop.com/" title="Tempat
Game"><img src='gambar/GAME.jpg' BORDER='0' width='80'
height='30'></a> <a
href="http://www.w3schools.com/html/html_intro.asp"
title="Tutorial HTML.w3schools.com"><img
src='gambar/TUTORIAL.jpg' BORDER='0' width='90' height='30'></a> <a href="kumpulan%20puisi.html"
title="kumpulan Kata-kata Mutiara"><img src='gambar/KATA.jpg'
BORDER='0' width='100' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </ul></left></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td width='796' height='700'
background='gambar/zz.jpg' valign='top' ></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <p><table
align="center" border="0" bgcolor=""
cellpadding="0" cellspacing="8" ></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><p><b><center><font
face="Bauhaus 93" size="7" color='#0000FF'>Galery</font></center></b></p><b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><table color="blue"
align="center" border="9px"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><tr><p align="center"><font
color="#00FFFF" size='6'>Album Kegiatan Teknisi</font></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><img
src="file:///D:/Tugas%20HTML/Gambar/a.png" border="3"
width="300" height="300" /></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><img
src="file:///D:/Tugas%20HTML/Gambar/b.png" border="3"
width="300" height="300" /></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <tr><td><img
src="file:///D:/Tugas%20HTML/Gambar/c.png" border="3"
width="300" height="300" /></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><img
src="file:///D:/Tugas%20HTML/Gambar/d.png" border="3"
width="300" height="300" /></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <tr><td><img
src="file:///D:/Tugas%20HTML/Gambar/e.png" border="2"
width="300" height="300" /></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><img
src="file:///D:/Tugas%20HTML/Gambar/f.png" border="3"
width="300" height="300" /></td></p></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></table></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td width='200' height='700' bgcolor=''
valign='top'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <table
align="left" width='200' border='0' bgcolor=''
bordercolor='green'><tr align='center'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><p><a
href="http://www.facebook.com/" target="_blank"
title="Masuk ke Facebook"> <img
src="gambar/facebook.ico" border="0" width="90"
height="70"/></a></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><p><a
href="http://www.youtube.com/" target="_blank"
title="Masuk ke youtube"> <img
src="gambar/youtube.ico" border="0" width="90"
height="70"/></a><td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </p></tr></table></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><table align='left' width='200' border='0'
bgcolor='' bordercolor='green'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <center></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td width="200"
valign="top"><font color="#FFFF00" face="Cooper
Std Black"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <b>TUTORIAL
HTML</b><ul></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <li><a
href="buat%20ayat%20bergerak.html" title='membuat tulisan
bergerak'><font color='#0000FF' face='Times New Roman'>Cara membuat
tulisan bergerak</a></font></li></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <li><a
href='Menbuat%20from%20komentar.html' title='membuat from komentar'><font
color='#0000FF' face='Times New Roman'>Cara membuat from komentar</a></font></li></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <li><a
href='Membuat%20login.html' title='membuat halaman login'><font
color='#0000FF' face='Times New Roman'>Cara membuat halaman
login</a></font></li></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </ul></font></table></td></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><tr height="50"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td colspan='2' background='gambar/zz.jpg'><center><b><marquee><font
face="Cooper Std Black" color="#00CCFF"
size="7">~ Meskipun banyak kendala dalam pembuatan desain web,
tapi tetap berusaha untuk mencapai hasil yang terbaik ~</font></b></marquee></center></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </tr></table></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div style="position: fixed; bottom: 0px;
left: 10px;width:130px;height:160px;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><img border="0"
src="gambar/twitter.ico" title="follow my twitter"
alt="animasi bergerak gif"
/></a><small><center></div> <div style="position: fixed; bottom: 0px; right:
0px;width:100px;height:100px;"><a href='#top'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <img
border="0" src="gambar/top.png" width='50' height='50'
title="Kembali ke atas" alt="animasi bergerak gif"
/></a><small><center></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div style="position: fixed; TOP: 0px;
right: 10px;width:130px;height:160px;"><a href='login.html'><img
border="0" src="gambar/c.png" width='40' height='40'
title="Kembali ke login" alt="animasi bergerak gif"
/></a><small><center></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><body background='gambar/yy.jpg'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><EMBED
SRC="MP3/I%20Won%27t%20See%20You%20Tonight%28Part1%29.swf"
AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1"
HEIGHT="1" ALIGN="CENTER"></EMBED></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Langkah selanjutnya simpan dalam format
HTML dan buka file dengan firefox atau sejenisnya, anda bisa menganti
gambar-gambarnya sesuai yang anda inginkan, dan anda juga dapat menganti
background dan animasi yang sesuai dengan anda.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Hasilnya akan seperti pada gambar 12
berikut:</span></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 42.55pt; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_DR5uRGX-m_uqsRgtiuUG8EIQ7fgPdFXyRJ027155LcrJCRP5sETMUEuetirBJNBT8DSYgRGXUhpfkaDkSAAtRZitYIK39XvPGaZpbY4RTIYGgUkkIQMhlcVXjyaTkZepkmPjFjXw7drX/s1600/album.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_DR5uRGX-m_uqsRgtiuUG8EIQ7fgPdFXyRJ027155LcrJCRP5sETMUEuetirBJNBT8DSYgRGXUhpfkaDkSAAtRZitYIK39XvPGaZpbY4RTIYGgUkkIQMhlcVXjyaTkZepkmPjFjXw7drX/s320/album.jpg" width="208" /></a></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 42.55pt; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Gambar 12. Galery</span></div>
<div align="center" class="MsoListParagraphCxSpMiddle" style="margin-left: 42.55pt; text-align: center;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify; text-indent: -18pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">5.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">
</span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Membuat
artikel html tentang cara membuat tulisan bergerak, buka notepad++, kemudian
ketikan atau copy saja code dibawah ini:</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <title>Cara
membuat tulisan bergerak</title></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><link rel='icon' href='gambar/alien.ico'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></head></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <center></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><table width='1000' height='400'
border="0" background='gambar/xx.jpg' cellpadding="0"
cellspacing="20" ></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td colspan="2" color="white"
align='center'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><img src="gambar/1.png"
width="1000" height="400"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><tr height="50"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td colspan='2' background='gambar/zz.jpg'
align='left' height="20"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><p><ul><ul><left><BLINK><b><font
color="#00CCFF" size="5"><img src='gambar/halo.gif'
border='0' width='40' height='40'>~ Selamat datang di website pertama saya ~
<img src='gambar/halo.gif' border='0' width='40'
height='40'></font></BLINK></b></ul></ul></p></left></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><left></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <ul><a
href="home.html" title="ke Rumah"><img src='gambar/HOME.jpg'
BORDER='0' width='80' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <a
href="http://mp3skull.com/"
title="MP3"><img src='gambar/MP3.jpg' BORDER='0'
width='80' height='30'></font></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <a
href="profilku.html" title="Profilku"><img
src='gambar/PROFIL.jpg' BORDER='0' width='90' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <a
href="html_colors.html" title="Kode Warna Pada
HTML"><img src='gambar/KODE WARNA.jpg' BORDER='0' width='120'
height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <a
href="http://www.gametop.com/" title="Tempat
Game"><img src='gambar/GAME.jpg' BORDER='0' width='80'
height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <a
href="http://www.w3schools.com/html/html_intro.asp"
title="Tutorial HTML.w3schools.com"><img
src='gambar/TUTORIAL.jpg' BORDER='0' width='90' height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <a
href="kumpulan%20puisi.html" title="kumpulan Kata-kata
Mutiara"><img src='gambar/KATA.jpg' BORDER='0' width='100'
height='30'></a></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </ul></left></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td width='796' height='700'
background='gambar/zz.jpg' valign='top' ></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><b><center><span
style="font-size: large;" align='center'><font color='#0066FF' size='5'>Tutorial
Membuat Tulisan Menjadi
Bergerak</font></span></center></b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br /><font color='#00FFFF'>Marquee tag
digunakan untuk menggerakkan sama ada perkataan ataupun gambar. Dalam contoh
ini, saya akan tunjukkan beberapa cara untuk menggunakan Marquee tag ini untuk
menggerakkan tulisan anda.</font><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div style="color: #FFFF00;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><marquee direction="down"
height="50"><center></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><b>Teks Bergerak Ke
Bawah...</b></center></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></marquee></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div style="color: #FFFF00;"><marquee
direction="right"><b>Teks Bergerak Ke
Kanan...</b></marquee></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div style="color: #FFFF00;"><marquee
direction="left"><b>Teks Bergerak Ke
Kiri...</b></marquee></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div style="color: #FFFF00;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><marquee direction="up"
height="50"><center></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><b>Teks Bergerak Ke
Atas...</b></center></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></marquee></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><a name='more'></a><br /><br
/><span style="font-size: large;"><font
color='#00FFFF'><b>1.</b></span> Seperti yang anda lihat
di atas, Teks ini bergerak ke kiri dan ke kanan. Anda boleh gunakan kode
dibawah ini untuk melakukan tricks tersebut.</font><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div class="code"><br
/><span style="color: white;">&lt;marquee
direction="</span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><b><span style="color:
#FFFF00;">right</span></b><span style="color:
white;">"&gt;This text scrolls right...&lt;/marquee&gt;</span></div><br
/></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br /><font color='#00FFFF'>Apa yang
anda perlukan, gantikan teks yang bewarna <b><span style="color:#FFFF00;">kuning</span></b>
kepada arah mana anda akan teks tu Scroll. Anda boleh pilih sama ada - up,
down, right, left.</font><br /><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div style="color:
#FF0000;"><marquee scrollamount="30"><b>Teks ini
Macam Ferari..</b></marquee></div><br /><span
style="font-size: large;"><font
color='#00FFFF'><b>2.</b></span> Anda boleh mengubah
kelajuan teks dengan menggunakan kod di bawah ni.</font></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br /><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div class="code"><br
/><span style="color: white;">&lt;marquee
scrollamount="</span><b><span
style="color:#FF6600;">30</span></b><span
style="color: white;">"&gt;</span><span
style="color: #FF0000;">Teks ni Macam
Ferari..</span><span style="color:
white;">&lt;/marquee&gt;</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></span></div><br /><br
/><font color='#00FFFF'>Ubah nomer yang bewarna <b><span
style="color:#FF6600;">Oren</span></b> untuk mengubah
kelajuan.</font></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br /><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div style="color: #f1c232;"><marquee
scrolldelay="300"><b>Teks ini seperti
Siput..</b></marquee></div><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div class="code"><br/><span
style="color: white;">&lt;marquee
scrolldelay="</span><b><span
style="color:#00FF00;">300</span></b><span
style="color: white;">"&gt;Teks ini seperti
Siput..&lt;/marquee&gt;</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></span></div><br /><br
/><b><span style="font-size: large;"><font
color='#00FFFF'>3.</span></b> Ubah nomer yang bewarna
<b><span style="color:#00FF00;">hijau</span></b>
untuk mengubah kelajuan.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></font><br /><br /><div
style="color: #6600CC;"><marquee
behavior="alternate"><b>Teks ini
Melantun</b></marquee></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></div><br /><font
color='#00FFFF'>Untuk membuatkan teks anda melantun seperti di atas ini.
Gunakan kode di bawah.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></font><br /><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div class="code"><br
/><span style="color: white;">&lt;marquee
behavior="alternate"&gt;</span><b style="color:
#6600CC;">Teks ini Melantun</b><span style="color:
white;">&lt;/marquee&gt;</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></span></div><br /><br
/><b><font color='#00FFFF'>4.</b> Ok. Seterusnya cara
untuk menetapkan ruangan untuk Marquee bergerak</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></font><br /><br /><div
style="color: #0066FF;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><marquee width="200"><b>Teks
ini bergerak dalam kelebaran 200
width</b></marquee></div><br /><div
class="code"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><span style="color:
white;">&lt;marquee width="</span><span
style="color: #00FF00;">200</span><span
style="color: white;">"&gt;Teks ini bergerak dalam
kelebaran 200 width&lt;/marquee&gt;</span></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br /><font color='#00FFFF'>Anda boleh
tentukan width mengikut kesukaan anda dengan menukarkan nomer yang bewarna
<b><span style="color:
#00FF00;">hijau</span></b>.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></font><br /><br /><span
style="font-size: large;"><b><font
color='#00FFFF'>5.</b></span> Seterusnya saya akan menggabungkan
beberapa kode Marquee ini bersama.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></font><br /><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div style="color: #33FF33;"><marquee
behavior=”alternate” scrollamount=”30” width=”400”><b>Teks Paling
Awesome</b></marquee></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br /><font color='#00FFFF'>Ini
merupakan kode yang saya gunakan untuk membuat teks bergerak seperti yang di
atas.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></font><br /><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div class="code"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><span style="color:
white;">&lt;marquee behavior="alternate"
width="400" scrollamount="30"&gt;</span><b
style="color: #33FF33;">Teks Paling Awesome</b><span
style="color: white;">&lt;/marquee&gt;</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></span></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><br /><font color='#00FFFF'>Sekarang, anda
boleh coba dalam blog anda, anda juga boleh gabungkan kode-kode marquee ini
mengikut kesukaan anda masing-masing.<br /></font><br
/></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td width='200' height='700' bgcolor=''
valign='top'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <table
align="left" width='200' border='0' bgcolor='' bordercolor='green'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <tr
align='center'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <td><p><a
href="http://www.facebook.com/" target="_blank"
title="Masuk ke Facebook"> <img
src="gambar/facebook.ico" border="0" width="90"
height="70"/></a></td><td><p><a
href="http://www.youtube.com/" target="_blank" title="Masuk
ke youtube"> <img src="gambar/youtube.ico"
border="0" width="90"
height="70"/></a><td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </p></tr></table></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <table
align='left' width='200' border='0' bgcolor='' bordercolor='green'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;">
<center></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><td width="200"
valign="top"><font color="#FFFF00" face="Cooper
Std Black"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <b>TUTORIAL
HTML</b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <ul><li><a
href="buat%20ayat%20bergerak.html" title='membuat tulisan
bergerak'><font color='#0000FF' face='Times New Roman'>Cara membuat
tulisan bergerak</a></font></li></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <li><a
href='Menbuat%20from%20komentar.html' title='membuat from komentar'><font
color='#0000FF' face='Times New Roman'>Cara membuat from
komentar</a></font></li></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> <li><a
href='Membuat%20login.html' title='membuat halaman login'><font
color='#0000FF' face='Times New Roman'>Cara membuat halaman
login</a></font></li></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"> </ul></font></table></td></tr><tr
height="50"><td colspan='2'
background='gambar/zz.jpg'><center><b><marquee><font
face="Cooper Std Black" color="#00CCFF"
size="7">~ Meskipun banyak kendala dalam pembuatan desain web,
tapi tetap berusaha untuk mencapai hasil yang terbaik
~</font></b></marquee></center></td></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></tr></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></table></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div style="position: fixed; bottom: 0px;
left: 10px;width:130px;height:160px;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><img border="0"
src="gambar/twitter.ico" title="follow my twitter"
alt="animasi bergerak gif" /></a><small><center></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div style="position: fixed; bottom: 0px;
right: 0px;width:100px;height:100px;"><a href='#top'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><img border="0"
src="gambar/top.png" width='50' height='50' title="Kembali ke
atas" alt="animasi bergerak gif"
/></a><small><center></div></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><div style="position: fixed; TOP: 0px;
right: 10px;width:130px;height:160px;"><a href='login.html'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><img border="0"
src="gambar/c.png" width='40' height='40' title="Kembali ke
login" alt="animasi bergerak gif" /></a><small><center></div><body
background='gambar/yy.jpg'></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></body></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"><EMBED SRC="MP3/A7x_Afterlife.swf"
AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1"
HEIGHT="1" ALIGN="CENTER"></EMBED></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Courier New"; font-size: 10pt;"></html></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Langkah selanjutnya simpan dalam format
HTML dan buka file dengan firefox atau sejenisnya, anda bisa menganti
gambar-gambarnya sesuai yang anda inginkan, dan anda juga dapat menganti
background dan animasi yang sesuai dengan anda.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0cm 0cm 0.0001pt 39.3pt; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Hasilnya akan seperti pada gambar 12
berikut:</span></div>
<br />
<div align="center" class="MsoNormal" style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj87epWGAOpQbYX1c7h3eDtUvir8GZDqjU01Rm8sfR4ICmr3gJdZXRmG4hEZSz8rleTev8amPGp9hDowkHoGMp0EiuhuW9X6zyFS5YKH1wpYmhpABrYMBWrqPJzTZBsXE2S3yFMjFCx1NjJ/s1600/tulisan+bergerak.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj87epWGAOpQbYX1c7h3eDtUvir8GZDqjU01Rm8sfR4ICmr3gJdZXRmG4hEZSz8rleTev8amPGp9hDowkHoGMp0EiuhuW9X6zyFS5YKH1wpYmhpABrYMBWrqPJzTZBsXE2S3yFMjFCx1NjJ/s320/tulisan+bergerak.jpg" width="172" /></a></div>
</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-49508388131433718032016-12-25T00:24:00.000-08:002016-12-25T00:24:14.389-08:00Cara Membuat Tombol Submit dan Reset<div dir="ltr" style="text-align: left;" trbidi="on">
Sampailah kita pada bagian akhir pembuatan form dengan <span style="color: lime;">HTML</span>. Apalagi
kalau bukan tombol submit dan reset. Sebenarnya, saya sudah menjelaskan
tentang tombol submit ini di pelajaran tentang input data, hanya saja
mungkin anda belum terfokus kesana sehingga saya perlu untuk menjelaskan
lebih lanjut disini.<br />
Untuk membuat tombol submit, kita menggunakan kode seperti ini:<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><input type="submit" value="Kirimkan"/</span>></pre>
<br />
Sedangkan untuk tombol reset, kita menggunakan kode:<span id="more-48"></span><br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><input type="reset" value="Hapus Form"/></span></pre>
<br />
Kata-kata <code>Kirimkan</code> dan <code>Hapus Form</code> bisa anda ganti dengan kata-kata yang lainnya sesuka hati.<br />
<h3>
Submit Menggunakan Gambar</h3>
Sekarang kita akan mencoba membuat tombol submit menggunakan gambar.
Caranya hampir sama, hanya saja kita sekarang menggunakan type=”image”.
Contohnya seperti ini: <span style="color: lime;"><input type="image" src="file-gambar.jpg" width="55" height="22"/></span><br />
<br />
file-gambar.jpg harus anda ganti dengan gambar anda sendiri. width
dan height adalah ukuran lebar dan tinggi gambar dalam satuan pixel.<br />
<br />
Nah, dengan berakhirnya artikel tentang tombol submit ini, maka berakhir jugalah rangkaian pelajaran tentang <span style="color: red;">membuat form</span> ini. Insya Allah nanti kita akan bahas elemen-elemen HTML yang lain.</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-14119972711003307732016-12-25T00:07:00.000-08:002016-12-25T00:13:21.558-08:00Cara Memasukkan Halaman Lain dengan iFrame<div dir="ltr" style="text-align: left;" trbidi="on">
Pada artikel kali ini kita akan mencoba
memasukkan halaman lain atau web lain ke dalam sebuah kotak di dalam
halaman web kita. Dengan begitu, kita bisa menampilkan web lain di web
kita tanpa takut kehilangan tampilan asli web.<br />
Sebagai contoh saya ingin menampilkan halaman 4shared di artikel seperti ini:<span id="more-62"></span><br />
<br />
<iframe height="400" src="https://m.4shared.com/" width="100%"><br />
Browser anda tidak support frame<br />
</iframe><br />
<br />
Keren bukan? <br />
Dan inilah kode untuk menampilkan iframe seperti diatas:<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><iframe src="http://m.4shared.com/" width="100%" height="400">
Browser anda tidak support frame
</iframe></span>
</pre>
<br />
iframe memiliki beberapa atribut. Dalam contoh diatas saya menggunaka
atribut SRC untuk menentukan halaman apa yang ingin dimuat, <span style="color: cyan;">WIDTH</span>
adalah lebar frame-nya dan <span style="color: cyan;">HEIGHT</span> adalah tinggi.<br />
Selain itu ada beberapa atribut lain yaitu:<br />
<br />
<table border="1" cellpadding="0" cellspacing="0" class="reference" style="width: 100%px;">
<tbody>
<tr>
<th align="left" width="17%">Attribute</th>
<th align="left" width="15%">Value</th>
<th align="left" width="63%">Description</th>
<th align="left" width="5%">DTD</th>
</tr>
<tr>
<td>align</td>
<td>left<br />
right<br />
top<br />
middle<br />
bottom</td>
<td><span class="deprecated">Deprecated.</span> Use styles instead.<br />
Specifies the alignment of an iframe according to surrounding elements</td>
<td>TF</td>
</tr>
<tr>
<td>frameborder</td>
<td>1<br />
0</td>
<td>Specifies whether or not to display a border around an<br />
iframe</td>
<td>TF</td>
</tr>
<tr>
<td>height</td>
<td><i>pixels<br />
</i><i> %</i></td>
<td>Specifies the height of an iframe</td>
<td>TF</td>
</tr>
<tr>
<td>longdesc</td>
<td><i>URL</i></td>
<td>Specifies a page that contains a long description of the<br />
content of an iframe</td>
<td>TF</td>
</tr>
<tr>
<td>marginheight</td>
<td><i>pixels</i></td>
<td>Specifies the top and bottom margins of an iframe</td>
<td>TF</td>
</tr>
<tr>
<td>marginwidth</td>
<td><i>pixels</i></td>
<td>Specifies the left and right margins of an iframe</td>
<td>TF</td>
</tr>
<tr>
<td>name</td>
<td><i>name</i></td>
<td>Specifies the name of an iframe</td>
<td>TF</td>
</tr>
<tr>
<td>scrolling</td>
<td>yes<br />
no<br />
auto</td>
<td>Specifies whether or not to display scrollbars in an iframe</td>
<td>TF</td>
</tr>
<tr>
<td>src</td>
<td><i>URL</i></td>
<td>Specifies the URL of the document to show in an iframe</td>
<td>TF</td>
</tr>
<tr>
<td>width</td>
<td><i>pixels<br />
%</i></td>
<td>Specifies the width of an iframe</td>
<td>TF</td>
</tr>
</tbody></table>
<br />
Mudah-mudahan bermanfaat ya</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-32334490908927149142016-12-23T23:08:00.000-08:002016-12-23T23:08:24.967-08:00Cara Mengelola Form Isian (Kalkulator PHP)<div dir="ltr" style="text-align: left;" trbidi="on">
Kali ini kita belajar sesuatu yang lebih menarik. Kita akan coba
membuat sebuah script sederhana yang bisa mengelola isian form.
Pelajaran soal <span style="color: orange;">form dan elemen-elemennya</span> bisa anda pelajari di bagian <span style="color: cyan;"><a href="http://adf.ly/1h1LAD" rel="nofollow">HTML</a></span>.<br />
Sebagai bahan belajar pertama, kita bikin sebuah script kalkulator sederhana. Oke, kita buat dulu form-nya seperti ini:<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><form action="" method="post">
<h2>Kalkulator Online</h2>
<input type="text" name="angka1" size="5" />
<select name="operasi">
<option value="*">x</option>
<option value="/">:</option>
<option value="+">+</option>
<option value="-">-</option>
</select>
<input type="text" name="angka2" size="5" />
<input type="submit" value="Hasil =" />
</form></span>
</pre>
<br />
<span id="more-98"></span><br />
Nah simpan dengan nama kalkulator.php, kalau anda jalankan, maka dia
akan menampilkan form kalkulator biasa. Sekarang mari kita buat script
pengolahnya. Kita tempatkan sebelum kode <code></form></code> agar hasilnya muncul disana.<br />
<br />
<br />
<pre class="”php”" name="”code”"><span style="color: lime;"><?php
if ($_POST[angka1] && $_POST[angka2]) {
if ($_POST[operasi] == '*') {
echo $_POST[angka1]*$_POST[angka2];
} elseif ($_POST[operasi] == '/') {
echo $_POST[angka1]/$_POST[angka2];
} elseif ($_POST[operasi] == '+') {
echo $_POST[angka1]+$_POST[angka2];
} elseif ($_POST[operasi] == '-') {
echo $_POST[angka1]-$_POST[angka2];
}
}
?></span>
</pre>
<br />
Sekarang coba anda jalankan. Tinggal masukkan angka di box yang
tersedia lalu memilih operasinya. Sekarang anda sudah punya kalkulator
sederhana menggunakan PHP hehehe… Anda tentu bisa menerapkannya untuk
kalkulator yang lain misalnya kalkulator untuk menghitung luas segitiga,
luas lingkaran, volume bangun, dll. Tinggal memasukkan saja rumusnya di
pemrosesannya.<br />
Oke, saya jelaskan dulu soal variabel <code>$_POST</code> yang kita
pakai. Karena form action itu memiliki 2 method yaitu <span style="color: orange;">POST</span> dan <span style="color: orange;">GET</span>, maka
variabelnya-pun ada 2 macam yaitu <span style="color: orange;">$_POST</span> dan <span style="color: orange;">$_GET</span>. Pada contoh diatas,
form actionnya kita pakai <span style="color: orange;">POST</span> sehingga pemrosesnya harus memakai
<span style="color: orange;">$_POST</span>.<br />
Untuk string di dalam kurung kotak, adalah name dari input fieldnya. Misalnya input pertama namenya kan <code>angka1</code>, maka variabel yang menunjukkan hasil input itu namanya <code>$_POST[angka1]</code>. Untuk input-input yang lain juga sama.<br />
<br />
Dalam memproses kita tetapkan persyaratan sebelum proses dilakukan
yaitu isian untuk angka1 dan angka2 harus ada. Untuk operasi tidak perlu
kita cek karena secara default pasti ada karena menggunakan perintah
select. Selamat mencoba !!</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-45864145867825193322016-12-23T23:03:00.002-08:002016-12-23T23:04:49.180-08:00Cara Mengirim Email dengan PHP<div dir="ltr" style="text-align: left;" trbidi="on">
Hari ini kita coba sesuatu yang akan sering kita manfaatkan nanti
yaitu mengirimkan email. Kita akan buat sebuah aplikasi sederhana untuk
mengirimkan email. Tapi harus diingat bahwa pengiriman email menggunakan
PHP sebenarnya tidak disarankan karena biasanya akan di blokir oleh
pengolah email dan masuk ke spam folder. Tapi karena untuk latihan,
nggak masalah deh kita coba.<br />
<span style="color: red;">Pertama: </span> kita masukkan dulu konten email dalam beberapa variabel<span id="more-111"></span><br />
<br />
<pre class="”php”" name="”code”"><span style="color: lime;">$penerima = 'penerimaemail@yahoo.com';
$judulemail = 'Test Kirim Email';
$isiemail = 'Coba kirim email dengan menggunakan PHP';</span>
</pre>
<br />
Dari nama variabel sudah tahu kan itu isinya apa aja? Oke, sekarang
kita perlu membuat header email. Header ini adalah informasi awal
tentang email yang akan kita kirimkan. Biasanya berisi data pengirim, cc
atau bcc. Headernya kita buat berisi nama pengirim aja ya. Contohnya
seperti ini:<br />
<br />
<pre class="”php”" name="”code”"><span style="color: lime;">$header = 'From:Nama Anda<emailanda@yahoo.com';</span>
</pre>
<br />
Jika sudah, sekarang kita jalankan perintah pengiriman emailnya:<br />
<br />
<pre class="”php”" name="”code”"><span style="color: lime;">@mail($penerima, $judulemail, $isiemail, $header);</span>
</pre>
<br />
<br />
Kita beri tanda <span style="color: lime;">@</span> di depan untuk jaga2 apabila server kita tidak
mendukung pengiriman email, maka pesan errornya akan disembunyikan. </div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-27527189000059345822016-12-14T23:28:00.000-08:002016-12-14T23:28:22.512-08:00Cara Membuat Subscribe Untuk Blog<div dir="ltr" style="text-align: left;" trbidi="on">
Di bawah ini adalah beberapa langkah cara membuat subscribe untuk blog yuk kita ikuti apa saja langkah-langkahnya :<br />
<br />
<span style="color: orange;">Langkah Pertama :</span><br />
-Letakan CSS di bawah ini pada : >template>Edit HTML,Letakan di bawah kode : <b></style></b>.<br />
=============================================<br />
<span style="color: lime;"><span class="token selector"><span class="class">.allof</span> </span><span class="token punctuation"><span class="rules">{</span></span></span><br />
<pre class=" language-css"><code class=" language-css"><span style="color: lime;"><span class="rules"> <span class="token property"><span class="rule"><span class="attribute">text-align</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value">center</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">font-size</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"><span class="number">16</span>px</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">font-family</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="token string"><span class="value"><span class="string">'tahoma'</span></span></span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">font-style</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value">bold</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">color</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"><span class="hexcolor">#fff</span></span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">background</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"><span class="number">#444</span></span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">padding</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"><span class="number">15</span>px
</span><span class="token punctuation">}</span></span><span class="token punctuation"></span></span><span class="token punctuation"></span>
<span class="token selector"><span class="class">.mybutton</span> </span><span class="token punctuation"><span class="rules">{</span></span><span class="rules">
<span class="token property"><span class="rule"><span class="attribute">background</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"> <span class="hexcolor">#FF9900</span></span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">font-size</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"> <span class="number">17</span>px</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">color</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"><span class="hexcolor">#fff</span></span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">height</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"> <span class="number">40</span>px</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">border</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value">none</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">text-transform</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value">uppercase</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">cursor</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"> pointer</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">width</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"><span class="number">95</span>%</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">border-radius</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"><span class="number">3</span>px</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">transition</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value">all <span class="number">400</span>ms ease
</span><span class="token punctuation">}</span></span><span class="token punctuation"></span></span><span class="token punctuation"></span>
<span class="token selector"><span class="class">.mybutton</span><span class="pseudo">:hover</span> </span><span class="token punctuation"><span class="rules">{</span></span><span class="rules">
<span class="token property"><span class="rule"><span class="attribute">background</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"><span class="hexcolor">#FFB039</span>
</span><span class="token punctuation">}</span></span><span class="token punctuation"></span></span><span class="token punctuation"></span>
<span class="token selector"><span class="class">.enter</span> </span><span class="token punctuation"><span class="rules">{</span></span><span class="rules">
<span class="token property"><span class="rule"><span class="attribute">background</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"> <span class="hexcolor">#eee</span> <span class="token important"><span class="important">!important</span></span></span><span class="token important"></span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">color</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"> <span class="number">#555</span></span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">font-size</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"> <span class="number">15</span>px</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">height</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"> <span class="number">30</span>px</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">width</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"> <span class="number">93</span>%</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">border-radius</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"><span class="number">3</span>px</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">padding</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"><span class="number">7</span>px</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">border</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value">none</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">transition</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value">all <span class="number">400</span>ms linear</span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">margin</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"><span class="number">10</span>px <span class="number">0</span> <span class="number">10</span>px <span class="number">0</span>
</span><span class="token punctuation">}</span></span><span class="token punctuation"></span></span><span class="token punctuation"></span>
<span class="token selector"><span class="class">.enter</span><span class="pseudo">:focus</span> </span><span class="token punctuation"><span class="rules">{</span></span><span class="rules">
<span class="token property"><span class="rule"><span class="attribute">background</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value"><span class="hexcolor">#ffffff</span> <span class="token important"><span class="important">!important</span></span></span><span class="token important"></span><span class="token punctuation">;</span></span><span class="token punctuation"></span>
<span class="token property"><span class="rule"><span class="attribute">outline</span></span></span><span class="rule"><span class="token punctuation">:</span><span class="value">none
</span><span class="token punctuation">}</span></span></span></span></code></pre>
<pre class=" language-css"><code class=" language-css"><span class="rules"><span class="rule"><span class="token punctuation">
</span></span></span></code></pre>
<pre class=" language-css"><code class=" language-css"><span class="rules"><span class="rule"><span class="token punctuation">=============================================</span></span></span></code></pre>
<pre class=" language-css"><code class=" language-css"><span class="rules"><span class="rule"><span class="token punctuation">
</span></span></span></code></pre>
<pre class=" language-css"><code class=" language-css"><span class="rules"><span class="rule"><span class="token punctuation"><span style="color: orange;">Langkah Kedua :</span></span></span></span></code></pre>
<pre class=" language-css"><code class=" language-css"><span class="rules"><span class="rule"><span class="token punctuation"> -Letakan HTML ini di >Tata letak/Layout>>Add gadget>></span></span></span></code></pre>
<pre class=" language-css"><code class=" language-css"><span class="rules"><span class="rule"><span class="token punctuation"> Pilih HTML/JavaScript>></span></span></span></code>Pastekan Kode di Bawah ini :</pre>
<pre class=" language-css">
</pre>
<pre class=" language-css"><span style="color: lime;"><span class="token punctuation"><span class="tag"><</span></span><span class="tag"><span class="title">div</span></span><span class="tag"> <span class="token attr-name"><span class="attribute">class</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'allof'</span></span><span class="token punctuation">></span></span><span class="token punctuation"></span>Dapatkan artikel terbaru dari Blog ini </span></pre>
<pre class=" language-css"><span style="color: lime;">di Inbox Kamu!</span></pre>
<pre class=" language-markup"><code class=" language-markup xml"><span style="color: lime;"> <span class="token tag"><span class="token tag"><span class="token punctuation"><span class="tag"><</span></span><span class="tag"><span class="title">form</span></span></span><span class="tag"> <span class="token attr-name"><span class="attribute">action</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'http://feedburner.google.com/fb/a/</span></span></span></span></span></code></pre>
<pre class=" language-markup"><code class=" language-markup xml"><span class="token tag"><span class="tag"><span style="color: lime;"><span class="token attr-value"><span class="value">mailverify?uri<span class="token punctuation">=</span>TeknologiKomputerAnakSasak'</span></span> <span class="token attr-name"><span class="attribute">method</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'post'</span></span> </span></span></span></code></pre>
<pre class=" language-markup"><code class=" language-markup xml"><span class="token tag"><span class="tag"><span style="color: lime;"><span class="token attr-name"><span class="attribute">onsubmit</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'window.open(&apos;http://feedburner.google.com</span></span></span></span></span></code></pre>
<pre class=" language-markup"><code class=" language-markup xml"><span class="token tag"><span class="tag"><span class="token attr-value"><span class="value"><span style="color: lime;">/fb/a/mailverify?uri<span class="token punctuation">=</span>TeknologiKomputerAnakSasak&apos;, </span></span></span></span></span></code></pre>
<pre class=" language-markup"><code class=" language-markup xml"><span class="token tag"><span class="tag"><span class="token attr-value"><span class="value"><span style="color: lime;">&apos;popupwindow&apos;, &apos;scrollbars<span class="token punctuation">=</span>yes,width<span class="token punctuation">=</span>550,</span></span></span></span></span></code></pre>
<pre class=" language-markup"><code class=" language-markup xml"><span style="color: lime;"><span class="token tag"><span class="tag"><span class="token attr-value"><span class="value">height<span class="token punctuation">=</span>520&apos;);return true'</span></span> <span class="token attr-name"><span class="attribute">target</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'popupwindow'</span></span><span class="token punctuation">></span></span><span class="token punctuation"></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><span class="tag"><</span></span><span class="tag"><span class="title">input</span></span></span><span class="tag"> <span class="token attr-name"><span class="attribute">class</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'enter'</span></span> <span class="token attr-name"><span class="attribute">name</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'email'</span></span> <span class="token attr-name"><span class="attribute">onblur</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'</span></span></span></span></span></code></pre>
<pre class=" language-markup"><code class=" language-markup xml"><span class="token tag"><span class="tag"><span class="token attr-value"><span class="value"><span style="color: lime;">if (this.value <span class="token punctuation">=</span><span class="token punctuation">=</span> &quot;&quot;) {this.value <span class="token punctuation">=</span> &quot;Enter </span></span></span></span></span></code></pre>
<pre class=" language-markup"><code class=" language-markup xml"><span class="token tag"><span class="tag"><span style="color: lime;"><span class="token attr-value"><span class="value">your email....&quot;;}'</span></span> <span class="token attr-name"><span class="attribute">onfocus</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'if (this.value <span class="token punctuation">=</span><span class="token punctuation">=</span> &quot;</span></span></span></span></span></code></pre>
<pre class=" language-markup"><code class=" language-markup xml"><span class="token tag"><span class="tag"><span style="color: lime;"><span class="token attr-value"><span class="value">Enter your email....&quot;) {this.value <span class="token punctuation">=</span> &quot;&quot;;}'</span></span> </span></span></span></code></pre>
<pre class=" language-markup"><code class=" language-markup xml"><span style="color: lime;"><span class="token tag"><span class="tag"><span class="token attr-name"><span class="attribute">type</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'text'</span></span> <span class="token attr-name"><span class="attribute">value</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'Enter your email....'</span></span> <span class="token punctuation">/></span></span><span class="token punctuation"></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><span class="tag"><</span></span><span class="tag"><span class="title">input</span></span></span><span class="tag"> <span class="token attr-name"><span class="attribute">name</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'uri'</span></span> <span class="token attr-name"><span class="attribute">type</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'hidden'</span></span> </span></span></span></code></pre>
<pre class=" language-markup"><code class=" language-markup xml"><span style="color: lime;"><span class="token tag"><span class="tag"><span class="token attr-name"><span class="attribute">value</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'TeknoSasak'</span></span> <span class="token punctuation">/></span></span><span class="token punctuation"></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><span class="tag"><</span></span><span class="tag"><span class="title">input</span></span></span><span class="tag"> <span class="token attr-name"><span class="attribute">name</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'loc'</span></span> <span class="token attr-name"><span class="attribute">type</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'hidden'</span></span> </span></span></span></code></pre>
<pre class=" language-markup"><code class=" language-markup xml"><span style="color: lime;"><span class="token tag"><span class="tag"><span class="token attr-name"><span class="attribute">value</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'en_US'</span></span> <span class="token punctuation">/></span></span><span class="token punctuation"></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><span class="tag"><</span></span><span class="tag"><span class="title">input</span></span></span><span class="tag"> <span class="token attr-name"><span class="attribute">class</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'mybutton'</span></span> <span class="token attr-name"><span class="attribute">type</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'</span></span></span></span></span></code></pre>
<pre class=" language-markup"><code class=" language-markup xml"><span style="color: lime;"><span class="token tag"><span class="tag"><span class="token attr-value"><span class="value">submit'</span></span> <span class="token attr-name"><span class="attribute">value</span></span><span class="token attr-value"><span class="token punctuation">=</span><span class="value">'Subscribe Now!'</span></span> <span class="token punctuation">/></span></span><span class="token punctuation"></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><span class="tag"></</span></span><span class="tag"><span class="title">form</span></span></span><span class="tag"><span class="token punctuation">></span></span><span class="token punctuation"></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><span class="tag"></</span></span><span class="tag"><span class="title">div</span></span></span><span class="tag"><span class="token punctuation">></span></span></span></span></code></pre>
<pre class=" language-markup">==========================================</pre>
<pre class=" language-markup">Selanjutnya ganti FeedBurner Diatas dengan FeedBurner </pre>
<pre class=" language-markup">Blog sobat dan nama blog saya pada HTML di atas</pre>
<pre class=" language-markup">dengan nama Blog sobat sendiri</pre>
<pre class=" language-css"></pre>
<pre class=" language-css"><code class=" language-css"><span class="rules"><span class="rule"><span class="token punctuation"><blockquote class="tr_bq">
<code class=" language-markup xml"><span class="token tag"><span class="tag"><span class="token punctuation"></span></span></span></code></blockquote>
</span></span></span></code></pre>
</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-6443096929365990222016-12-10T00:07:00.003-08:002016-12-25T00:12:45.849-08:00Cara Bekerja dengan Frame<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="color: cyan;">HTML</span> memungkinkan kita untuk memasukkan halaman web lain ke dalam
website kita sendiri. Web tersebut akan dimasukkan dalam sebuah frame.
Dalam HTML ada 2 jenis frame yaitu frameset dan iframe. Insya Allah kita
akan bahas keduanya di artikel ini.<br />
<h3>
<span style="color: red;">FRAMESET</span></h3>
Tag Frameset kita pakai bila kita hanya ingin membagi web menjadi
beberapa bagian saja. Misalnya kita ingin sebuah web dimana kolom
sebelah kiri berisi deretan link navigasi dan sebelah kanan adalah
halaman isinya (contohnya internet banking BCA). Bagaimana cara
membuatnya?<br />
<span id="more-60"></span><br />
Kita perlu membuat sebuah file <span style="color: lime;">HTML</span> yang kita gunakan sebagai wadah
semua halaman yang ingin kita tampilkan. Jika kita ingin membuat sebuah
halaman dengan 2 kolom, maka berarti minimal ada 3 file yang harus kita
siapkan:<br />
<ol>
<li><span style="color: cyan;">File Frameset</span></li>
<li><span style="color: cyan;">File pengisi frame kiri</span></li>
<li><span style="color: cyan;">File pengisi frame kanan</span></li>
</ol>
Sebagai contoh, kita ingin membuat sebuah halaman untuk memasarkan
produk affiliasi cafebisnis.com. Di sebelah kanan adalah frame berisi
informasi singkat dari kita dan penawaran spesial kita. Sebelah kiri
adalah halaman cafebisnis. Yuk kita buat<br />
Pertama, buat dulu file <code>frameset.html</code> Isinya seperti ini:<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><frameset cols="25%,75%">
<frame src="informasi.html" />
<frame src="http://cafebisnis.com/?reg=admin" />
</frameset> </span>
</pre>
<br />
Saya jelaskan dulu ya. Baris pertama adalah tag <code>frameset</code> yang dilengkapi atribut <code>cols</code>. Atribut ini untuk mengatur lebar kolom-kolom frame nanti. Dalam contoh diatas saya buat kolom kiri 25% dan kolom kanan 75%.<br />
Setelah terdefinisi, kita tinggal menunjukkan file-file apa saja yang
ingin kita masukkan dalam frame. Baris kedua berguna memasukkan file <code>informasi.html</code> ke dalam frame kiri. Kemudian di baris ketiga kita definisikan frame sebelah kanan berisi URL affiliasi dari cafebisnis.<br />
Sampai sini, jika anda membuka file <code>frameset.html</code>
tersebut, maka akan muncul error di kolom kiri dan web cafebisnis di
kolom kanan. Kenapa error? Karena kita belum membuat file informasi.html
kan? Jadi, mari kita buat sekarang.<br />
File <code>informasi.html</code> bisa berisi apa saja, misalnya informasi dari anda perihal web cafebisnis. Yuk kita isi file <code>informasi.html</code> dengan artikel singkat berikut:<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><p>Di sebelah kanan halaman ini adalah web cafebisnis,
tempat dimana kita bisa belajar banyak soal WordPress
dan bagaimana menghasilkan uang menggunakan blog</p>
<p>Untuk mendaftar, silahkan klik menu registrasi
dan ikuti saja petunjuknya</p></span>
</pre>
<br />
<br />
Nah, selesai deh. Sekarang bisa anda cek frameset.html dan akan
tampak isi file informasi.html berada di kolom kiri dan web cafebisnis
di kolom kanan. Untuk tutorial iframe, kita bahas di artikel mendatang
aja ya? Oke, sampai jumpa lagi</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-59150213134424883462016-12-10T00:04:00.000-08:002016-12-25T00:17:45.403-08:00Cara Membuat Tabel Kompleks<div dir="ltr" style="text-align: left;" trbidi="on">
Sesuai janji, maka kali ini kita akan bahas bagaimana cara membuat
sebuah table yang kompleks. Kompleks disini adalah sebuah tabel yang
akan menggabungkan beberapa cell sesuai kebutuhkan. Contohnya seperti
ini:<br />
<table>
<tbody>
<tr>
<td rowspan="2" style="text-align: center; vertical-align: middle;"><span style="color: lime;">Nama</span></td>
<td colspan="4" style="text-align: center; vertical-align: middle;"><span style="color: cyan;">BULAN</span></td>
</tr>
<tr>
<td>Januari</td>
<td>Februari</td>
<td>Maret</td>
<td>April</td>
</tr>
<tr>
<td><span style="color: cyan;">UNEL</span></td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
</tr>
<tr>
<td><span style="color: cyan;">ANIA</span></td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
</tr>
<tr>
<td><span style="color: cyan;">ATHIA</span></td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
</tr>
</tbody></table>
<span style="color: red;">Bagaimana cara membuatnya?</span><br />
<span id="more-55"></span><br />
Kita fokuskan kodenya sampai baris LUTVI saja atau baris ke-3. Sisanya tinggal mengikuti sebagaimana baris lutvi.<br />
Rumus sederhana untuk membuat kode rumit diatas adalah seperti ini:<br />
1. Buat dulu tag table<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><table>
</table></span>
</pre>
<br />
2. Di tengahnya kita masukkan berapa baris tabel yang ingin kita
buat. Misalnya contoh diatas kita buat sampai LUTVI, berarti ada 3 baris<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><table>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
</table></span>
</pre>
<br />
3. Sekarang kita buat kolomnya. Di baris pertama, kolom pertama,
kolomnya turun hingga baris ke-2. Berarti ada 2 baris yang digabungkan.
Maka atributnya <code>ROWSPAN="2"</code>. Sehingga jadinya seperti ini:<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><table>
<tr>
<td rowspan="2"></td>
</tr>
<tr>
</tr>
<tr>
</tr>
</table></span>
</pre>
<br />
4. Kolom kedua di baris pertama menggabungkan 4 kolom. Maka atributnya <code>COLSPAN="4"</code>. Sehingga jadinya seperti ini:<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><table>
<tr>
<td rowspan="2"></td>
<td colspan="4"></td>
</tr>
<tr>
</tr>
<tr>
</tr>
</table></span>
</pre>
<br />
5. Berikutnya baris kedua. Karena kolom pertama sudah diambil alih
oleh kolom pertama baris pertama, maka sudah tidak perlu kita urus lagi.
Jadi, langsung aja ke kolom kedua, ketiga, keempat dan kelima. Jadinya
seperti ini:<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><table>
<tr>
<td rowspan="2"></td>
<td colspan="4"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
</tr>
</table></span>
</pre>
<br />
Lihat kan? Saya cuma menambahkan 4 kolom saja di baris 2 karena kolom
1 kan sudah diambil oleh baris pertama sehingga kita hanya perlu
menambah kekurangannya saja.<br />
6. Baris ketiga karena tidak ada yang diambil alih, berarti tetap 5 kolom yang kita pasang. Jadinya:<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><table>
<tr>
<td rowspan="2"></td>
<td colspan="4"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table></span>
</pre>
<br />
7. Sekarang tinggal mengisi saja kolom-kolomnya dengan text sesuka hati. Dan inilah hasil akhir untuk tampilan diatas:<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><table>
<tr>
<td rowspan="2" style="text-align:center; vertical-align:middle;">Nama</td>
<td colspan="4" style="text-align:center; vertical-align:middle;">BULAN</td>
</tr>
<tr>
<td>Januari</td>
<td>Februari</td>
<td>Maret</td>
<td>April</td>
</tr>
<tr>
<td>LUTVI</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
</tr>
<tr>
<td>IIM</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
</tr>
<tr>
<td>ATHIA</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
</tr>
</table></span>
</pre>
<br />
<br />
Selamat mencoba !!</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-18661772687918607092016-12-09T23:57:00.004-08:002016-12-25T00:17:27.404-08:00Cara Membuat Tabel<div dir="ltr" style="text-align: left;" trbidi="on">
Sekarang saatnya kita belajar bagaimana membuat table di HTML. Kita
mulai dengan table yang sederhana dulu hingga menuju table yang lebih
rumit dan ruwet nantinya. Sebelum saya teruskan, saya menyarankan untuk
membuat table hanya untuk tabel. Jangan gunaka table sebagai layout web.
Selain memberatkan, juga tidak efektif. Saya masih melihat banyak
template-template web yang keren-keren menggunakan table. Ini tentunya
sangat tidak sehat bagi kecepatan load web anda. So, gunakan table untuk
tabel saja.<br />
Ada 3 komponen utama dalam pembuatan tabel yaitu:<br />
– <span style="color: red;">Penanda table</span> <code><span style="color: lime;"><table></span></code><br />
– <span style="color: red;">Penanda baris</span> <code><span style="color: lime;"><tr></span></code><br />
– <span style="color: red;">Penanda kolom</span> <code><span style="color: lime;"><td></span></code><br />
<span id="more-51"></span><br />
Dan inilah contoh sebuah table sederhana dengan 3 kolom dan 2 baris:<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><table>
<tr>
<td>Kolom 1 Baris 1</td>
<td>Kolom 2 Baris 1</td>
<td>Kolom 3 Baris 1</td>
</tr>
<tr>
<td>Kolom 1 Baris 2</td>
<td>Kolom 2 Baris 2</td>
<td>Kolom 3 Baris 2</td>
</tr>
</table></span>
</pre>
<br />
Hasilnya akan seperti ini:<br />
<table>
<tbody>
<tr>
<td>Kolom 1 Baris 1</td>
<td>Kolom 2 Baris 1</td>
<td>Kolom 3 Baris 1</td>
</tr>
<tr>
<td>Kolom 1 Baris 2</td>
<td>Kolom 2 Baris 2</td>
<td>Kolom 3 Baris 2</td>
</tr>
</tbody></table>
Anda paham bagaimana cara membuatnya bukan? Untuk mempermudah membuat table, saya biasanya pakai rumus ini:<br />
1. Saya tulis dulu tablenya seperti ini:<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><table>
</table></span>
</pre>
<br />
2. Saya masukkan barisnya. Misalnya kita mau bikin 2 baris, maka saya tinggal pasang 2 tag TR seperti ini:<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><table>
<tr>
</tr>
<tr>
</tr>
</table></span>
</pre>
<br />
3. Sekarang tinggal masukkan kolomnya aja di tiap baris seperti ini:<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
</tr>
</table></span>
</pre>
<br />
Baris kedua saya biarkan agar anda bisa fokus di baris pertama dulu.<br />
<br />
4. Terakhir memasukkan isi kolomnya<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><table>
<tr>
<td>Kolom 1</td>
<td>Kolom 2</td>
<td>Kolom 3</td>
</tr>
<tr>
</tr>
</table></span>
</pre>
<br />
<br />
Selesai deh! Mudah sekali bukan? Insya Allah artikel berikutnya kita
akan bahas tabel yang lebih rumit lagi. Sampai jumpa nanti ya</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-27603251348902313242016-12-09T23:12:00.003-08:002016-12-09T23:13:34.243-08:00Cara Membuat Text Mengalir Di Sekeliling Gambar<div dir="ltr" style="text-align: left;" trbidi="on">
Ada kalanya kita ingin membuat seperti di majalah-majalah dimana text
mengalir di sekeliling gambar. Mungkin akan lebih jelas jika saya
tunjukkan gambar ini:<br />
<strong><span style="color: red;">Bagaimana caranya?</span></strong><br />
Kita akan memasukkan style CSS ke dalam kode gambar sehingga bisa
melakukan aneka macam modifikasi. Insya Allah nanti di bagian CSS kita
akan pelajari semua lebih rinci. Karena artikel ini bertujuan untuk
membuat text yang mengalir di sekeliling gambar, maka kita bahas bagian
itu saja dulu ya.<span id="more-28"></span><br />
Untuk menambah CSS di kode HTML, kita cukup menambahkan atribut style saja. Sehingga hasilnya seperti ini:<br />
<span style="color: lime;"><img src="images/photoku.jpg" alt="Ini Photoku" style="float:right"/></span><br />
<br />
Perhatikan, ada tambahan <code>style="float:right"</code> pada
atribut images-nya. Pada contoh diatas, saya buat gambar ada di sebelah
kanan dan text mengalir di sebelah kirinya. Apabila ingin gambarnya di
kiri dan text di kanan, maka kita cukup mengganti kata right dengan
left. Gambar bukan? Contohnya seperti ini:<br />
<span style="color: lime;"><img src="images/photoku.jpg" alt="Ini Photoku" style="float:left"/></span><br />
<br />
Bisa dimengerti kan?<br />
artikel selanjutnya ada <span style="color: red;">disini</span>,</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-49567825929135336272016-12-09T22:53:00.000-08:002016-12-09T23:15:21.005-08:00Cara Memasukkan Gambar Dalam HTML <div dir="ltr" style="text-align: left;" trbidi="on">
Jika sebelumnya kita membahas bagaimana memformat <span style="color: red;">text di HTML</span>, maka
sekarang kita akan coba ke teknik yang cukup sering kita pakai juga
yaitu bagaimana memasukkan gambar ke dalam HTML<br />
Ada 2 tahap untuk memasukkan gambar dalam HTML yaitu:<br />
<br />
<span style="color: red;">1.Menentukan lokasi gambar</span><br />
<div>
<br />
<span style="color: red;">2.Memasang kode gambar</span><br />
<ol>
</ol>
Lokasi gambar adalah folder dimana gambar itu diletakkan berdasarkan
letak file HTML yang mengaksesnya. Misalnya file html-nya ada di folder
c:\website dan gambarnya ada di folder <span style="color: lime;">c:\website\images</span> dengan nama
gambarku.jpg maka berarti lokasi file gambarnya adalah<span id="more-26"></span><br />
<span style="color: lime;">c:\website\images\photoku.jpg</span><br />
<span style="color: lime;"><br /></span>
dan nanti di kode HTML-nya kita tulis seperti ini:<br />
<br />
<span style="color: lime;">images/photoku.jpg</span><br />
<br />
Kemudian untuk memunculkan gambar, kita letakkan kode ini di file HTML:<br />
<span style="color: lime;"><img src="LOKASI GAMBAR" alt="TEXT ALTERNATIF" /></span><br />
<pre class="”html”" name="”code”"></pre>
<br />
<strong><span style="color: red;">LOKASI GAMBAR</span> =</strong> lokasi dimana gambar itu berada lengkap dengan nama gambarnya<br />
<br />
<strong><span style="color: red;">TEXT ALTERNATIF </span>=</strong> Text yang muncul jika gambar yang kita tampilkan tidak muncul<br />
<br />
Jika mengacu pada contoh diatas, berarti kodenya akan seperti ini:<br />
<span style="color: lime;"><img src="images/photo.jpg" alt="Ini Photoku"/></span><br />
<pre class="”html”" name="”code”"></pre>
<br />
Selengkapnya klik <span style="color: red;"><a href="http://adf.ly/13487915/http://myunel.blogspot.co.id/2016/12/cara-membuat-text-mengalir-di.html" rel="nofollow">disini</a>,</span> Selamat Mencoba..<br />
<br />
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-55195467700915629192016-12-09T22:33:00.000-08:002016-12-09T22:48:38.965-08:00Belajar Bahasa HTML Dasar<div dir="ltr" style="text-align: left;" trbidi="on">
Bahasa HTML adalah bahasa dasar untuk membangun sebuah web/situs. Sebelum memulai belajar web
programming, anda dituntut untuk menguasai bahasa HTML terlebih dahulu. Dan di
bawah ini adalah panduan bahasa HTML yang kami susun mulai dasar hingga
tingkatan yang lebih rumit. Mudah-mudahan bermanfaat bagi anda.(amin)<br />
<br />
HTML adalah singkatan dari <span style="color: blue;">HyperText Markup Language</span>. Ini adalah
bahasa pemrograman tingkat tinggi. Bahkan cukup tinggi sehingga mudah
dipelajari oleh mereka yang awam sekalipun. Apabila anda memakai
aplikasi pengolah kata jaman dahulu seperti WordStar atau WS, maka anda
akan sangat mudah memahami bahasa HTML ini.<br />
<h3>
<strong><span style="color: red;">Cara Membuat file HTML</span></strong></h3>
Untuk membuat file HTML sangatlah mudah. Anda cukup menuliskan
beberapa baris kata yang ingin anda tampilkan dan simpan filenya dengan
ekstensi html. Tapi biasanya secara default, Windows menyembunyikan
ekstension sehingga agak sulit bagi anda untuk mengubah extension-nya.
Maka, kita perlu menampilkannya terlebih dahulu.<span id="more-9"></span><br />
<br />
<span style="color: red;">Pertama</span>, buka Windows Explorer dan buat satu folder khusus untuk belajar kita. Sebut saja nama foldernya TUTORIAL.<br />
<span style="color: red;">Kedua</span>, Klik menu Tools – Folder Options<br />
<span style="color: red;">Ketiga</span>,Klik Tab View lalu hilangkan centang pada opsi Hide Extension for Known File Types<br />
Maka
anda akan bisa melihat extension semua file. Sekarang untuk membuat
sebuah file HTML, anda cukup klik kanan di folder tersebut lalu pilih
New – Text Document.<br />
<br />
Sekarang beri nama file html pertama kita dengan nama <em><strong>pertamax.html</strong></em> Akan muncul peringatan karena anda telah mengubah extension. Klik saja <span style="color: blue;">Yes.</span><br />
<br />
Nah,sekarang mari kita coba menuliskan kode HTML pertama kita. Masih ingat file html pertamax.html yang sudah kita buat di pengenalan HTML sebelumnya? Edit file itu menggunakan Notepad. Saya sendiri menyarankan menggunakan <span style="color: blue;">Notepad++</span>
sebuah software yang mirip notepad tapi dikhususkan untuk menulis
kode-kode programming. Jika anda sempat, silahkan download notepad++
dulu. Tapi pakai notepad bawaan windows juga oke kok.<br />
Sekarang coba ketik ini di notepad anda.<br />
<br />
<br />
<pre class="”html”" name="”code”"><span style="color: blue;">Apa Kabar Dunia!!!</span></pre>
<pre class="”html”" name="”code”"><span style="color: blue;">
</span></pre>
<br />
Simpan file itu dan klik dua kali file pertamax.html. Bagaimana hasilnya?<span id="more-15"></span><br />
Yup benar, akan muncul tulisan Apa Kabar Dunia di browser anda. Mudah sekali bukan?<br />
<h2>
<span style="color: red;">TEXT FORMATING</span></h2>
Sekarang bagaimana memanipulasi tampilan tulisan sehingga
menghasilkan tampilan yang keren seperti di website-website pada
umumnya. Maka disinilah kita mulai belajar<span style="color: blue;"> HTML</span>. Kita akan melakukan
Markup tulisan sehingga bisa muncul sesuai keinginan.<br />
Manipulasi yang pertama adalah <span style="color: blue;">Text Formating</span>. Ini adalah manipulasi
bagaimana menampilkan text yang sesuai keinginan. Meliputi bagaimana
menebalkan text, memiringkan, memberi garis bawah, dll. Kita mulai yuk.
Silahkan lihat tabel berikut:<br />
<br />
<table>
<tbody>
<tr>
<td><span style="color: lime;"><strong></span></td>
<td><span style="color: lime;">Menebalkan huruf</span></td>
</tr>
<tr>
<td><span style="color: lime;"><em></span></td>
<td><span style="color: lime;">Memiringkan huruf</span></td>
</tr>
<tr>
<td><span style="color: lime;"><ins></span></td>
<td><span style="color: lime;">Menggarisbawahi huruf</span></td>
</tr>
<tr>
<td><span style="color: lime;"><del></span></td>
<td><span style="color: lime;">Mencoret huruf</span></td>
</tr>
<tr>
<td><span style="color: lime;"><kbd></span></td>
<td><span style="color: lime;">Membuat huruf keyboard</span></td>
</tr>
<tr>
<td><span style="color: lime;"><sub></span></td>
<td><span style="color: lime;">Membuat huruf subscripted</span></td>
</tr>
<tr>
<td><span style="color: lime;"><sup></span></td>
<td><span style="color: lime;">Membuat huruf superscripted</span></td>
</tr>
</tbody></table>
<br />
Tag HTML memiliki sepasang tanda yaitu pembuka dan penutup. Misalnya tag <kbd>strong</kbd>,
dia memiliki dua tag untuk pembuka yaitu <strong> dan penutup
</strong>. Untuk menggunakannya, anda tinggal memasang text
diantara dua tag tersebut. Contohnya jika ingin menebalkan tulisan kita
sebelumnya<br />
<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><strong></span>Apa Kabar Dunia!!!<span style="color: lime;"></strong></span></pre>
<pre class="”html”" name="”code”"></pre>
<br />
Sekarang cobalah untuk tag-tag yang lain. Seperti ini misalnya:<br />
<br />
<br />
<pre class="”html”" name="”code”"><span style="color: lime;"><strong></span>Welcome to My Blog!!!<span style="color: lime;"></strong></span>
<span style="color: lime;"><em></span>Welcome to My Blog!!!<span style="color: lime;"></em></span>
<span style="color: lime;"><ins></span>Welcome to My Blog!!!<span style="color: lime;"></ins></span>
<span style="color: lime;"><del></span>Welcome to My Blog!!!<span style="color: lime;"></del></span>
<span style="color: lime;"><kbd></span>Welcome to My Blog!!!<span style="color: lime;"></kbd></span>
<span style="color: lime;"><sub></span>Welcome to My Blog!!!<span style="color: lime;"></sub></span>
<span style="color: lime;"><sup></span>Welcome to My Blog!!!<span style="color: lime;"></sup></span></pre>
<pre class="”html”" name="”code”"></pre>
<br />
<br />
Selengkapnya klik <span style="color: red;"><a href="http://adf.ly/13487915/http://myunel.blogspot.co.id/2016/12/cara-memasukkan-gambar-dalam-html.html" rel="nofollow">disini</a></span><span style="color: blue;"> </span>sementara sekian dulu dari saya Selamat Belajar dan semoga bermanfaat...</div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.comtag:blogger.com,1999:blog-640850121224393387.post-10950785773655933912016-12-07T18:54:00.000-08:002016-12-07T19:18:49.433-08:00Membuat Register, Login, dan Logout Pada Website<div dir="ltr" style="text-align: left;" trbidi="on">
Saya yakin teman-teman sekalian pasti sudah tahu tentang Register, login, dan logout. Atau<br />
mungkin juga ada sebagian teman yang belum terlalu paham. Baiklah, Saya akan menjelaskan secara<br />
singkat saja yah.. Biasanya pada saat kita memasuki sebuah situs, kita diwajibkan untuk login<br />
<span id="more-480"></span>terlebih dahulu. Tetapi sebelum login, kita harus mendaftar dulu nama, email, dan password yang<br />
kita inginkan untuk login nantinya. Baiklah, saya akan langsung menjelaskan scriptnya.<br />
Dalam contoh kali ini, saya membuat register, login, dan logout dalam 6 buah script.<br />
Yakni :<br />
<ol>
<li><span style="color: red;">Index.php</span></li>
<li><span style="color: red;">Config.php</span></li>
<li><span style="color: red;">Daftar.php</span></li>
<li><span style="color: red;">Daftar2.php</span></li>
<li><span style="color: red;">Login.php</span></li>
<li><span style="color: red;">Dan logout.php</span></li>
</ol>
Pertama -tama yang harus dilakukan tentu saja adalah membuat database-nya terlebih dahulu.<br />
Buatlah database dengan nama ?reglog?. Lalu buat table dengan nama ?members?. Lalu masukkan<br />
field berikut:<br />
<br /><span style="color: blue;">
“Id” type = bigint(20)<br />
“nama” type = varchar(50)<br />
“email” type = varchar (50)<br />
“password” type = varchar(8)</span><br />
<br />
Jika sudah, masukkan script berikut :<br />
Ini untuk mengkoneksikan dengan database…<br />
<br />
<span style="color: red;">Config.php</span><br />
<span style="color: red;"><br /></span>
<span style="color: blue;"><?php</span><br />
<span style="color: blue;">$host = "localhost";</span><br />
<span style="color: blue;">$user = "root";</span><br />
<span style="color: blue;">$pass = "";</span><br />
<span style="color: blue;">$db = "reglog";</span><br />
<span style="color: blue;">$table = "members";</span><br />
<span style="color: blue;">$connect = mysql_connect($host,$user,$pass) or die("Gagal konek");</span><br />
<span style="color: blue;">$pilih_db = mysql_select_db($db) or die("Database tidak ada");</span><br />
<span style="color: blue;">$cookie_nama = $_COOKIE['nama'];</span><br />
<br />
<span style="color: blue;">?></span><br />
<br />
<span style="color: red;">Index.php</span><br />
<span style="color: red;"><br /></span>
<span style="color: blue;"><?php include("config.php"); </span><br />
<span style="color: blue;">if($_GET['register'])</span><br />
<span style="color: blue;">{</span><br />
<span style="color: blue;">include("daftar.php");</span><br />
<span style="color: blue;">exit;</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">if($_GET['register2'])</span><br />
<span style="color: blue;">{</span><br />
<span style="color: blue;">include("daftar2.php");</span><br />
<span style="color: blue;">exit;</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">if($_GET['login'])</span><br />
<span style="color: blue;">{</span><br />
<span style="color: blue;">include("login.php");</span><br />
<span style="color: blue;">exit;</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">?></span><br />
<span style="color: blue;"><style type="text/css"></span><br />
<span style="color: blue;"><!--</span><br />
<span style="color: blue;">.style1 {color: #FFFFFF}</span><br />
<span style="color: blue;">.style2 {color: #0000FF}</span><br />
<span style="color: blue;">--></span><br />
<span style="color: blue;"></style></span><br />
<span style="color: blue;"><p></span><br />
<span style="color: blue;"><?php</span><br />
<span style="color: blue;">if($_GET['logout'])</span><br />
<span style="color: blue;">{</span><br />
<span style="color: blue;">print "Anda telah berhasil logout !<p>";</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">?>Welcome</span><br />
<span style="color: blue;"><?php</span><br />
<span style="color: blue;">$cookie_nama = $_COOKIE['nama'];</span><br />
<span style="color: blue;">print "$cookie_nama";</span><br />
<span style="color: blue;">?> [<a href="logout.php" class="style2">Logout</a>] </p></span><br />
<span style="color: blue;"><p>Klik <a</span><br />
<span style="color: blue;">href="index.php?register=masukkan%20nama,email,dan%20password%20untuk%20daftar"</span><br />
<span style="color: blue;">class="style2">disini</a> untuk register </p></span><br />
<span style="color: blue;"><form name="form1" method="post" action="index.php?login=success"></span><br />
<span style="color: blue;"><table width="400" border="0"></span><br />
<span style="color: blue;"><tr bgcolor="#999999"></span><br />
<span style="color: blue;"><td colspan="2"><span class="style1">Login</span></td></span><br />
<span style="color: blue;"></tr></span><br />
<span style="color: blue;"><tr bgcolor="#CCCCCC"></span><br />
<span style="color: blue;"><td>User : </td></span><br />
<span style="color: blue;"><td><input name="user" type="text" id="user"></td></span><br />
<span style="color: blue;"></tr></span><br />
<span style="color: blue;"><tr bgcolor="#CCCCCC"></span><br />
<span style="color: blue;"><td>Password : </td></span><br />
<span style="color: blue;"><td><input name="password" type="password" id="password"></td></span><br />
<span style="color: blue;"></tr></span><br />
<span style="color: blue;"><tr></span><br />
<span style="color: blue;"><td colspan="2"> </td></span><br />
<span style="color: blue;"></tr></span><br />
<span style="color: blue;"><tr></span><br />
<span style="color: blue;"><td colspan="2"><input type="submit" name="Submit" value="Login !"</span><br />
<span style="color: blue;">style="background -color:#CCCCCC "></td></span><br />
<span style="color: blue;"></tr></span><br />
<span style="color: blue;"></table></span><br />
<span style="color: blue;"></form></span><br />
<span style="color: blue;"><p> </p></span><br />
<br />
<span style="color: blue;"><?php mysql_close($connect); ?></span><br />
<br />
<span style="color: #3333ff;"><span style="color: red;">Daftar.php</span></span><br />
<span style="color: #3333ff;"><span style="color: red;"><br /></span></span>
<span style="color: blue;"><style type="text/css"></span><br />
<span style="color: blue;"><!--</span><br />
<span style="color: blue;">.style3 {font-size: 24px}</span><br />
<span style="color: blue;">--></span><br />
<span style="color: blue;"></style></span><br />
<span style="color: blue;"><form name="form1" method="post" action="index.php?register2=success"></span><br />
<span style="color: blue;"><table width="400" border="0"></span><br />
<span style="color: blue;"><tr></span><br />
<span style="color: blue;"><td colspan="2"><span class="style3">Register</span></td></span><br />
<span style="color: blue;"></tr></span><br />
<span style="color: blue;"><tr></span><br />
<span style="color: blue;"><td>Nama : </td></span><br />
<span style="color: blue;"><td><input name="nama" type="text" id="nama"></td></span><br />
<span style="color: blue;"></tr></span><br />
<span style="color: blue;"><tr></span><br />
<span style="color: blue;"><td>Email : </td></span><br />
<span style="color: blue;"><td><input name="email" type="text" id="email"></td></span><br />
<span style="color: blue;"></tr></span><br />
<span style="color: blue;"><tr></span><br />
<span style="color: blue;"><td>Password : </td></span><br />
<span style="color: blue;"><td><input name="password" type="password" id="password"></td></span><br />
<span style="color: blue;"></tr></span><br />
<span style="color: blue;"><tr></span><br />
<span style="color: blue;"><td >Confirm Password : </td></span><br />
<span style="color: blue;"><td><input name="c_password" type="password" id="c_password"></td></span><br />
<span style="color: blue;"></tr></span><br />
<span style="color: blue;"><tr></span><br />
<span style="color: blue;"><td colspan="2"> </td></span><br />
<span style="color: blue;"></tr></span><br />
<span style="color: blue;"><tr></span><br />
<span style="color: blue;"><td colspan="2"><input type="submit" name="Submit" value="Register"></td></span><br />
<span style="color: blue;"></tr></span><br />
<span style="color: blue;"></table></span><br />
<span style="color: blue;"></form></span><br />
<br />
<span style="color: blue;"><?php mysql_close($connect); ?></span><br />
<span style="color: #3333ff;"><br />
<span style="color: red;">Daftar2.php</span></span><br />
<span style="color: #3333ff;"><span style="color: red;"><br /></span></span>
<span style="color: blue;"><?php</span><br />
<span style="color: blue;">$nama = $_POST['nama'];</span><br />
<span style="color: blue;">$email = $_POST['email'];</span><br />
<span style="color: blue;">$password = $_POST['password'];</span><br />
<span style="color: blue;">$c_password = $_POST['c_password'];</span><br />
<span style="color: blue;">if($password != $c_password)</span><br />
<span style="color: blue;">{</span><br />
<span style="color: blue;">print "<script>alert('Konfirmasi password harus sama dengan password !');</span><br />
<span style="color: blue;">javascript:history.go(-1);</script>";</span><br />
<span style="color: blue;">exit;</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">if((!empty($nama)) && (!empty($email)) && (!empty($password)))</span><br />
<span style="color: blue;">{</span><br />
<span style="color: blue;">$query = mysql_query("INSERT INTO $table (nama,email,password)</span><br />
<span style="color: blue;">values ('$nama','$email','$password');");</span><br />
<span style="color: blue;">print "Registrasi success<br><a href=index.php><font color=blue>Back to</span><br />
<span style="color: blue;">Home</font></a>";</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">else</span><br />
<span style="color: blue;">{</span><br />
<span style="color: blue;">print "<script>alert('Maaf, tidak boleh ada field yang kosong !');</span><br />
<span style="color: blue;">javascript:history.go(-1);</script>";</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">?></span><br />
<br />
<span style="color: blue;"><?php mysql_close($connect); ?></span><br />
<span style="color: #3333ff;"><br />
<span style="color: red;">Login.php</span></span><br />
<span style="color: #3333ff;"><span style="color: red;"><br /></span></span>
<span style="color: blue;"><?php</span><br />
<span style="color: blue;">$user = $_POST['user'];</span><br />
<span style="color: blue;">$password = $_POST['password'];</span><br />
<span style="color: blue;">$query = mysql_query("SELECT * FROM $table where nama='$user'");</span><br />
<span style="color: blue;">$result = mysql_fetch_array($query);</span><br />
<span style="color: blue;">$row = mysql_num_rows($query);</span><br />
<span style="color: blue;">if(($user == "") && ($password == ""))</span><br />
<span style="color: blue;">{</span><br />
<span style="color: blue;">print "<center>Anda belum memasukkan username dan password !";</span><br />
<span style="color: blue;">exit;</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">if($row != 0)</span><br />
<span style="color: blue;">{</span><br />
<span style="color: blue;">if($password != $result['password'])</span><br />
<span style="color: blue;">{</span><br />
<span style="color: blue;">print "<center>Password salah !";</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">else</span><br />
<span style="color: blue;">{</span><br />
<span style="color: blue;">setcookie("nama",$user);</span><br />
<span style="color: blue;">print "<center>Anda telah berhasil login dengan nama</span><br />
<span style="color: blue;">$user<br><a href=index.php><font color=blue>Back to home</a>";</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">else</span><br />
<span style="color: blue;">{</span><br />
<span style="color: blue;">print "<center>Maaf, Username tidak terdaftar !<br>Silahkan daftar dulu</span><br />
<span style="color: blue;"><a href='index.php?register=masukkan nama,email,dan password untuk daftar'><font</span><br />
<span style="color: blue;">color=blue>disini</a></font>";</span><br />
<span style="color: blue;">}</span><br />
<span style="color: blue;">?></span><br />
<br />
<span style="color: blue;"><?php mysql_close($connect); ?></span><br />
<span style="color: #3333ff;"><br />
<span style="color: red;">Logout.php</span><br />
</span><br />
<div class="crayon-syntax crayon-theme-classic crayon-font-courier-new crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-583f9471463b2422723710" style="font-size: 16px ! important; height: auto; line-height: 19px ! important; margin-bottom: 12px; margin-top: 12px;">
<div class="crayon-plain-wrap">
<div class="crayon-plain-wrap">
<span style="color: blue;"><?php</span></div>
<div class="crayon-plain-wrap">
<span style="color: blue;">setcookie("nama","");</span></div>
<div class="crayon-plain-wrap">
<span style="color: blue;">header("Location: index.php?logout=success");</span></div>
<div class="crayon-plain-wrap">
<span style="color: blue;">?></span></div>
</div>
</div>
<br />
<span style="color: #3333ff;"><br />
<span style="color: black;">Notes :</span><br />
<span style="color: black;">Bila anda berhasil, maka pada saat anda telah mendaftar dan login sebagai nama yang anda daftarkan,</span><br />
<span style="color: black;">maka pada halaman index akan tampil nama anda disamping teks welcome.</span></span></div>
Anonymoushttp://www.blogger.com/profile/08644994264833477407noreply@blogger.com