tag:blogger.com,1999:blog-33962773887870610592024-03-06T01:04:43.509+07:00KawanSebayaMembahas tentang segala tutorial, tips & trik, info gadget dan teknologi terkini, serta menyediakan artikel dan makalah ilmiah.Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.comBlogger19125tag:blogger.com,1999:blog-3396277388787061059.post-504089391023289492018-01-29T08:39:00.000+07:002018-01-29T08:48:02.379+07:00Cara Mengunci Folder Tanpa Software<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7rSsFLoSrA50Q4iq6XfkFKerZ4KezmN2ugrvzO0bXHe1Wz3z4GqecWa9_0TGsgkzwpcKePXEr5-QLJWFD85-mnhhgYNuR_8EY4J7UIiRARk9ZNBPe2Ax7yARbFZi3U6kFp5i_KtJR6xdZ/s1600/folder-lock.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="405" data-original-width="500" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7rSsFLoSrA50Q4iq6XfkFKerZ4KezmN2ugrvzO0bXHe1Wz3z4GqecWa9_0TGsgkzwpcKePXEr5-QLJWFD85-mnhhgYNuR_8EY4J7UIiRARk9ZNBPe2Ax7yARbFZi3U6kFp5i_KtJR6xdZ/s320/folder-lock.jpg" width="320" /></a></div>
<br />
Kita tidak mau rahasia kita ada yang tahu bukan? , Nah Salah satu menjaga keamanan privasi di laptop/komputer kita dari orang lain ialah mengunci folder. Hal ini dapat dilakukan agar file atau folder rahasia kita tidak bisa di buka oleh orang lain. Untuk itu saya akan bagikan tips kepada kawan kawan agar file aman didalam folder karena folder tersebut akan kita kunci . Saya akan memberikan tutorial mengunci folder dengan tidak menggunakan software melainkan menggunakan software bawaan pada Windows yaitu Notepad dan CMD. Berikut caranya :<br />
<br />
<b>1.<span style="white-space: pre;"> </span>Notepad</b><br />
<br />
-<span style="white-space: pre;"> </span>Pilih folder yang ingin di kunci (lock).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge9yRcpfImmJQCUCx1duoiO5-MslCykvfEztU0GVKLZ_Pe4efjuYtkesCPeN0dhco2N3Hr9mgmcmL4NOd_Ecya0Mz-PP1sgp-XL4elFz3vnzyHKdro0V765ZHS_gqZNJDQNQlyBNOEfY4q/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1024" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge9yRcpfImmJQCUCx1duoiO5-MslCykvfEztU0GVKLZ_Pe4efjuYtkesCPeN0dhco2N3Hr9mgmcmL4NOd_Ecya0Mz-PP1sgp-XL4elFz3vnzyHKdro0V765ZHS_gqZNJDQNQlyBNOEfY4q/s320/1.png" width="320" /></a></div>
<br />
<br />
-<span style="white-space: pre;"> </span>Buka Notepad / New Text Document dan ketikan kode berikut ini :<br />
<br />
cls<br />
@ECHO OFF<br />
title Folder Locker<br />
if EXIST "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" goto UNLOCK<br />
if NOT EXIST Locker goto MDLOCKER<br />
:CONFIRM<br />
echo Apakah Kamu Yakin ingin mengunci folder ini?(Y/N)<br />
set/p "cho=>"<br />
if %cho%==Y goto LOCK<br />
if %cho%==y goto LOCK<br />
if %cho%==n goto END<br />
if %cho%==N goto END<br />
echo Invalid choice.<br />
goto CONFIRM<br />
:LOCK<br />
ren Locker "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"<br />
attrib +h +s "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"<br />
echo Folder Terkunci<br />
goto End<br />
:UNLOCK<br />
echo Masukkan Password untuk membuka FOlder!<br />
set/p "pass=>"<br />
if NOT %pass%==<span style="color: red;">bukafolder</span> goto FAIL<br />
attrib -h -s "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"<br />
ren "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" Locker<br />
echo Folder berhasil di buka!<br />
goto End<br />
:FAIL<br />
echo Password Salah!<br />
goto end<br />
:MDLOCKER<br />
md Locker<br />
echo Berhasil membuat folder locker<br />
goto End<br />
:End<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioYO3KEvjRhuoN0jFVtXIQLRtbLIkzYwFSZvDLJAhuGByExiNoOlC6yKTVp62kmsL8M6u1C0g8Ees1Y0B882ZXQfVTdAPZh6zVPYa4Ivoc8pA2wQTg1JjevTfgueeYO-A9qrpsAECm1VCR/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1024" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioYO3KEvjRhuoN0jFVtXIQLRtbLIkzYwFSZvDLJAhuGByExiNoOlC6yKTVp62kmsL8M6u1C0g8Ees1Y0B882ZXQfVTdAPZh6zVPYa4Ivoc8pA2wQTg1JjevTfgueeYO-A9qrpsAECm1VCR/s320/2.png" width="320" /></a></div>
<br />
<br />
<br />
-<span style="white-space: pre;"> </span>Ubah password sesuai keinginan (yang berwarna merah)<br />
-<span style="white-space: pre;"> </span>Jika sudah , silahkan save as dan pilih ekstensi file menjadi all file dan nama file berekstensi .bat , misalnya locker.bat .<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiC0ba4Ti2yNsuP2a9dflQH7f7uQt_iIfbypyCb8JGByai5WQ857cOUwCK9k5HRPnPHFxphQmnw-SzDz4SWTiMrkW9RTM060wyCVS-KiV1N8CMg4UoH7kQ1t-8L6-iGazdPz00JPS-SZgY/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1024" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiC0ba4Ti2yNsuP2a9dflQH7f7uQt_iIfbypyCb8JGByai5WQ857cOUwCK9k5HRPnPHFxphQmnw-SzDz4SWTiMrkW9RTM060wyCVS-KiV1N8CMg4UoH7kQ1t-8L6-iGazdPz00JPS-SZgY/s320/3.png" width="320" /></a></div>
<br />
<br />
-<span style="white-space: pre;"> </span>Klik locker.bat atau file yang kita buat tadi , jika sudah maka otomatis akan terbentuk / muncul folder baru dengan nama locker<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh81qREedcMloly0a9OEY-muc3RJCNSGRPl56TwDix2ZNYPMjQ8t9yfUGNIgVDIBlhyKJbpfM868IWSOaQGJkkk20qTbbSf1RDA38I__6cMNeGP6Pzdx1wHOuOtlEgn9F6cyPdH_mDstHP1/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1024" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh81qREedcMloly0a9OEY-muc3RJCNSGRPl56TwDix2ZNYPMjQ8t9yfUGNIgVDIBlhyKJbpfM868IWSOaQGJkkk20qTbbSf1RDA38I__6cMNeGP6Pzdx1wHOuOtlEgn9F6cyPdH_mDstHP1/s320/4.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTpQfPa8KxTCX47xXUI4KlestCDyqy03jcTlB6qoGu143JJ7W7XKHCzIJpvw1PM9slhYupXz-r3lzM6v6BUMxIA9dQ3prcvR7qNInmqu3kXmo8YeLM6OOq8wpCLzbbDFtNhRgvevzTJzr7/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1024" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTpQfPa8KxTCX47xXUI4KlestCDyqy03jcTlB6qoGu143JJ7W7XKHCzIJpvw1PM9slhYupXz-r3lzM6v6BUMxIA9dQ3prcvR7qNInmqu3kXmo8YeLM6OOq8wpCLzbbDFtNhRgvevzTJzr7/s320/5.png" width="320" /></a></div>
<br />
<br />
<br />
-<span style="white-space: pre;"> </span>Untuk menyembunyikan atau mengunci folder, silahkan copy atau cut folder yang ingin dikunci atau di sembunyikan kedalam folder locker yang otomatis terbuat tadi.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpxJEF94DcWMhJmdqlX_DY4Xlqh4EQw8IqiAVWxKNLcM6QS9JJ1mI4HVCMorH4XwA4biv5CTNuYtMpwla7nLfm_y0APngpDSnd2x8Wth02Zy-rC-71SN7eiDubh_PvkUHJ_eHoLjjyeKtc/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1024" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpxJEF94DcWMhJmdqlX_DY4Xlqh4EQw8IqiAVWxKNLcM6QS9JJ1mI4HVCMorH4XwA4biv5CTNuYtMpwla7nLfm_y0APngpDSnd2x8Wth02Zy-rC-71SN7eiDubh_PvkUHJ_eHoLjjyeKtc/s320/6.png" width="320" /></a></div>
<br />
<br />
-<span style="white-space: pre;"> </span>Kemudian , double klik file locker.bat yg dibuat tadi , dan tekan Y atau y untuk mengunci folder.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixKjCVtQZNNcnH3exqNvBsQKHCKvRtn1FmnbUhHAiu09oXwDBYkavIWMFSsqhFlGCdqClM1J3mbavOV1GcCL_N7jKFb_hUgshnktMfr_tAXb5MludWLwq56CVaMfi0zC6JG2m_R6l7z0X2/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1024" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixKjCVtQZNNcnH3exqNvBsQKHCKvRtn1FmnbUhHAiu09oXwDBYkavIWMFSsqhFlGCdqClM1J3mbavOV1GcCL_N7jKFb_hUgshnktMfr_tAXb5MludWLwq56CVaMfi0zC6JG2m_R6l7z0X2/s320/7.png" width="320" /></a></div>
<br />
<br />
-<span style="white-space: pre;"> </span>Maka folder locker yang otomatis terbuat tadi akan terhidden atau tersembunyi.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFqAfrxCUsdWxv9PcwhhaQjVfpRUitbS6HULRkEow4PAWBXV_QCHyJxRnzBcVQUI8A4C5nljnwUdg80pb3n-5pI-MaeMjxtvKUfmzgvxU1wi2GGOR81UDrVUyczJn6ywZEctop4SBaQMlB/s1600/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1024" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFqAfrxCUsdWxv9PcwhhaQjVfpRUitbS6HULRkEow4PAWBXV_QCHyJxRnzBcVQUI8A4C5nljnwUdg80pb3n-5pI-MaeMjxtvKUfmzgvxU1wi2GGOR81UDrVUyczJn6ywZEctop4SBaQMlB/s320/9.png" width="320" /></a></div>
<br />
<br />
-<span style="white-space: pre;"> </span>Untuk mengembalikan atau membuka folder yang kita sembunyikan tadi double klik file locker.bat tadi , dan masukkan password sesuai yang dibuat di tulisan merah diatas tadi.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0A741sgGOZHjm2XaHoGgXcocjcmTuBRtuQYW9HsqB8UmiFHBUHKBBFfdcUML5oQzXh7vmJtt8oHZzBBVXyB7hy9fdsNXmJ5XTjhHVGjFsFY8_Ma07vzlpwTEJMPGEw2HpciITB5GCWvql/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1024" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0A741sgGOZHjm2XaHoGgXcocjcmTuBRtuQYW9HsqB8UmiFHBUHKBBFfdcUML5oQzXh7vmJtt8oHZzBBVXyB7hy9fdsNXmJ5XTjhHVGjFsFY8_Ma07vzlpwTEJMPGEw2HpciITB5GCWvql/s320/8.png" width="320" /></a></div>
<br />
<br />
-<span style="white-space: pre;"> </span>Otomatis folder akan muncul kembali<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmN5Hp3Ov_99dpcuIKo2YcTuQNgMO2qMpPhRKqVuE5RHPkk67T_EFVAHiYrhk0CqHEzhlXG4b_Zhw7OfarhWohZn-SqULXOIRijSezPUw_zlb5BsehnoAWCMtdrxehoQCnV55NEXMzYUy8/s1600/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1024" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmN5Hp3Ov_99dpcuIKo2YcTuQNgMO2qMpPhRKqVuE5RHPkk67T_EFVAHiYrhk0CqHEzhlXG4b_Zhw7OfarhWohZn-SqULXOIRijSezPUw_zlb5BsehnoAWCMtdrxehoQCnV55NEXMzYUy8/s320/10.png" width="320" /></a></div>
<br />
<br />
<b>2.<span style="white-space: pre;"> </span>Command Prompt (CMD)</b><br />
<br />
-<span style="white-space: pre;"> </span>Pilih folder yang akan di kunci , dan pastikan kita mengetahui letak direktori folder.<br />
-<span style="white-space: pre;"> </span>Silahkan buka cmd , bisa klik logo windows/start > all programs > Accessories > Command Prompt , atau bisa dengan cara tekan tombol Logo Windows + R di keyboard, ketikkan cmd, Enter ..<br />
-<span style="white-space: pre;"> </span>Jika sudah ketik kode/perintah dibawah ini:<br />
cacls d:\nama folder /d everyone<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmupcRmM_ul0B6HyQozb95kr_sVOhNTUgnZxs8fuJMrAjlcZ-lxT11BGALaDu4F6ZSQWvSfm1F6lE7VcGebZFr_ApYC1dvZwJRQhY4aU_gFVGJqNEF5rlHMNej3GQ36PO9PSN0-VCvq_fT/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1024" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmupcRmM_ul0B6HyQozb95kr_sVOhNTUgnZxs8fuJMrAjlcZ-lxT11BGALaDu4F6ZSQWvSfm1F6lE7VcGebZFr_ApYC1dvZwJRQhY4aU_gFVGJqNEF5rlHMNej3GQ36PO9PSN0-VCvq_fT/s320/1.png" width="320" /></a></div>
<br />
<br />
nb: pastikan memasukkan alamat direktori yang benar , periksa kembali alamat tersebut.<br />
<br />
-<span style="white-space: pre;"> </span>Jika sudah maka akan muncul tampilan seperti ini, ketikkan y untuk melanjutkan.<br />
-<span style="white-space: pre;"> </span>Maka folder kamu otomatis sudah terkunci.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4v1B2jcBVKPAVXribnrDZxpaRX9YoNhHc8FMh5XqAOvrDTJI-Kvzca0GOyTEbT_udG7SQ2UcQPb5XUuvji3ui2erpqCkQFQehv5-y79xXwZ8Q081mxZhdVWFojgWn3EF0C-pToztQGuIZ/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1024" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4v1B2jcBVKPAVXribnrDZxpaRX9YoNhHc8FMh5XqAOvrDTJI-Kvzca0GOyTEbT_udG7SQ2UcQPb5XUuvji3ui2erpqCkQFQehv5-y79xXwZ8Q081mxZhdVWFojgWn3EF0C-pToztQGuIZ/s320/2.png" width="320" /></a></div>
<br />
<br />
-<span style="white-space: pre;"> </span>Untuk membuka folder yang terkunci tadi , silahkan buka kembali cmd , kemudian ketikkan perintah atau kode seperti tadi namun sedikit berbeda:<br />
cacls d:\nama folder /g everyone:f<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Kx14bo4deoUnIHgYin978SM4fDYqwilwZHfmgfQalsAkvQ8QZcIm8_preQ_M3kYsY5SwwVUwrXkJnVCFHAeBTWsDmiq42vWzCo3l2RGGe4d5vm5aBEXaMSdOwDgRsX6Zf7c0rUfZVmHl/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1024" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Kx14bo4deoUnIHgYin978SM4fDYqwilwZHfmgfQalsAkvQ8QZcIm8_preQ_M3kYsY5SwwVUwrXkJnVCFHAeBTWsDmiq42vWzCo3l2RGGe4d5vm5aBEXaMSdOwDgRsX6Zf7c0rUfZVmHl/s320/3.png" width="320" /></a></div>
<br />
<br />
nb: nama folder maksudnya alamat atau dierktori folder yang tadi .<br />
<br />
-<span style="white-space: pre;"> </span>Dan folder yang terkunci tadi sudah bisa dibuka kembali.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzVvyMS8qcfyiM-57fXwiqNeIh44wbW3GDpIZ2JNk_gEKv0_B4GWOyxKq9g027FRJKN794mQoPdQwHa5m4SCEp-BgZ5S3EOI_4w6QJc73Qnt6V-vYN_N7P74-QxHXOJwKeH296iVRORCo1/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1024" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzVvyMS8qcfyiM-57fXwiqNeIh44wbW3GDpIZ2JNk_gEKv0_B4GWOyxKq9g027FRJKN794mQoPdQwHa5m4SCEp-BgZ5S3EOI_4w6QJc73Qnt6V-vYN_N7P74-QxHXOJwKeH296iVRORCo1/s320/4.png" width="320" /></a></div>
<br />
Itulah cara mengunci folder tanpa software , dengan demikian kawan kawan bisa membuat folder lebih aman dan terjaga serta tidak diketahui oleh orang lain yang mungkin sedang meminjam laptotp/komputer kawan kawan.Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-40772633661798173022017-09-16T23:44:00.000+07:002017-09-24T14:22:28.296+07:00Artikel Mengenai Sejarah Lahirnya Komputer<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFE5ktyCbn4-cOl28dZZPO8iYMPXWF7kxdpw-IRY0xXzbt2WGmc1QBolylR-JrW81n5JSasIajvX7WdJEe9NS2BtF9MFAeokzZdv9nHeIBGMTIt3KNQcU0ifPKVYf7un9Kh4iVjqgI34Q/s1600/computer-wallpapers-full-hd-For-Desktop-Wallpaper.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFE5ktyCbn4-cOl28dZZPO8iYMPXWF7kxdpw-IRY0xXzbt2WGmc1QBolylR-JrW81n5JSasIajvX7WdJEe9NS2BtF9MFAeokzZdv9nHeIBGMTIt3KNQcU0ifPKVYf7un9Kh4iVjqgI34Q/s320/computer-wallpapers-full-hd-For-Desktop-Wallpaper.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<span style="line-height: 18.4px;">Komputer adalah alat yang dipakai untuk mengolah </span><span style="color: black;">data</span><span style="line-height: 18.4px;"> menurut perintah yang telah dirumuskan. Kata komputer semula dipergunakan untuk menggambarkan orang yang perkerjaannya melakukan per</span><span style="color: black;">hitungan aritmatika</span><span style="line-height: 18.4px;">, dengan atau tanpa alat bantu, tetapi arti kata ini kemudian dipindahkan kepada </span><span style="color: black;">mesin</span><span style="line-height: 18.4px;"> itu sendiri. Asal mulanya, pengolahan informasi hampir eksklusif berhubungan dengan masalah </span><span style="color: black;">aritmatika</span><span style="line-height: 18.4px;">, tetapi komputer modern dipakai untuk banyak tugas yang tidak berhubungan dengan </span><span style="color: black;">matematika</span><span style="line-height: 18.4px;">.</span></div>
<div style="text-align: justify;">
<span style="line-height: 18.4px;"><br /></span></div>
<div class="MsoNormal" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<div style="text-align: justify;">
<span style="line-height: 18.4px;">Secara luas, Komputer dapat didefinisikan sebagai suatu peralatan elektronik yang terdiri dari beberapa komponen, yang dapat bekerja sama antara komponen satu dengan yang lain untuk menghasilkan suatu informasi berdasarkan program dan data yang ada. Adapun komponen komputer adalah meliputi : Layar Monitor, CPU, Keyboard, Mouse dan Printer (sbg pelengkap). Tanpa printer komputer tetap dapat melakukan tugasnya sebagai pengolah data, namun sebatas terlihat dilayar monitor belum dalam bentuk print out (kertas).</span></div>
</div>
<div class="MsoNormal">
<br />
<div style="text-align: justify;">
Dalam definisi seperti itu terdapat alat seperti <span style="color: black;">slide rule</span>, jenis <span style="color: black;">kalkulator mekanik</span> mulai dari <span style="color: black;">abakus</span> dan seterusnya, sampai semua komputer elektronik yang<span style="color: black;">kontemporer</span>. Istilah lebih baik yang cocok untuk arti luas seperti "komputer" adalah "yang mem<span style="color: black;">proses informasi</span>" atau "<span style="color: black;">sistem</span> peng<span style="color: black;">olah informasi</span>."</div>
<span style="line-height: 18.4px;"></span><br />
<div style="text-align: justify;">
<span style="line-height: 18.4px;"><br /></span></div>
<span style="line-height: 18.4px;">
</span>
<div style="text-align: justify;">
<span style="line-height: 18.4px;">Istilah Komputer berasal dari bahasa latin "computare", yang berarti alat hitung, Komputer saat ini adalah hasil evolusi panjang dari komputer zaman dahulu, yang mulanya adalah alat mekanik dan elektronik.</span></div>
<span style="line-height: 18.4px;">
<o:p></o:p></span></div>
<div class="MsoNormal">
<br />
<div style="text-align: justify;">
Sejarah Lahirnya Komputer ditandai dengan awal mula lahirnya komputer. Dimulai dari komputer generasi pertama sampai komputer generasi keempat.</div>
<span style="line-height: 18.4px;"></span><br />
<div style="text-align: justify;">
<span style="line-height: 18.4px;"><br /></span></div>
<span style="line-height: 18.4px;">
<o:p></o:p></span></div>
<div class="MsoListParagraph" style="background: white; margin-bottom: 0in; text-indent: -0.25in;">
<div style="text-align: justify;">
<span style="font-family: "wingdings";">§<span style="font-family: "times new roman"; font-stretch: normal;"> </span></span><b>SEJARAH LAHIRNYA KOMPUTER</b><o:p></o:p></div>
</div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Komputer telah terjadi berbagai perkembangan yang signifikan. Dari berbagai penemuan yang kecil dapat berkembang menjadi berbagai penemuan yang sangat luar biasa. Dalam waktunya, perkembangan komputer dibagi menjadi dua, yaitu perkembangan komputer sebelum tahun 1940 dan perkembangan komputer setelah tahun 1940.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<b>A. Perkembangan Komputer Sebelum Tahun 1940</b><o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Awal mula komputer yang sebenarnya dibentuk oleh seorang profesor matematika Inggris, Charles Babbage (1791-1871). Tahun 1812, Babbage memperhatikan kesesuaian alam antara mesin mekanik dan matematika:mesin mekanik sangat baik dalam mengerjakan tugas yang sama berulang kali tanpa kesalahan; sedang matematika membutuhkan repetisi sederhana dari suatu langkah-langkah tertentu. Masalah tersebut kemudian berkembang hingga menempatkan mesin mekanik sebagai alat untuk menjawab kebutuhan mekanik. Usaha Babbage yang pertama untuk menjawab masalah ini muncul pada tahun 1822 ketika ia mengusulkan suatu mesin untuk melakukan perhitungan persamaan diferensial. Mesin tersebut dinamakan Mesin Diferensial. Dengan menggunakan tenaga uap, mesin tersebut dapat menyimpan program dan dapat melakukan kalkulasi serta mencetak hasilnya secara otomatis. <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Setelah bekerja dengan Mesin Diferensial selama sepuluh tahun, Babbage tiba-tiba terinspirasi untuk memulai membuat komputer general-purpose yang pertama, yang disebut Analytical Engine. Asisten Babbage, Augusta Ada King (1815-1842) memiliki peran penting dalam pembuatan mesin ini. Ia membantu merevisi rencana, mencari pendanaan dari pemerintah Inggris, dan mengomunikasikan spesifikasi Anlytical Engine kepada publik. Selain itu, pemahaman Augusta yang baik tentang mesin ini memungkinkannya membuat instruksi untuk dimasukkan ke dalam mesin dan juga membuatnya menjadi programmer wanita yang pertama. Pada tahun 1980, Departemen Pertahanan Amerika Serikat menamakan sebuah bahasa pemrograman dengan nama ADA sebagai penghormatan kepadanya. <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Pada 1889, Herman Hollerith (1860-1929) juga menerapkan prinsip kartu perforasi untuk melakukan penghitungan. Tugas pertamanya adalah menemukan cara yang lebih cepat untuk melakukan perhitungan bagi Biro Sensus Amerika Serikat. Sensus sebelumnya yang dilakukan di tahun 1880 membutuhkan waktu tujuh tahun untuk menyelesaikan perhitungan. Dengan berkembangnya populasi, Biro tersebut memperkirakan bahwa dibutuhkan waktu sepuluh tahun untuk menyelesaikan perhitungan sensus. <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Pada masa berikutnya, beberapa insinyur membuat penemuan baru lainnya. Vannevar Bush (1890-1974) membuat sebuah kalkulator untuk menyelesaikan persamaan diferensial di tahun 1931. Mesin tersebut dapat menyelesaikan persamaan diferensial kompleks yang selama ini dianggap rumit oleh kalangan akademisi. Mesin tersebut sangat besar dan berat karena ratusan gerigi dan poros yang dibutuhkan untuk melakukan perhitungan. Pada tahun 1903, John V. Atanasoff dan Clifford Berry mencoba membuat komputer elektrik yang menerapkan aljabar Boolean pada sirkuit elektrik. Pendekatan ini didasarkan pada hasil kerja George Boole (1815-1864) berupa sistem biner aljabar, yang menyatakan bahwa setiap persamaan matematika dapat dinyatakan sebagai benar atau salah. Dengan mengaplikasikan kondisi benar-salah ke dalam sirkuit listrik dalam bentuk terhubung-terputus, Atanasoff dan Berry membuat komputer elektrik pertama di tahun 1940. Namun proyek mereka terhenti karena kehilangan sumber pendanaan. <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; margin-bottom: 0in; text-align: justify;">
<b>B. Perkembangan Komputer Setelah Tahun 1940 </b><o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<b>1. Generasi Pertama (1940-1951)</b><o:p></o:p><br />
<b><br /></b></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<div style="text-align: center;">
<span style="font-family: "arial" , sans-serif;"> </span><img alt="komputer-generasi-pertama2.jpg (400×318)" height="508" src="https://kurniamp.files.wordpress.com/2014/11/komputer-generasi-pertama2.jpg" style="background-color: transparent;" width="640" /></div>
</div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Pada waktu Perang Dunia Kedua, negara-negara yang ikut dalam perang tersebut terus berusaha untuk mengembangkan komputer yang akan digunakan untuk mengeksploit potensi strategis yang dimiliki komputer. Karena hal ini, maka adanya peningkatan pendanaan dari negara untuk mempercepat pengembangan komputer serta kemajuan teknik komputer. Dan pada tahun 1941, seorang insinyur <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Jerman, Konrad Zuse berhasil membangun sebuah komputer Z3 yang digunakan untuk mendesain pesawat terbang dan juga peluru kendali.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Di lain pihak, perihal sekutu yaitu Inggris pada tahun 1943 telah menyelesaikan komputer yang digunakan untuk memecahkan kode rahasia yang diberi nama Colossus, untuk memecahkan kode rahasia yang digunakan militer Jerman. Dan dampak dari pembuatan Colussus ini tidak memberikan pengaruh yang signifikan terhadap perkembangan industri komputer.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Di samping itu, di pihak Amerika Serikat pada waktu itu dan berhasil mencapai kemajuan lainnya, yaitu seorang insinyur Harvard, Howard H. Aiken (1900-1973) yang bekerja dengan IBM berhasil memproduksi kalkulator elektronik untuk US Navy. Kalkulator tersebut berukuran panjang setengah lapangan bola kaki dan memiliki rentang kabel sepanjang 500mil. The Harvard-IBM Automatic Sequence Controlled Calculator, atau Mark I, merupakan komputer relai elektronik. Ia menggunakan sinyal elektromagnetik untuk menggerakkan komponen mekanik. Mesin tersebut beroperasi dengan lambat (ia membutuhkan 3-5 detik untuk setiap perhitungan) dan tidak fleksibel (urutan kalkulasi tidak dapat diubah). Kalkulator tersebut dapat melakukan perhitungan aritmetika dasar dan persamaan yang lebih kompleks.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Lalu perkembangan komputer lain pada masa itu adalah Electronic Numerical Integrator and Computer (ENIAC), yang dibuat oleh kerja sama antara pemerintah Amerika Serikat dan University of Pennsylvania. Terdiri dari 18.000 tabung vakum, 70.000 resistor, dan 5 juta titik solder, komputer tersebut merupakan mesin yang sangat besar yang mengonsumsi daya sebesar 160kW. Komputer tersebut dirancang oleh John Presper Eckert (1919-1995) dan John W. Mauchly (1907-1980), ENIAC merupakan komputer serbaguna (general purpose computer) yang bekerja 1000 kali lebih cepat dibandingkan Mark I.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Pada pertengahan 1940-an, John von Neumann (1903-1957) mendesain Electronic Discrete Variable Automatic Computer (EDVAC) pada tahun 1945 dengan sebuah memori untuk menampung baik program ataupun data. Teknik ini memungkinkan komputer untuk berhenti pada suatu saat dan kemudian melanjutkan pekerjaannya kembali.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Tahun 1951, UNIVAC I (Universal Automatic Computer I) yang dibuat oleh Remington Rand, menjadi komputer komersial pertama yang memanfaatkan model arsitektur von Neumann tersebut.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Komputer Generasi pertama dikarakteristik dengan fakta bahwa instruksi operasi dibuat secara spesifik untuk suatu tugas tertentu. Setiap komputer memiliki program kode-biner yang berbeda yang disebut “bahasa mesin” (machine language). Hal ini menyebabkan komputer sulit untuk diprogram dan membatasi kecepatannya. Ciri lain komputer generasi pertama adalah penggunaan tube vakum (yang membuat komputer pada masa tersebut berukuran sangat besar) dan silinder magnetik untuk penyimpanan data.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br />
komputer generasi pertama terdiri dari :<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "symbol";">·<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> </span></span>UNIVAC II (pabrik pembuatnya Sperry Rand – Univac) <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "symbol";">·<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> </span></span>Datamatic 1000 (pabrik pembuatnya Honeywell) <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "symbol";">·<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> </span></span>Mark II, Mark III, IBM 702, IBM 704, IBM 709 (pabrik pembuatnya International Business Machine) <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "symbol";">·<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> </span></span>CRC, NCR 102A, NCR 102D (pabrik pembuatnya National Cash Register) <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "symbol";">·<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> </span></span>BIZMAC I, BIZMAC II (pabrik pembuatnya RCA) <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<b><br />2. Generasi Kedua</b><o:p></o:p><br />
<b><br /></b></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<div style="text-align: center;">
<img alt="univac1107.jpg (400×262)" height="419" src="https://agabastian.files.wordpress.com/2012/03/univac1107.jpg" style="background-color: transparent;" width="640" /></div>
</div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Pada tahun 1948, penemuan transistor sangat mempengaruhi perkembangan komputer. Transistor menggantikan tabung vakum di televisi, radio, dan komputer. Akibatnya, ukuran mesin-mesin elektrik berkurang drastis. Transistor mulai digunakan di dalam komputer mulai pada tahun 1956. Penemuan lain yang berupa pengembangan memori inti-magnetik membantu pengembangan komputer generasi kedua yang lebih kecil, lebih cepat, lebih dapat diandalkan, dan lebih hemat energi dibanding para pendahulunya.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Mesin pertama yang memanfaatkan teknologi baru ini adalah superkomputer. IBM membuat superkomputer bernama Stretch, dan Sprery-Rand membuat komputer bernama LARC. Komputer-komputer ini, yang dikembangkan untuk laboratorium energi atom, dapat menangani data dalam jumlah yang besar. Mesin tersebut sangat Mahal dan cenderung terlalu kompleks untuk kebutuhan komputasi bisnis, sehingga membatasi kepopulerannya. Hanya ada dua LARC yang pernah dipasang dan digunakan: satu di Lawrence Radiation Labs di Livermore, California, dan yang lainnya di US Navy Research and Development Center di Washington D.C. Komputer generasi kedua menggantikan bahasa mesin dengan bahasa Assembly. Bahasa Assembly adalah bahasa yang menggunakan singkatan-singkatan untuk menggantikan kode biner. Pada awal 1960-an, mulai bermunculan komputer generasi kedua yang sukses di bidang bisnis, di universitas, dan di pemerintahan.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Komputer-komputer generasi kedua ini merupakan komputer yang sepenuhnya menggunakan transistor. Mereka juga memiliki komponen-komponen yang dapat diasosiasikan dengan komputer pada saat ini: printer, penyimpanan dalam disket, memori, sistem operasi, dan program.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Salah satu contoh penting komputer pada masa ini adalah IBM 1401 yang diterima secara luas di kalangan industri. Pada tahun 1965, hampir seluruh bisnis-bisnis besar menggunakan komputer generasi kedua untuk memproses informasi keuangan. Program yang tersimpan di dalam komputer dan bahasa pemrograman yang ada di dalamnya memberikan fleksibilitas kepada komputer. Fleksibilitas ini meningkatkan kinerja dengan harga yang pantas bagi penggunaan bisnis. Dengan konsep ini, komputer dapat mencetak faktur pembelian konsumen dan kemudian menjalankan desain produk atau menghitung daftar gaji.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Beberapa bahasa pemrograman mulai bermunculan pada saat itu. Bahasa pemrograman Common Business-Oriented Language (COBOL) dan Formula Translator (FORTRAN) mulai umum digunakan. Bahasa pemrograman ini menggantikan kode mesin yang rumit dengan kata-kata, kalimat, dan formula matematika yang lebih mudah dipahami oleh manusia. Hal ini memudahkan seseorang untuk memprogram dan mengatur komputer. Berbagai macam karier baru bermunculan (programmer, analis, dan ahli sistem komputer). Industri peranti lunak juga mulai bermunculan dan berkembang pada masa komputer generasi kedua ini.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Komputer generasi kedua di antaranya adalah :<br />
<span style="text-indent: -0.25in;"><br /></span>
<span style="text-indent: -0.25in;">- UNIVAC III, UNIVAC SS80, UNIVAC SS90, UNIVAC 1107 9 (pabrik pembuatnya Sperry Rand-UNIVAC). </span><br />
<span style="text-indent: -0.25in;">- Burrouhgs 200 (pabrik pembuatnya Burroughs). </span><br />
<span style="text-indent: -0.25in;">- IBM 7070, IBM 7080, IBM 1400, IBM 1600. </span><br />
<span style="text-indent: -0.25in;">- NCR 300 (pabrik pembuatnya National Cash Register). </span><br />
<span style="text-indent: -0.25in;">- Honeywell 400, Honeywell 800. </span><br />
<span style="text-indent: -0.25in;">- CDC 1604, CDC 160A (pabrik pembuatnya Control Data Corporation). </span><br />
<span style="text-indent: -0.25in;">- GE 635, GE 645, GE 200 (pabrik pembuatnya General Electric).</span></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<br />
<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<b>3. Generasi Ketiga</b><o:p></o:p><br />
<b><br /></b></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<div style="text-align: center;">
<span style="font-family: "arial" , sans-serif;"> </span><img alt="ibm-s-360.jpg (275×186)" height="432" src="https://d3171s.files.wordpress.com/2011/03/ibm-s-360.jpg?w=645" width="640" /></div>
</div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br />
Meski transistor lebih unggul dari tube vakum, namun transistor menghasilkan panas yang cukup besar, yang berpotensi merusak bagian-bagian internal komputer. Batu kuarsa (quartz rock) menghilangkan masalah ini. Jack Kilby, seorang insinyur di Texas Instrument, mengembangkan sirkuit terintegrasi (IC: integrated circuit) di tahun 1958. IC mengombinasikan tiga komponen elektronik dalam sebuah piringan silikon kecil yang terbuat dari pasir kuarsa. Para ilmuwan berhasil memasukkan lebih banyak komponen-komponen ke dalam chip tunggal yang disebut semikonduktor. Hasilnya, komputer menjadi semakin kecil karena komponen-komponen dipadatkan dalam chip.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Kemajuan komputer generasi ketiga lainnya adalah penggunaan sistem operasi (operating system) yang memungkinkan mesin untuk menjalankan berbagai program yang berbeda secara bersama-sama dengan sebuah program utama yang memonitor dan mengoordinasi memori komputer.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Komputer generasi ketiga di antaranya adalah :<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "symbol";">·<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> - </span></span>UNIVAC 1109, UNIVAC 9000. <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "symbol";">·<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> - </span></span>Burroughs 5700, Burroughs 6700, Burroughs 7700. <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "symbol";">·<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> - </span></span>GE 600, GE 235. <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "symbol";">·<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> - </span></span>CDC 3000, CDC 6000, CDC 7000. <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "symbol";">·<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> - </span></span>PDP-8, PDP-11 (pabrik pembuatnya Digital Equipment Corporation).<br />
<br />
<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<b>4. Generasi Keempat</b><o:p></o:p><br />
<b><br /></b></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
</div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://cholis163.files.wordpress.com/2012/07/komputer4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="komputer4.jpg (378×254)" border="0" height="430" src="https://cholis163.files.wordpress.com/2012/07/komputer4.jpg" style="background-color: transparent;" width="640" /></a></div>
<br />
<div style="text-align: center;">
<br /></div>
<br />
Pada tahun 1980-an, Very Large Scale Integration (VLSI) memuat ribuan komponen dalam sebuah chip tunggal. Ultra-Large Scale Integration (ULSI) meningkatkan jumlah tersebut menjadi jutaan. Kemampuan untuk memasang sedemikian banyak komponen dalam suatu keping yang berukuran setengah keping uang logam mendorong turunnya harga dan ukuran komputer. Hal tersebut juga meningkatkan daya kerja, efisiensi dan keterandalan komputer.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Chip Intel 4004 yang dibuat pada tahun 1971 membawa kemajuan pada IC dengan meletakkan seluruh komponen dari sebuah komputer (central processing unit, memori, dan kendali input/output) dalam sebuah chip yang sangat kecil. Sebelumnya, IC dibuat untuk mengerjakan suatu tugas tertentu yang spesifik. Sekarang, sebuah mikroprosesor dapat diproduksi dan kemudian diprogram untuk memenuhi seluruh kebutuhan yang diinginkan. Tidak lama kemudian, setiap perangkat rumah tangga seperti microwave oven, televisi, dan mobil dengan electronic fuel injection dilengkapi dengan mikroprosesor.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Pada pertengahan tahun 1970-an, perakit komputer menawarkan produk komputer mereka ke masyarakat umum. Komputer-komputer ini, yang disebut minikomputer, dijual dengan paket peranti lunak yang mudah digunakan oleh kalangan awam. Peranti lunak yang paling populer pada saat itu adalah program word processing dan spreadsheet. Pada awal 1980-an, video game seperti Atari 2600 menarik perhatian konsumen pada komputer rumahan yang lebih canggih dan dapat diprogram.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Pada tahun 1981, IBM memperkenalkan penggunaan Personal Computer (PC) untuk penggunaan di rumah, kantor, dan sekolah. Jumlah PC yang digunakan melonjak dari 2 juta unit di tahun 1981 menjadi 5,5 juta unit di tahun 1982. Sepuluh tahun kemudian, 65 juta PC digunakan. Komputer melanjutkan evolusinya menuju ukuran yang lebih kecil, dari komputer yang berada di atas meja (desktop computer) menjadi komputer yang dapat dimasukkan ke dalam tas (laptop), atau bahkan komputer yang dapat digenggam (palmtop). IBM PC bersaing dengan Apple Macintosh dalam memperebutkan pasar komputer. Apple Macintosh menjadi terkenal karena mempopulerkan sistem grafis pada komputernya, sementara saingannya masih menggunakan komputer yang berbasis teks.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Pada masa sekarang, kita mengenal perjalanan IBM compatible dengan pemakaian CPU: IBM PC/486, Pentium, Pentium II, Pentium III, Pentium IV (Serial dari CPU buatan Intel). Juga kita kenal AMD k6, Athlon, dsb. Ini semua masuk dalam golongan komputer generasi keempat.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Komputer generasi keempat di antaranya adalah:<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "symbol";">·<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> - </span></span>IBM 370. <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "symbol";">·<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> - </span></span>Apple II. <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "symbol";">·<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> - </span></span>IBM PC/XT, IBM PC/AT, IBM PS/2, IBM PC/386, IBM PC/486. <o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-left: 0in; margin-right: 15pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "symbol";">·<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> - </span></span>IBM Pentium II.<br />
<br />
<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<b>5. Generasi Kelima</b><o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjY-0j5oYrFjliDF6102VdkXR83A3j9kJ3ZlFa6wyOSkMMr2ULzz89NZizlnIuJzGZjrTejXdFu8jR80F4jJgYE8PcM99p6596UdsmZk7tJXpcITFMsHEDcrgAAQJKiaIQf3hH7VojoZQ/s1600/Alienware-18.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="562" data-original-width="750" height="476" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjY-0j5oYrFjliDF6102VdkXR83A3j9kJ3ZlFa6wyOSkMMr2ULzz89NZizlnIuJzGZjrTejXdFu8jR80F4jJgYE8PcM99p6596UdsmZk7tJXpcITFMsHEDcrgAAQJKiaIQf3hH7VojoZQ/s640/Alienware-18.jpg" width="640" /></a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , sans-serif;"><br /></span></div>
</div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Banyak kemajuan di bidang desain komputer dan teknologi semakin memungkinkan pembuatan komputer generasi kelima. Dua kemajuan rekayasa yang terutama adalah kemampuan pemrosesan paralel, yang akan menggantikan model non Neumann. Model non Neumann akan digantikan dengan sistem yang mampu mengoordinasikan banyak CPU untuk bekerja secara serempak. Kemajuan lain adalah teknologi super konduktor yang memungkinkan aliran elektrik tanpa ada hambatan apapun, yang nantinya dapat mempercepat kecepatan informasi.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Pada generasi ini ditandai dengan munculnya: LSI (Large Scale Integration) yang merupakan pemadatan ribuan microprocessor ke dalam sebuah microprocessor. Selain itu, juga ditandai dengan munculnya microprocessor dan semi conductor. Perusahaan-perusahaan yang membuat microprocessor di antaranya adalah: Intel Corporation, Motorola, Zilog dan lainnya lagi. Di pasaran bisa kita lihat adanya microprocessor dari Intel dengan model 4004, 8088, 80286, 80386, 80486, dan Pentium.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Pentium-4 merupakan produksi terbaru dari Intel Corporation yang diharapkan dapat menutupi segala kelemahan yang ada pada produk sebelumnya, di samping itu, kemampuan dan kecepatan yang dimiliki Pentium-4 juga bertambah menjadi 2 GHz. Gambar-gambar yang ditampilkan menjadi lebih halus dan lebih tajam, di samping itu kecepatan memproses, mengirim ataupun menerima gambar juga menjadi semakin cepat.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Pentium-4 diproduksi dengan menggunakan teknologi 0.18 mikron. Dengan bentuk yang semakin kecil mengakibatkan daya, arus dan tegangan panas yang dikeluarkan juga semakin kecil. Dengan prosesor yang lebih cepat dingin, dapat dihasilkan kecepatan MHz yang lebih tinggi. Kecepatan yang dimiliki adalah 20 kali lebih cepat dari generasi Pentium–3.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Packard Bell iXtreme 4140i merupakan salah satu PC komputer yang telah menggunakan Pentium-4 sebagai prosesor dengan kecepatan 1.4 GHz, memori RDRAM 128 MB, hard disk sebesar 40 GB (1.5 GB digunakan untuk recovery), serta video card GeForce2 MX dengan memori 32 MB.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
HP Pavilion 9850 juga merupakan PC yang menggunakan Pentium-4 untuk prosesor nya dengan kecepatan 1.4 GHz. PC Pentium-4 Hewllett-Packard ini daaing dengan dominan warna hitam dan abu-abu. Dibanding dengan PC lainnya, Pavilion merupakan PC Pentium-4 dengan fasilitas terlengkap. Memori yang dimiliki sebesar RDRAM 128 MB, hard disk 30 GB dengan monitor sebesar 17 inci.<o:p></o:p></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15pt; margin-bottom: 0in; text-align: justify;">
Jepang adalah negara yang terkenal dalam sosialisasi jargon dan proyek komputer generasi kelima. Lembaga ICOT (Institute for new Computer Technology) juga dibentuk untuk merealisasikannya. Banyak kabar yang menyatakan bahwa proyek ini telah gagal, namun beberapa informasi lain bahwa keberhasilan proyek komputer generasi kelima ini akan membawa perubahan baru paradigma komputerisasi di dunia.</div>
Reza Armandahttp://www.blogger.com/profile/06914901625830074432noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-376749259171254762017-05-27T14:58:00.000+07:002017-09-16T20:06:16.568+07:00Format Tulisan / Teks di HTML<div class="MsoNormal" style="mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtbpcCypk7OunfcNE68DW5MXI0scnr7_LoPcY0tEePVcqaR8yHCsCHklh9k2OnqoqFcM-lOHT5rgtcG1RW3VHqqIk6VrzUYT1RSXD7aVDEHD3jV223cV-cMKAD86hyp7c4trmKGI34GBk/s1600/wallhaven-439017.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtbpcCypk7OunfcNE68DW5MXI0scnr7_LoPcY0tEePVcqaR8yHCsCHklh9k2OnqoqFcM-lOHT5rgtcG1RW3VHqqIk6VrzUYT1RSXD7aVDEHD3jV223cV-cMKAD86hyp7c4trmKGI34GBk/s320/wallhaven-439017.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<span lang="id">Dalam HTML terdapat tag-tag yang mempunyai fungsi
sebagai penformatan teks atau tulisan</span>.
Kawan-kawan bisa meberikan format pada tulisan atau teks <span lang="id">baik itu cara membuat teks tebal, miring ,
garis bawah, dan lain lain. </span>Seperti biasa cara
penulisannya pun harus diawali dengan tag pembuka dan diakhiri dengan tag
penutup. <span lang="id">Dibawah ini
beberapa tag HTML dalam penformatan teks / tulisan</span> yang saya ketahui dan sering digunakan :</div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<o:p></o:p></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
</div>
<div style="text-align: center;">
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; text-align: center;">
<tbody>
<tr style="height: 14.8pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
<td style="background: #365F91; border: solid windowtext 1.0pt; height: 14.8pt; mso-background-themecolor: accent1; mso-background-themeshade: 191; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 130.0pt;" valign="top" width="173"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="color: white; mso-themecolor: background1;">TAG<o:p></o:p></span></div>
</td>
<td style="background: #365F91; border-left: none; border: solid windowtext 1.0pt; height: 14.8pt; mso-background-themecolor: accent1; mso-background-themeshade: 191; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 328.6pt;" valign="top" width="438"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="color: white; mso-themecolor: background1;">FUNGSI<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 13.85pt; mso-yfti-irow: 1;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 13.85pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 130.0pt;" valign="top" width="173"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<b>...</b><o:p></o:p></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 13.85pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 328.6pt;" valign="top" width="438"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<b>Menebalkan teks / tulisan</b><o:p></o:p></div>
</td>
</tr>
<tr style="height: 14.8pt; mso-yfti-irow: 2;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 14.8pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 130.0pt;" valign="top" width="173"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<i>...</i><o:p></o:p></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 14.8pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 328.6pt;" valign="top" width="438"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<i>Membuat garis miring pada tulisan</i><o:p></o:p></div>
</td>
</tr>
<tr style="height: 13.85pt; mso-yfti-irow: 3;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 13.85pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 130.0pt;" valign="top" width="173"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<u>...</u><o:p></o:p></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 13.85pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 328.6pt;" valign="top" width="438"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<u>Membuat tulisan garis bawah<o:p></o:p></u></div>
</td>
</tr>
<tr style="height: 14.8pt; mso-yfti-irow: 4;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 14.8pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 130.0pt;" valign="top" width="173"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<strike>...</strike><o:p></o:p></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 14.8pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 328.6pt;" valign="top" width="438"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<s>Mencoret Tulisan / teks<o:p></o:p></s></div>
</td>
</tr>
<tr style="height: 14.8pt; mso-yfti-irow: 5;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 14.8pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 130.0pt;" valign="top" width="173"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<sub>...</sub><o:p></o:p></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 14.8pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 328.6pt;" valign="top" width="438"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
Membuat teks kecil di bawah: Teks<sub>kecil dibawah<o:p></o:p></sub></div>
</td>
</tr>
<tr style="height: 14.8pt; mso-yfti-irow: 6; mso-yfti-lastrow: yes;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 14.8pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 130.0pt;" valign="top" width="173"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<sup>...</sup><o:p></o:p></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 14.8pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 328.6pt;" valign="top" width="438"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
Membuat teks kecil diatas: Teks<sup>Kecil diatas<o:p></o:p></sup></div>
</td>
</tr>
</tbody></table>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<span style="text-indent: 36pt;"><br />Sekarang mari kita coba membuat latihan
file html , Buatlah halaman dasar HTML dengan nama format-tulisan.html . Bagi
kawan-kawan yang belum mengerti cara membuat halaman dasar HTML bisa dilihat
</span><a href="http://www.kawansebaya.com/2017/03/membuat-halaman-dasar-html.html" style="text-indent: 36pt;">disini</a><span style="text-indent: 36pt;">.</span></div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
Masukkan coding berikut ke dalam
file format-tulisan.html</div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<br /></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<html></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<head></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<title>Contoh Format Tulisan di
HTML</title></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
</head></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<br /></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<body
align="center"></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<h2>Berikut Contoh Format teks di
HTML</h2></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<hr></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<p>Tulisan / Teks Cetak Tebal : <br></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<b>Ini tulisan Bercetak
Tebal</b></p></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<hr></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<p>Tulisan / Teks Miring : <br></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<i>Ini tulisan Miring</i></p></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<hr></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<p>Tulisan / Teks Garis Bawah : <br></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<u>Ini tulisan Bergaris
bawah</u></p></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<hr></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<p>Tulisan / Teks Garis Tengah : <br></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<strike>Ini tulisan Bergaris
Tengah</strike></p></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<hr></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<p>Tulisan / Teks Berada kecil dibawah
(subscript) : <br></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
Ini tulisan<sub>Kecil</sub> ,
H<sub>2</sub>O , </div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
</p></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<hr></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
<p>Tulisan / Teks Berada kecil diatas (biasa
kita sebut pangkat) : <br></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
Ini tulisan<sup>Kecil</sup> ,
10<sup>2</sup></p></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
</body></div>
</div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<div style="text-align: left;">
</html></div>
</div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span id="goog_1481102772"></span><span id="goog_1481102773"></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu5Y6rVY95VZn8iiBZuX5FNDsZcpPXQ0hBG2x7jNf2fHIGcHX5JghpMl3RoRVvNEP8RPXxLz6SyZAviKK4vvto0pkhgZqm8FaXBPwPG8Yvt8gvfbjCC2tFZcBAMyQO6QIZiBbnR6-2Mv1c/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="570" data-original-width="1024" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu5Y6rVY95VZn8iiBZuX5FNDsZcpPXQ0hBG2x7jNf2fHIGcHX5JghpMl3RoRVvNEP8RPXxLz6SyZAviKK4vvto0pkhgZqm8FaXBPwPG8Yvt8gvfbjCC2tFZcBAMyQO6QIZiBbnR6-2Mv1c/s640/1.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<o:p><span id="goog_1019439822"></span><span id="goog_1019439823"></span><br /></o:p></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<b>PENJELASAN:<o:p></o:p></b></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 90.0pt; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><h2>Berikut Contoh Format teks di
HTML</h2> , merupakan heading 2 (judul)</div>
</div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]-->Tag <hr> , ialah tag yang membuat garis
panjang. </div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]-->Tag <br> , ialah tag untuk membuat baris
baru.</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]-->Tag <p>..</p> ialah mendeklarasikan
sebuah paragraf.</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]-->Tag <b>Ini tulisan Bercetak
Tebal</b> , menghasilkan tulisan bercetak tebal</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]-->Tag <i>Ini tulisan Miring</i> ,
menghasilkan tulisan yang bercetak miring.</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]-->Tag <u>Ini tulisan Bergaris
bawah</u> , menghasilkan tulisan
dengan bergaris bawah.</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]-->Tag <strike>Ini tulisan Bergaris
Tengah</strike> , menghasilkan tulisan bergaris ditengah (coretan
ditengah).</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]-->Ini tulisan<sub>Kecil</sub> , menghasilkan
tulisan kecil di bawah.</div>
</div>
<div class="MsoListParagraphCxSpLast" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]-->Ini tulisan<sup>Kecil</sup> ,
menghasilkan tulisan kecil di atas.</div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
‘</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAxmYxPsPucfXlHL4tjwbJ5rPEpkoqc0M3-PvRSliBb9Kq0UYx475Xt4C8gf8A9Ha9AwgTFTMQeCSSQT_4OoXZqoGFPRgaXjkclK82qADJsyHY6wt0VXL9gaABtk_WOgMMpl6VjUjh4PqM/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="568" data-original-width="1024" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAxmYxPsPucfXlHL4tjwbJ5rPEpkoqc0M3-PvRSliBb9Kq0UYx475Xt4C8gf8A9Ha9AwgTFTMQeCSSQT_4OoXZqoGFPRgaXjkclK82qADJsyHY6wt0VXL9gaABtk_WOgMMpl6VjUjh4PqM/s640/2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Kawan-kawan
juga bisa mengkombinasikan atau menggabungkan format tulisan di HTML , seperti
menggabungkan tulisan bergaris bawah dengan tulisan bercetak tebal, atau
tulisan bercetak miring dan bercetak tebal, dan lain lain. Misalnya : <b><i><s><u>Seperti
INI . </u></s></i></b></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<b><i><s><u><br /></u></s></i></b></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Yang
perlu kawan-kawan perhatikan ialah peletakan tag pembuat atau tag penutup. Dalam
pembuatan teks/tulisan <b><i><s><u>Seperti INI. </u></s></i></b> Kita bisa menggunakan tag
<b>,<i>,<u>,<strike>.
Dengan cara tambahkan script berikut ini ke file format-tulisan.html
tadi:</div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNoSpacing">
<div style="text-align: left;">
<h2>Berikut adalah
Kombinasi dari format Teks di HTML</h2><hr></div>
</div>
<div class="MsoNoSpacing">
<div style="text-align: left;">
<p>Menggabungkan tulisan
bercetak tebal,miring,garis bawah, dan garis tengah.<br></div>
</div>
<div class="MsoNoSpacing">
<div style="text-align: left;">
</div>
<div style="text-align: left;">
Contoh pada tulisan :
<strike><b><u><i>Seperti
INI</i></u></b></strike></p></div>
</div>
<div class="MsoNoSpacing">
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisFIi7PFBSCPIMn4Tjp0ghj2f2tQsIM4MwenM3M4M8qAwwmTVaZ73QM4JNm47n5GS7pV8aYXu0PtHGdZTivMoLacgBlxoy6HafBlzu1EylSN3O_irQ8HK1HmtfhJUdpMhmiljooK5x7RRe/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="568" data-original-width="1024" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisFIi7PFBSCPIMn4Tjp0ghj2f2tQsIM4MwenM3M4M8qAwwmTVaZ73QM4JNm47n5GS7pV8aYXu0PtHGdZTivMoLacgBlxoy6HafBlzu1EylSN3O_irQ8HK1HmtfhJUdpMhmiljooK5x7RRe/s640/3.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="text-align: left;"><br /></span></div>
<div style="text-align: justify;">
<span style="text-align: left;">Maka
jika dibuka dibrowser akan seperti ini :</span></div>
</div>
<div class="MsoNoSpacing">
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVgKvTPCDDFpSLMt2YQL3s1Po_YkJsk81HIS1no2t2z0W_KDPFeA08-bDloSZ1GmXsTNDS2Uf7XTdGh2pzxQ6tix7WdLEMnKgaau9_iYsM83lxN07ZZmqNhWCG5LXkH0pt2dt2moQaEi02/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="556" data-original-width="1024" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVgKvTPCDDFpSLMt2YQL3s1Po_YkJsk81HIS1no2t2z0W_KDPFeA08-bDloSZ1GmXsTNDS2Uf7XTdGh2pzxQ6tix7WdLEMnKgaau9_iYsM83lxN07ZZmqNhWCG5LXkH0pt2dt2moQaEi02/s640/4.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNoSpacing">
<div style="text-align: justify;">
</div>
</div>
<div class="MsoNoSpacing">
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Itulah
cara membuat teks tebal, miring , garis bawah, dan lain lain di HTML. Selain
menggunakan tag Format teks HTML diatas tadi, kita juga bisa membuat gaya
tulisan atau teks dengan menggunakan CSS. Sebelum belajar CSS , Alangkah lebih
baik kawan-kawan mengerti terlebih dahulu HTML.</div>
</div>
<div class="MsoNoSpacing">
<div style="text-align: justify;">
<br /></div>
</div>
<div style="text-align: justify;">
Baiklah
, apabila kawan-kawan ada yang kurang dimengerti bisa berikan komentar dibawah.
Sekian dari saya, semoga bermanfaat . Selamat Mencoba <span style="text-align: center;">😃</span></div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-10145621587221322782017-05-17T22:19:00.000+07:002017-09-16T20:13:19.895+07:00Cara Menampilkan Gambar di HTML<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRNmpKbwm2afiO-_M8PDnrflyAb9MYY42S7gjhraRYtMTf_wwVwLqhdpQgW6LUWdISCo_OyqpJEKtxq8jKdLqqZSP-oPtP9lZbNAlG5NoG8TJMZNlHTDNaFbpRtJv8jxYXsJhjbR_q5h4/s1600/html_coder_wallpaper_by_guilhermecruz-d30op8g.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="563" data-original-width="900" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRNmpKbwm2afiO-_M8PDnrflyAb9MYY42S7gjhraRYtMTf_wwVwLqhdpQgW6LUWdISCo_OyqpJEKtxq8jKdLqqZSP-oPtP9lZbNAlG5NoG8TJMZNlHTDNaFbpRtJv8jxYXsJhjbR_q5h4/s320/html_coder_wallpaper_by_guilhermecruz-d30op8g.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
Kali ini saya akan membahas tentang bagaimana cara menampilkan image/gambar di halaman HTML. Sebagai lanjutan tutorial WEB tentang HTML. Sebelum nya saya sudah membuat tutorial cara membuat link di HTML , bagi kawan kawan yang belum membaca bisa dilihat <a href="http://www.kawansebaya.com/2017/05/cara-membuat-link-di-html.html">disini</a>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Menampilkan gambar di HTML tidak sesulit yang dibayangkan. Yang perlu diingat dalam menampilkan digambar ialah link gambar tersebut. Ingat.. Link gambar tersebut. Pada dasarnya konsep nya sama dengan bagaimana cara kita membuat link. Source gambar yang harus kita perhatikan, agar gambar yang kita ingin tampilkan muncul dihalaman HTML. Disini kita akan menggunakan tag HTML yaitu tag <img> Berikut contoh membuat gambar di HTML.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1.) Persiapkan Gambar yang ingin ditampilkan, bisa format tipe jpg,png, atau gif . namun disini saya<br />
akan menggunakan gambar jpg. Yaitu gambar koala.jpg.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: left;">
2.) Seperti biasa, Buat Halaman dasar HTML. Simpan di dalam folder (disini saya menggunakan </div>
<div style="text-align: left;">
xampp, jadi saya menyimpan nya di folder htdocs. Mungkin ini akan saya bahas ketika saya<br />
membuat pembahasan tentang PHP). Simpan dengan nama gambar1.html</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<html></div>
<div style="text-align: justify;">
<head></div>
<div style="text-align: justify;">
<title>Menampilkan Gambar di Halaman HTML - 1</title></div>
<div style="text-align: justify;">
</head></div>
<div style="text-align: justify;">
<body align=’center’></div>
<div style="text-align: justify;">
<h2>Contoh Menampilkan Gambar di HTML - 1 </h2></div>
<div style="text-align: justify;">
<h4>Dibawah ini akan muncul gambar yang akan di tampilkan</h4></div>
<div style="text-align: justify;">
<img src=”./koala.jpg”></div>
<div style="text-align: justify;">
</body></div>
<div style="text-align: justify;">
</html></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9bBGeFv9WyjvKOSVjrOmzfF6pb96OedyKOuTGGZn8gaZeAvuCy7WAsnObkJWVNTqRjWCz83Ix6UgBRdlGAaFgyQIGQzmzvw0slf_MhA8DrSMJcRK17CfiQFIdCwPmGALuaGXsZT-bSIl1/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="369" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9bBGeFv9WyjvKOSVjrOmzfF6pb96OedyKOuTGGZn8gaZeAvuCy7WAsnObkJWVNTqRjWCz83Ix6UgBRdlGAaFgyQIGQzmzvw0slf_MhA8DrSMJcRK17CfiQFIdCwPmGALuaGXsZT-bSIl1/s640/2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGCpE20wGOAJbdL31jo80tF6w6L3zan-H6Lnn_iF0VwboqrVyAvfV_jJGyiKvCvM3Mch-sRLSi_2-RANb5aB2a2S81EFgNO_Zrwhjkjvge9LMf-bYfH0QY1vfKowmf-MuDtG8rJ2HvYdA5/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGCpE20wGOAJbdL31jo80tF6w6L3zan-H6Lnn_iF0VwboqrVyAvfV_jJGyiKvCvM3Mch-sRLSi_2-RANb5aB2a2S81EFgNO_Zrwhjkjvge9LMf-bYfH0QY1vfKowmf-MuDtG8rJ2HvYdA5/s640/1.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Penjelasan Tag :</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
- <title>Menampilkan Gambar di Halaman HTML - 1</title> sebagai judul halaman</div>
<div style="text-align: justify;">
- <body align=’center’> , berarti semua elemen yang berada di dalam tag <body> memiliki align / perataan tengah , karena value nya = center.</div>
<div style="text-align: justify;">
- <h2>Contoh Menampilkan Gambar di HTML - 1 </h2>, Tag heading 2,</div>
<div style="text-align: justify;">
- <h4>Dibawah ini akan muncul gambar yang akan di tampilkan</h4> , Tag Heading 4.</div>
<div style="text-align: justify;">
- <img src=”./koala.jpg”> , tag inilah yang akan menampilkan gambar di halaman kita , src (source) nya ialah sesuai dengan nama gambar. Dan ingat, pastikan letakkan gambar di dalam 1 root folder dengan halaman html. Karena gambar berada dalam 1 folder , maka source nya cukup “./koala.jpg” .</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtClBM1_5TVWDrTgGzncN4anQDIsp5nCYKOHIBvCbmINK-Je-4Oaszd1z-27zvH7amaQ1Md-NR6D_vLEJfaiN2cQE6AStWfXFv_jjv_-yp2QcCNMazv6rN8AoK5evJMW8gyIdaVo1mraAg/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtClBM1_5TVWDrTgGzncN4anQDIsp5nCYKOHIBvCbmINK-Je-4Oaszd1z-27zvH7amaQ1Md-NR6D_vLEJfaiN2cQE6AStWfXFv_jjv_-yp2QcCNMazv6rN8AoK5evJMW8gyIdaVo1mraAg/s640/3.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: left;">
3.) Setelah disimpan, coba tampilkan di browser dengan cara klik kanan, open with browser, atau jika kalian meletakannya di c:/xampp/htdocs , maka ketikkan di browser :</div>
<div style="text-align: left;">
-> localhost/namafolder/namafile.html.</div>
<div style="text-align: left;">
<br />
4.) Maka tampilan gambar akan seperti ini.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ58Fy7jCiSCRlOSbtG4roj-9cZfHTemhrhtauKrtWs1UzbiOe8XwYh5691f6H65WQ_x22K_eunjUWB3qMNDNrBiSsL7gdHVtWOJPOWSvlRRko-7zVLRZsTA7PgTvwrs5KBrsGudLAwSDt/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ58Fy7jCiSCRlOSbtG4roj-9cZfHTemhrhtauKrtWs1UzbiOe8XwYh5691f6H65WQ_x22K_eunjUWB3qMNDNrBiSsL7gdHVtWOJPOWSvlRRko-7zVLRZsTA7PgTvwrs5KBrsGudLAwSDt/s640/4.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
5.) Karena gambar memiliki ukuran yang besar yaitu 1024x768 pixel,</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5M0SfOCXv4xE1wuSd5PpupGWLAy7MoX_HMo7w_UxrBwKq1RQz30EsdJqtYR71xdnEDr5xQBLYsBXZiQ76rzLppkEOFZviUgde5lSmDqAGxcGnAKkHTVrEcocAHPiuq_gz1rkmsnkVYgaW/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="590" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5M0SfOCXv4xE1wuSd5PpupGWLAy7MoX_HMo7w_UxrBwKq1RQz30EsdJqtYR71xdnEDr5xQBLYsBXZiQ76rzLppkEOFZviUgde5lSmDqAGxcGnAKkHTVrEcocAHPiuq_gz1rkmsnkVYgaW/s640/5.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
mungkin terlalu besar di halaman kita, tenang.. kita bisa mengatur ukuran gambar dengan cara menambahkan atribut width dan height pada tag img. Berikut koding nya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<html></div>
<div style="text-align: justify;">
<head></div>
<div style="text-align: justify;">
<title>Menampilkan Gambar di Halaman HTML - 1</title></div>
<div style="text-align: justify;">
</head></div>
<div style="text-align: justify;">
<body align=’center’></div>
<div style="text-align: justify;">
<h2>Contoh Menampilkan Gambar di HTML - 1 </h2></div>
<div style="text-align: justify;">
<h4>Dibawah ini akan muncul gambar yang akan di tampilkan</h4></div>
<div style="text-align: justify;">
<img width="300px" height="300px" src=”./koala.jpg”></div>
<div style="text-align: justify;">
</body></div>
<div style="text-align: justify;">
</html></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ16vLrZIdPZ47GB8-HoxHhsW44rn82bbGHJ4_D5V5yRUp0LGbBpRq_K77R7Q_k7vBv0l0WGv8ALOmelx-181PSYNk8Rkb4ArnjcVMt9MpZbtqSrx7L9edT3RugQ3YwCJA0KR3Yqlm3fO9/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ16vLrZIdPZ47GB8-HoxHhsW44rn82bbGHJ4_D5V5yRUp0LGbBpRq_K77R7Q_k7vBv0l0WGv8ALOmelx-181PSYNk8Rkb4ArnjcVMt9MpZbtqSrx7L9edT3RugQ3YwCJA0KR3Yqlm3fO9/s640/6.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Penjelasan :</div>
<div style="text-align: justify;">
- <img width=’300px' height=’300px’ src=”./koala.jpg”> , width berarti lebar yaitu 300 pixel, dan height berarti tinggi yaitu 300 pixel.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6.) Maka Hasil gambar kita tadi akan berubah ukuran menjadi lebih kecil dari yang sebelumnya.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTjFZe4gfHyCAVldkom_vUEkScZrtJyhrtYs16NYZnaBhEJt6S1sf6ZG09OZPGnKnl7ehiyux2bf8oWQphq4TAzu64LXVDI7RQXPtF-4HKYnaivJHnlEPt_6Tm7tIjTaYHdsl32_DYx34O/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTjFZe4gfHyCAVldkom_vUEkScZrtJyhrtYs16NYZnaBhEJt6S1sf6ZG09OZPGnKnl7ehiyux2bf8oWQphq4TAzu64LXVDI7RQXPtF-4HKYnaivJHnlEPt_6Tm7tIjTaYHdsl32_DYx34O/s640/7.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Intinya di src pada tag <img>, konsep nya hampir sama dengan cara kita membuat link, apabila gambar berada didalam folder, maka di src nya ketikan ‘./namafolder/namafile.jpg’ . dan jika didalam folder ada folder lagi maka ketikkan ‘./namafolder/namafolderlagi/namafile.jpg’ , nah begitu seterusnya. ingat, yang harus kita perhatikan ialah di src nya harus sesuai berada di folder.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Mungkin itu saja untuk konsep dasar menampilkan gambar di html, cukup sederhana dan mudah. Bagi kawan-kawan yang masih bingung , bisa tanyakan di kolom komentar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Baiklah, sekian dari saya , semoga bermanfaat. Terima kasih dan Selamat Mencoba !</div>
<div style="text-align: justify;">
<br /></div>
</div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-37251474508134725592017-05-07T08:04:00.000+07:002017-09-16T17:46:26.365+07:005 Game Multiplayer via Wifi/LAN yang ringan dan seru dimainkan bersama temanmu!<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQSBwKxyQ4whZFH4x3pMbFx6fVyFEyqBypNFfI0L5PjOzbpBWS4qmaQKxEiQ6xyYICI5mvELErlbNFmxe2CL5Rcq-ux4fmF-7hl3BNcSA_2tk69NG2zVZtK9RhipbU87x-Sv5QfkWemCI/s1600/esA2uS.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQSBwKxyQ4whZFH4x3pMbFx6fVyFEyqBypNFfI0L5PjOzbpBWS4qmaQKxEiQ6xyYICI5mvELErlbNFmxe2CL5Rcq-ux4fmF-7hl3BNcSA_2tk69NG2zVZtK9RhipbU87x-Sv5QfkWemCI/s320/esA2uS.jpg" width="320" /></a></div>
Mungkin sekarang game sudah banyak yang online agar bisa bermain bersama teman-temanmu dari jarak yang jauh. Tetapi, untuk memainkan game online diperlukan koneksi internet yang stabil agar game tidak lag (atau macet-macet). Tetapi ada game multiplayer offline yang tidak kalah seru dari game online yang bisa kamu mainkan bersama teman-temanmu saat waktu luang dan game game ini tidak memerlukan spec yang terlalu tinggi.. karena di spec yang tidak terlalu tinggi kita bisa memainkannya tanpa lag dan bisa dimainkan tanpa adanya kabel LAN, karena bisa dimainkan dengan menggunakan koneksi wifi, Apa saja game nya?? Berikut 5 Game Ringan Multiplayer via Wifi yang seru dimainkan bersama temanmu !</div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<br /></div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<br /></div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
1. Counter Strike (PC)<br />
<br /></div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAMjKsbo6IdIx35183KjndV7Lup7eiJUFbYqQVbVgGwhD_jr4xNguAYagwOaO8E7LJl4vMoaRqovpKj6uIAwq6IZSKWhkRZcpY_623YrO_Oie4dJurBeJHR6_hTBplrEGBLwbeNZ6jECI/s1600/IMG_240739.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAMjKsbo6IdIx35183KjndV7Lup7eiJUFbYqQVbVgGwhD_jr4xNguAYagwOaO8E7LJl4vMoaRqovpKj6uIAwq6IZSKWhkRZcpY_623YrO_Oie4dJurBeJHR6_hTBplrEGBLwbeNZ6jECI/s640/IMG_240739.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<br />
Game (PC) yang sudah tidak asing lagi kita dengar, Game ini tentang perang antara Counter terorist melawan terorist .Dan kita bisa membeli senjata yang kita suka jika uang kita cukup. Kita bisa memilih bisa menjadi teroris atau polisi di game ini.. game ini bisa dimainkan lebih dari 6 orang. Bisa dimainkan Multiplayer via Wifi atau LAN. Cocok dimainkan bersama teman-temanmu.. Keseruan di game ini ialah kita diberi misi untuk menghabiskan semua lawan kita dan jika kita menang kita bisa mendapatkan uang untuk membeli senjata. Jika kita di posisi teroris kita bisa memasang bomb di area yang sudah ditentukan, dan jika kita polisi tentu kita harus menjinakkan bomb yang sudah dipasang oleh teroris. dijamin game ini sangat menghibur kawan kawan.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2. Age of Empire 2 (PC)</div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeNw6t5WfAnBluxwz5mgqx-dRZD3zhxkBa19eb4y41zeP0qgKJeiS5u8G9GflSeFAxmnYQConyb2SghzDD78CmS0_vvZOx6qMmHkqQTk_ovSCFo8YP5mCZVX1fJWdQDvMleFuJERsLOXo/s1600/wp2119293.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="1280" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeNw6t5WfAnBluxwz5mgqx-dRZD3zhxkBa19eb4y41zeP0qgKJeiS5u8G9GflSeFAxmnYQConyb2SghzDD78CmS0_vvZOx6qMmHkqQTk_ovSCFo8YP5mCZVX1fJWdQDvMleFuJERsLOXo/s640/wp2119293.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<br /></div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
Game multiplayer yang tidak kalah seru untuk dimainkan secara beramai ramai yaitu game Age of Empire atau yang biasa kita sebut Empire. Game ini ber genre Perang (real time strategy) . Dalam game ini kita membangun kota , membuat pasukkan, dan menyerang musuh atau negara lain untuk bisa menang. Kayu,batu,emas, dan makanan adalah sumber daya yang harus dipenuhi agar dapat membangun dan membuat pasukkan.. game ini bisa dibilang hampir nyata, karena untuk membuat budak atau pasukkan kita harus membangun rumah terlebih dahulu. Kita bisa mengendalikan / memintak budak untuk bekerja agar memperoleh sumber daya yang cukup. Game ini juga bisa dimainkan secara multiplayer via Wifi atau LAN, kalian bisa merasakan keseruan membangun kota dan berperang bersama temanmu.</div>
<div style="text-align: justify;">
<br /></div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<br /></div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
3. Defense of the Ancient / Dota 1 (PC)</div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaM-Li_fPdZ-hlB2Y3Xck_-AHzhgKhbmlGd3brv5pSDyYVFlN4X3Mp3lSSIiZ9TVWU84QjoJrr8rgBH2BQ0GlMk9yN9SyIg6c38KdODWY4vDIwyjyKRBnoud9xx4JKmrifVS4JBqDRn50/s1600/dota.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaM-Li_fPdZ-hlB2Y3Xck_-AHzhgKhbmlGd3brv5pSDyYVFlN4X3Mp3lSSIiZ9TVWU84QjoJrr8rgBH2BQ0GlMk9yN9SyIg6c38KdODWY4vDIwyjyKRBnoud9xx4JKmrifVS4JBqDRn50/s640/dota.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<br /></div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
Game ini terbagi 2 Tim yaitu the scourge dan the sentinel.. tujuan game ini ialah saling menghancurkan Tree of life pada sisi The scourge dan Frozen Thone pada sisi The sentinel. Dalam game ini kita bisa memilih dan mengendalikan 1 hero, pada setiap kubu terdapat creep (pasukan) yang dikendalikan oleh AI.</div>
<div style="text-align: justify;">
<br />
Game ini maksimal 10 orng, 5 hero Tim The sentinel dan 5 hero lagi Tim the scourge.. tugas kita ialah mengendalikan hero yang kita pilih untuk membawa kemenangan pada team kita, kita bisa Farming atau mengalahakan creep,hero musuh untuk mendapatkan gold. Nah gold itu bisa kita gunakan untuk membeli item agar hero kita bertambah kuat dan Level bertambah. Dimasing-masing hero juga terdapat skill nya masing masing yang bisa digunakan.Game ini juga diperlukan strategi agar bisa menang. Dan Sekarang Sudah Ada Dota 2 , yang pastinya lebih seru dimainkan. Tetapi dota 1 ini juga bisa kita mainkan bersama teman kita melalui via Wifi atau LAN.</div>
<div style="text-align: justify;">
<br /></div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<br /></div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
4. City Racing 3D (Android)</div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1xQ2RBSM7Mh2DIQGhXTd5eg0TjLtySdoetQzpAa7UrOIUBA30gagh_zYUIYnR0S5uqFPPgM5XU6v6O2wKFJY_H4sZGqhMC3g47ZlC455Y_KpR3a7PbKAS_qmpSTFPXuD_jDW6PESwqeA/s1600/961216-3d-games.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="1600" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1xQ2RBSM7Mh2DIQGhXTd5eg0TjLtySdoetQzpAa7UrOIUBA30gagh_zYUIYnR0S5uqFPPgM5XU6v6O2wKFJY_H4sZGqhMC3g47ZlC455Y_KpR3a7PbKAS_qmpSTFPXuD_jDW6PESwqeA/s640/961216-3d-games.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<br /></div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
Game android satu ini cocok dimainkan beramai ramai bersama teman temanmu. Game Balap Mobil 3D ini bisa dimainkan maksimal 6 orang , melalui wifi/ Lan .. kamu bisa memlilih banyak mobil dan menggunakannya saat balapan dengan temanmu.. Game ini dimainkan di perangkat Android.</div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<br /></div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
5. Bombsquad (Android)</div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEien46V6RGe5u8MCaprkAmlIGoxEPPrUD_kPIwXfE-PCL1rLLKg8l16g_YLVYe1lMNYTOaomyP1mAS6kUoydOU3oMuCD0_EOOxiXFTKaZYLNuQkoJ_aHULMx0KypQueWfSGpdnSZ-xfjcU/s1600/pow-bomb-squad-wallpaper.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEien46V6RGe5u8MCaprkAmlIGoxEPPrUD_kPIwXfE-PCL1rLLKg8l16g_YLVYe1lMNYTOaomyP1mAS6kUoydOU3oMuCD0_EOOxiXFTKaZYLNuQkoJ_aHULMx0KypQueWfSGpdnSZ-xfjcU/s640/pow-bomb-squad-wallpaper.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
Game Android Multiplayer yang tidak kalah seru iala game Bombsquad. Game ini bertujuan saling menghancurkan pemain lain dengan bom atau dengan pukulan. Didalam game ini terdapat juga banyak jenis permainannya didalamnya. Kamu dan temanmu bisa menjadi tim atau musuh, atau bahkan bisa menjadi musuh semua. Dalam game ini kamu juga bisa mempertahankan bendera untuk menang, namun kamu pasti akan diburu oleh pemain lain untuk merebut bendera dari kamu dengan cara melempar bom atau memukul kamu. Game ini sangat seru dimainkan ketika bersama temanmu. Kalian bakal ketawa ketawa karena melihat tingkah lucu pemain lain.</div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
<br /></div>
</div>
<div dir="ltr" style="color: #222222; font-family: arial, sans-serif; font-size: small;">
<div style="text-align: justify;">
Itula 5 game multiplayer via Wifi/LAN yang seru untuk dimainkan bersama teman temanmu. Kamu bisa ajak teman teman mu untuk memainkan kelima game diatas dan rasakan keseruannya.</div>
</div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-89396653694440220022017-05-04T18:28:00.000+07:002017-09-16T20:36:08.626+07:00Cara Membuat Link di HTML<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoV_aD5CxvkEt2tXzWaNtqaLkpl09DcK9IOH-SKcuBfRpFzJHrE2-pXtrjWsoRANyVxzAlNt8gUy-UQuWFo6ZU8ixYBP_lbdEOoJSqFnoJIapflCqj8E4nIcQ7YwLFdzn2V60lTeK6Q50/s1600/maxresdefault.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoV_aD5CxvkEt2tXzWaNtqaLkpl09DcK9IOH-SKcuBfRpFzJHrE2-pXtrjWsoRANyVxzAlNt8gUy-UQuWFo6ZU8ixYBP_lbdEOoJSqFnoJIapflCqj8E4nIcQ7YwLFdzn2V60lTeK6Q50/s320/maxresdefault.jpg" width="320" /></a></div>
<div style="text-align: justify;">
Link biasanya
digunakan di dalam tag <a></a>, didalam tag <a></a>
kita bisa menambahkan atribut ‘href=”#” ’ , nah atribut href ini lah yang
membuat link kita aktif. Dalam postingan kali ini, saya akan membahas tentang
cara membuat link di html dengan mudah.
Supaya lebih jelas saya akan membuatkan contoh.</div>
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br /></span></div>
<div style="text-align: justify;">
<span style="text-indent: -18pt;">Kawan-kawan bisa menambahkan kode dibawah ini ke
text editor kalian.</span></div>
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br /></span></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<html></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<head></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<title>Contoh
Link</title></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
</head></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<body></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<h2>Belajar
Membuat Link di HTML</h2></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<p>Ini adalah
sebuah <a href="hasil-link.html">LINK</a>, </div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
yang apabila diklik,
maka akan menuju ke halaman berikutnya</p></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
</body></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
</html></div>
<div style="text-align: justify;">
<span style="text-align: left;"> </span></div>
<div style="text-align: justify;">
<span style="text-align: left;">Penjelasan :</span></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: left;">
<!--[if !supportLists]-->-<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span>Buat lah
halaman dasar html, bagi kawan-kawan yang belum mengetahui cara membuat halaman
dasar html kawan-kawan bisa lihat <a href="https://kawansebaya.blogspot.co.id/2017/03/membuat-halaman-dasar-html.html">Disini</a>.</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: left;">
<!--[if !supportLists]-->-<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span>Simpan dengan nama link.html</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: left;">
<!--[if !supportLists]-->-<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><h2>Belajar Membuat Link di
HTML</h2> , saya memberikan tag heading 2 sebagai judul (Boleh
menggunakan tag heading yang lain).</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: left;">
<!--[if !supportLists]-->-<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span>Tag <p></p> adalah tag yang
mendeklarasikan sebuah paragraf.</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: left;">
<!--[if !supportLists]-->-<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">
</span><!--[endif]--><a href="hasil-link.html">LINK</a>,
ini adalah link . tag <a></a> berada di dalam tag
<p></p> , ini berarti link yang kita buat berada didalam paragraf.</div>
<div style="text-align: left;">
<span style="text-align: justify; text-indent: -18pt;"><br /></span></div>
<div style="text-align: left;">
<span style="text-align: justify; text-indent: -18pt;">Jika sudah disimpan, maka tampilan yang akan
muncul di browser seperti ini.</span></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgit4BTToZ-bAM6R5ffElGleEizLoHNOpPxWV76p23q4b4d3VQnRuw9I9uPRc5DjEN4GzTyF6Hdcwii2Esu5tMZNuvblW2SECJFvM8DR3b-ONld4IyBRYoQ5FmVb8L9LxBQ1VEEjs7te8X-/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgit4BTToZ-bAM6R5ffElGleEizLoHNOpPxWV76p23q4b4d3VQnRuw9I9uPRc5DjEN4GzTyF6Hdcwii2Esu5tMZNuvblW2SECJFvM8DR3b-ONld4IyBRYoQ5FmVb8L9LxBQ1VEEjs7te8X-/s640/1.png" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br /></span></div>
<div style="text-align: justify;">
<span style="text-indent: -18pt;">Nah sekarang kita akan membuat target halaman
yang akan di link kan . buat halaman baru dengan nama hasil-link.html. dan
masukkan kode berikut ini :</span></div>
</div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<html></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<head></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<title>Hasil
Link</title></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
</head></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<body></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<h2>Selamat
</h2></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<p> Link aktif
dan berhasil di buat</p></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
</body></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
</html></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
Catatan :</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]-->-<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">
</span><!--[endif]--> Pastikan
halaman yang kita buat sebagai target link berada dalam satu root folder/ atau
disimpan dalam 1 folder pada halaman link1.html</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAoDvQcdKzfaKEy45e7mJ4tpqMD8hH1xWZrjeptMl7NWJDv9Pljg5ySTbAorvEwiKlQds3xLzVo6E7qQA2Cw5t-T67LoxrXiEPzqv1HdT1dZ69VZZVjkNtJWAHi2vaJAkmIQfMeiOLx4k3/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="460" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAoDvQcdKzfaKEy45e7mJ4tpqMD8hH1xWZrjeptMl7NWJDv9Pljg5ySTbAorvEwiKlQds3xLzVo6E7qQA2Cw5t-T67LoxrXiEPzqv1HdT1dZ69VZZVjkNtJWAHi2vaJAkmIQfMeiOLx4k3/s640/3.png" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpLast" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]-->-<span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span>Nama pada atribut href=’hasil-link.html’ harus
sama dengan nama halaman yang akan kita targetkan. Misalnya href=’hasil-link.html’
, maka kita harus membuat nama halaman yang di targetkan yaitu hasil-link.html
juga.</div>
</div>
<div class="MsoListParagraphCxSpLast" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcahjU9hyphenhyphenWu2XNObXcoW4Ya2TBzroGJI5ZHZllPR8EghMQHEGFkAGNcrcwUmNnuKzc5WlV07pkNjgAOubp9rcbF-j8-BP4EJL6nE5RbGoZAQh8N5gykuQr4dKLxeLjWnMPYAL_RUZ29lc0/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcahjU9hyphenhyphenWu2XNObXcoW4Ya2TBzroGJI5ZHZllPR8EghMQHEGFkAGNcrcwUmNnuKzc5WlV07pkNjgAOubp9rcbF-j8-BP4EJL6nE5RbGoZAQh8N5gykuQr4dKLxeLjWnMPYAL_RUZ29lc0/s640/2.png" width="640" /></a></div>
<div class="MsoListParagraphCxSpLast" style="margin-left: 90.0pt; mso-add-space: auto; mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br /></span></div>
<div style="text-align: justify;">
<span style="text-indent: -18pt;">Apabila link cara diatas sudah di mengerti dan
sudah dilakukan , maka tampilan </span></div>
<div style="text-align: justify;">
<span style="text-indent: -18pt;">halaman setelah link pada halaman link1.html di
klik maka akan menuju halaman </span></div>
<div style="text-align: justify;">
<span style="text-indent: -18pt;">hasil-link.html.</span></div>
</div>
<div class="MsoListParagraph" style="margin-left: 72.0pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSUB-o-uOa5aI6bEwFmCROxK-QqRhLd__MwjJOmdt1uUfXBQxAqe4LodcFtD_kX7Jn6bguVWAjXeH48tnmKQKBzAYrzhcVUqBJiECfcEVIlyJORSIFc8NLqGJIsEys1GAYsfQB4u4CFkY/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSUB-o-uOa5aI6bEwFmCROxK-QqRhLd__MwjJOmdt1uUfXBQxAqe4LodcFtD_kX7Jn6bguVWAjXeH48tnmKQKBzAYrzhcVUqBJiECfcEVIlyJORSIFc8NLqGJIsEys1GAYsfQB4u4CFkY/s640/4.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-indent: 36pt;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-indent: 36pt;">Bagaimana? Cukup mudah bukan
membuat link ? .. Ini adalah contoh membuat link yang paling sederhana yang
saya buat, kawan-kawan bisa mengembangkan lagi sendiri atau mencoba membuat
link dengan tema yang lain. Intinya yang perlu kita pahami ialah penyimpanan file
html yang harus berada dalam 1 root folder, kemudian nama pada atribut href
harus sama dengan nama halaman yang dituju.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Oke, apabila
ada yang kurang mengerti bisa memberikan komentar dibawah.. sekian dari saya,
semoga bermanfaat, selamat mencoba <span style="font-family: "wingdings"; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span></div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-42809789665911233602017-05-01T20:42:00.001+07:002018-01-26T01:59:45.224+07:0011 Shortcut di Keyboard yang mungkin belum kamu Ketahui<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal">
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit; font-size: large;"><img border="0" data-original-height="815" data-original-width="1600" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRFeK0cMYYEu3CzbDiUtd_jH0DkOw9BUA_0os_qAKMPaGurUpr88QAql-dkAqPjwvaFHf8bnivmT_WroMo1tg3u9qqulpp7-X5ZhKm38ccHkh6TrspAKThA0aNIJRaQCBlFVJGi2VmqJA/s320/thiranjaya-gamlath-keyboard.jpg" width="320" /></span></div>
</div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<div style="text-align: center;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
</div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;">Dikeyboard komputer atau laptop kita
terdapat banyak tombol-tombol yang kita gunakan untuk mengoperasikan komputer
atau laptop kita. Fungsi utama dari keyboard itu sendiri ialah untuk mengetik,
kalau tidak ada keyboard , bagaimana kita akan mengetik?. Yang kita gunakan
untuk mengetik ialah hanya tombol huruf aA-Zz dan angka 0-9. Di keyboard juga
terdapat tombol-tombol selain tombol huruf yang biasa kita gunakan untuk
mengetik. Misalnya Enter,Tab,Ctrl,Shift dll.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;">Terus apa fungsi-fungsi tombol tersebut
selain untuk mengetik?, ya.. tombol-tombol tersebut berguna untuk jalanpintas
(shortcut), alias mempercepat pekerjaan kita tanpa menggerakkan mouse. Misalkan
saja fungsi tombol F5, tentu tidak asing bagi kita dan sering kita gunakan,
fungsi tombol F5 ialah untuk mere-fresh tampilan kita. Dan juga shortcut alt+F4
, yakni jalan pintas untuk keluar dari program kita. Namun selain fungsi yang
tadi, masih banyak fungsi-fungsi shortcut di keyboard guna untuk mempermudah
kita dalam menjalankan komputer.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"> <o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;">Dan saya akan membagikan beberapa fungsi
shortcut di windows. Berikut beberapa shotcut di keyboard yang wajib kamu
ketahui:<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br />
1.) F2<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;">Mungkin bagi yang belum tahu jarang
menggunakan tombol ini, fungsi tombol F2 pada keyboard iala <b style="text-indent: 36pt;"><i>Merubah Nama dari suatu
File/Folder</i></b><i style="text-indent: 36pt;">, </i>fungsi
ini sama seperti yang kita lakukan jika ingin mengubah nama file, maka biasanya
kita akan melakukan klik kanan pada file yang akan diubah, kemudian rename.
Dengan tombol F2 , kita bisa langsung mengubah nama pada file/folder.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: -13.8pt;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: -13.8pt;">
<span style="font-family: inherit; font-size: large;"> 2.) Shift+Delete<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: -13.8pt;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: -13.8pt;">
<span style="font-family: inherit; font-size: large;">
Untuk menghapus sebuah file/folder , kita biasa menggunakan tombol Del di
keyboard. Dan file atau folder yang kita hapus tadi tidak langsung hilang dan
akan dipindahkan ke Recycle Bin, ya.. memang hal ini membuat atau memakan
memori. kawan-kawan bisa menggunakan shortcut di keyboard dengan Shift+Del,
yaitu <b style="text-indent: 36pt;"><i>Menghapus file
atau folder secara permanen tanpa dipindahkan ke Recycle Bin</i></b>. Maka ,
file atau folder yang di hapus akan hilang permanen. Mungkin harus sedikit hati-hati
dalam menggunakan fungsi shortcut ini, saya sarankan memang harus file/folder
yang sudah tidak diperlukan lagi.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: -13.8pt;">
<span style="font-family: inherit; font-size: large;"> <o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: -13.8pt;">
<span style="font-family: inherit; font-size: large;"> 3.) Logo Windows + E<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: -13.8pt;">
<span style="font-family: inherit; font-size: large;"> <o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: -13.8pt;">
<span style="font-family: inherit; font-size: large;"><b><i> Membuka my computer dengan cepat tanpa mengklik Icon My
Computer.</i></b> Fungsi
shortcut ini juga berguna bagi kawan-kawan yang ingin langsung dengan cepat
membuka my computer.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;">4.) Logo Windows + Tab<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;"><b><i>Membuka tab jendela komputer yang sedang
aktif dalam bentuk 3D</i></b>,
fungsi shortcut ini juga sama dengan fungsi shortcut alt+tab. Namun yang
membedakan fungsi shortcut Logo windows+Tab ini ialah tampilan Flip 3D
yang begitu menarik.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;">5.) Logo Windows + R<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;"><b><i>Berfungsi untuk membuka jendela dialog
run. </i></b>Dengan
menekan tombol Windows+R , kawan-kawan bisa langsung membuka jendela kotak
dialog run.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
</div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;">6.) PrtSc SYSRQ<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTaJwDIRUdOEuAGhYOBd6QQlA4uOHo82mvb7zppG4Csy2kSC8xbmA" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit; font-size: large;"><img border="0" data-original-height="178" data-original-width="283" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTaJwDIRUdOEuAGhYOBd6QQlA4uOHo82mvb7zppG4Csy2kSC8xbmA" /></span></a></div>
<span style="font-family: inherit; font-size: large;"><br />
</span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;">Mungkin kawan-kawan sudah pernah
menggunakan fungsi tombol ini, yaitu untuk<b><i> Men-Screenshot tampilan
kita.</i></b> Dengan fungsi keyboard ini, kita tidak perlu menggunakan
software untuk men screen shot . Untuk men screen-shot tanpa software bisa
dilihat caranya <a href="https://kawansebaya.blogspot.co.id/2017/04/cara-mudah-screenshot-di-komputer-tanpa-software.html">Disini</a>.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;">7.) Logo
Windows + L<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;">Fungsi shortcut ini ialah untuk <b><i>me-Lock(Mengunci)
PC kita</i></b>, dan kawan-kawan akan memasukkan password(bila menggunakan
password) untuk masuk lagi ke PC.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;">8.) Backspace<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;">Kita biasa menggunakan tombol ini untuk
menghapus tulisan, nah jika kita sedang membuka file explorer atau my computer,
maka tombol backspace bisa kita gunakan untuk <b><i>kembali </i></b>.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;">9.) Alt+Enter<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;"><b><i>Untuk Membuka Jendela Properties pada
suatu file/folder.</i></b> Kita
bisa membuka jendela Properties tanpa harus mengklik kanan di file/folder
kemudian mengklik Properties.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;">10.) Ctrl+F<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;">Biasanya fungsi shortcut dikeyboard ini
berfungsi ketika kita sedang membuka jendela . Ctrl+F berfungsi untuk<b><i> mencari/menemukan
kata.<o:p></o:p></i></b><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
</div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;">11.) Shift+F10<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTjqMD_mhpRjfmzdKP9Rr60lAcHbmARscEneIDkr9nzyRYcfBrQ6g" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit; font-size: large;"><img border="0" data-original-height="196" data-original-width="258" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTjqMD_mhpRjfmzdKP9Rr60lAcHbmARscEneIDkr9nzyRYcfBrQ6g" /></span></a></div>
<span style="font-family: inherit; font-size: large;"><br />
<br />
</span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;">Shortcut ini berfungsi untuk <b><i>klik
kanan</i></b>. Kita juga bisa melakukan klik-kanan pada mouse di keyboard
dengan memanfaatkan shortcut Shift+F10. Selain Shift+F10, ada tombol di
keyboard yang berfungsi sama yaitu Menu Key. Tombol ini berada di bawah di
deretan spasi, biasanya gambar logo tombol ini kotak ada cursornya. Tombol ini
juga berfungsi sebagai klik kanan.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;">Itula beberapa shortcut di keyboard yang
mungkin belum kamu ketahui. Masih banyak lagi shortcut keyboard dan hanya
beberapa saja yang saya ketahui dan saya jelaskan disini. Mulai sekarang
kawan-kawan bisa menghemat waktu dengan menggunakan fungsi shortcut di
keyboard, walaupun sedikit , hehehe... Selamat Mencoba <o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: large;">Jika ada yang kurang jelas bisa berikan
komentar dibawah, sekian dari saya, semoga bermanfaat dan Terima Kasih.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
</div>
<div class="MsoNormal">
<br /></div>
</div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com3tag:blogger.com,1999:blog-3396277388787061059.post-4195021765767027362017-04-30T15:57:00.005+07:002018-01-29T08:15:44.493+07:00Cara Membuat Tabel di HTML<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2kd09EG0dpHnSQO6jMpxaWmcMZBjCN-D_r7UeHDi_LMHZkLO74viyUvTwbhQEE0CPEcnY4Z9-pRRzfT-yYHgfl8e6pJBC7JvsZEluT0s0Q_wTVdcdoLaxpiCiKLcr6Y6Jah1qq-7je9U/s1600/wallhaven-218342.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2kd09EG0dpHnSQO6jMpxaWmcMZBjCN-D_r7UeHDi_LMHZkLO74viyUvTwbhQEE0CPEcnY4Z9-pRRzfT-yYHgfl8e6pJBC7JvsZEluT0s0Q_wTVdcdoLaxpiCiKLcr6Y6Jah1qq-7je9U/s320/wallhaven-218342.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: justify;">
Membuat
tabel dengan tag <table> di html. Untuk membuat tabel di html kita perlu
mengetahui tag tabel dalam html , diantaranya ialah <table></table>
,<tr></tr>,<th></th>,<td></td>. Disini akan
saya jelaskan fungsi tag tabel satu persatu.</div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Untuk
meletakkan tag table harus diawali dengan <table> dan diakhiri juga
dengan </table>. Sedangkan tag <tr> </tr> (Table Row) ini
merupakan baris pada table. Dan <th></th> Merupakan Tag Table
Heading yang biasanya digunakan untuk judul kolom tabel. Tag <td></td>
(Table Data) merupakan kolom pada tabel. Untuk jelasnya kita lihat contoh
berikut :</div>
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<html></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<head></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<title>Contoh Tabel Pada HTML</title></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
</head></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<body></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<table border=1></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<tr></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<th>Judul Kolom
1</th></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<th>Judul Kolom
2</th></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
</tr></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72pt; text-indent: 0px;">
<div style="text-align: justify;">
<span style="text-indent: 36pt;"> <tr></span></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<td>isi Kolom 1 Baris 1</td></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<td>isi Kolom 2
Baris 1</td></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
</tr></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
</table></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
</body></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
</html></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 72.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
Maka
akan menghasilkan output seperti ini :</div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ-zAa_jaWSwoMiIafm62H2nXk_9yroSkp9_t1hqoSgaEt6BBlDsOT_8Xjwg0ZrlQJQ0e8f0mHod2bJno_eqbmwIILpTydVJJ8ld_q1a0nIbj_ghML5VX8It6utcAjpJFedRKm_QHXAewu/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="576" data-original-width="1024" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ-zAa_jaWSwoMiIafm62H2nXk_9yroSkp9_t1hqoSgaEt6BBlDsOT_8Xjwg0ZrlQJQ0e8f0mHod2bJno_eqbmwIILpTydVJJ8ld_q1a0nIbj_ghML5VX8It6utcAjpJFedRKm_QHXAewu/s400/1.png" width="400" /></a></div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: 72.0pt; mso-add-space: auto; mso-list: l1 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]-->Didalam tag table terdapat atribut border=1,
yaitu memberikan ketebalan border 1,</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto; mso-list: l1 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]-->Didalam tag <tr></tr> terdapat dua
kolom, karena tag <td></td> ada dua kali.</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto; mso-list: l1 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span>Tag <th></th>, merupakan tabel heading, atau judul kolom , yang akan
ditandai dengan huruf bercetak tebal</div>
</div>
<div class="MsoListParagraphCxSpLast" style="margin-left: 72.0pt; mso-add-space: auto; mso-list: l1 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]-->Dan didalam tag table hanya ada 3 tag
<tr></tr>, ini berarti baris pada tabel ada 3.</div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
Nah, mungkin dari contoh diatas
kawan-kawan sudah mulai mengerti untuk membuat table dalam HTML. Selanjutnya
kita akan mencoba membuat Biodata dengan table. <br />
Berikut contohnya:</div>
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal">
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<html></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<head></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<title>Biodata</title></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
</head></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<body></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<h2 align="center">Biodata</h2></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<table border=1 align="center"
width=”500px” cellspacing=0></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<tr></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<th>NAMA</th></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<th>JENIS
KELAMIN</th></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<th>ALAMAT</th></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
</tr></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<tr></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<td>Andi</td></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<td>Laki-laki</td></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<td>Tembung</td></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
</tr></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<tr></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<td>Wahyu</td></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<td>Laki-laki</td></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<td>Marelan</td></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
</tr></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<tr></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<td>Dea</td></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<td>Perempuan</td></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<td>Binjai</td></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
</tr></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
</table></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
</body></div>
</div>
<div style="text-align: justify;">
<br /></div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
</html></div>
</div>
<div class="MsoNoSpacing" style="margin-left: 36.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM5EnHeYfeqH138TxoF27-odmr09limMvW_ojxtm1JEIk5CXmJpSrh3BTL4AuzkHvJ8BgyG9GInz2WOBlzNQuNjnGGOrY45S94zgzjAYfkd-G3PIm6usX_KkB5SN3IzfvrLvwSM_QpMjYA/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="578" data-original-width="1024" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM5EnHeYfeqH138TxoF27-odmr09limMvW_ojxtm1JEIk5CXmJpSrh3BTL4AuzkHvJ8BgyG9GInz2WOBlzNQuNjnGGOrY45S94zgzjAYfkd-G3PIm6usX_KkB5SN3IzfvrLvwSM_QpMjYA/s400/2.png" width="400" /></a></div>
<div class="MsoNormal">
<div style="text-align: justify;">
<o:p><br /></o:p></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<o:p><br /></o:p></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
Keterangan:</div>
</div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: 72.0pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span>Tag <h2
align="center">Biodata</h2> , merupakan heading, disini saya
menggunakan sebagai judul, dan terdapat atribut align dengan value Center,
berarti pada tag h2 saya menginginkan posisinya berada di tengah, (didalam tag
<body>).</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 72.0pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><br /></span></div>
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span>Di <table border=1 align="center"
width="500px">, saya juga memberikan atribut align supaya table
berada di tengah. Dan width yang berarti lebar , saya memberikan lebar pada
tabel yaitu 500px.</div>
</div>
<div class="MsoListParagraphCxSpLast" style="margin-left: 72.0pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><br /></span></div>
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="font-family: "symbol"; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span>Atribut cellspacing dalam tag <table border=1
align="center" width=”500px” cellspacing=0> merupakan jarak antar
kolom dengan kolom lainnya. </div>
</div>
<div class="MsoNormal" style="text-indent: 18.0pt;">
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Oke, kawan-kawan bisa juga
mencoba untuk membuat tabel di html , mungkin dengan tema daftar buku atau
semacamnya. Jika ada yang kurang jelas bisa berikan komentar dibawah. Sekian
dari saya semoga bermanfaat.</div>
</div>
</div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-46752594182389096472017-04-14T20:03:00.000+07:002017-09-16T20:55:28.514+07:00Cara Mudah Screenshot di PC/Laptop tanpa Software<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixnmjRCuXB2hwbfuOGBEiNMnXUDs79QEuhYvLlkxTUQNZDIS2AiRCkpN4p91i1-e_ly5VXRplDsGBZJ-C6idQnJs6JLO2416QaFEUXH7JW05ta_ZVUzs6Uazm8MW1eQfWdevX3KP6MfFQ/s1600/Print-Screen-589df5d45f9b58819caec048.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="1500" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixnmjRCuXB2hwbfuOGBEiNMnXUDs79QEuhYvLlkxTUQNZDIS2AiRCkpN4p91i1-e_ly5VXRplDsGBZJ-C6idQnJs6JLO2416QaFEUXH7JW05ta_ZVUzs6Uazm8MW1eQfWdevX3KP6MfFQ/s320/Print-Screen-589df5d45f9b58819caec048.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Membuat screen shot di PC/Laptop tidaklah sulit dan juga
bisa dilakukan tanpa software. Bagi kawan-kawan yang malas untuk mendownload
software, tenang, kita tetap bisa lakukan screenshot di pc dengan memanfaatkan
fungsi print screen yang ada di keyboard. Sebelum nya mungkin ada yang belum
tahu apa fungsi dari tombol tersebut di keyboard. Ya, fungsi print screen yang
ada di keyboard ialah bisa untuk screen shot.</div>
<div class="MsoNormal">
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Baiklah
dari pada lama-lama mending langsung saja, berikut cara mudah untuk screen shot
di PC/ Laptop :</div>
</div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<br />1. Pastikan kawan-kawan sudah memiliki gambar
atau tampilan yang ingin di screenshot.<br /><span style="text-indent: -18pt;">2. Jika sudah , kawan-kawan bisa tekan tombol
PRTSCSYSRQ (dilaptop saya tulisannya seperti itu), biasanya tombol ini berada
di paling atas dan sederet dengan tombol tombol F1-F12.</span><span style="text-indent: -18pt;">3. Ketika tombol print screen sudah ditekan, nah
berarti kita sudah men screenshot . sekarang kita <br /> harus tampilkan dulu hasil
screen shot kita. Bisa kita lihat di aplikasi Paint. Aplikasi bawaan dari <br /> windows.</span><span style="text-indent: -18pt;">4. Buka Paint, yang sudah terinstal biasanya.</span><span style="text-indent: -18pt;">5. Langsung paste (CTRL+V), maka akan muncul
gambar screen shot kita tadi. Jika kawan-kawan <br /> merasa ada yang kurang di gambarnya, kawan-kawan bisa langsung mengedit
gambarnya di paint,</span><span style="text-indent: -18pt;">6. Kemudian jika sudah, kawan-kawan bisa save ,
dan tentukan format gambar berupa png,jpeg. dan <br /> simpan di tempat direktori
folder yang kawan-kawan inginkan.</span></div>
<div style="text-indent: -24px;">
<span style="text-indent: 36pt;"><br />Gambar – gambar di postingan saya
sebelumnya, saya mengabil screen shot nya dengan cara diatas. Begitula cara
saya menghasilkan gambar screen shot untuk postingan postingan saya.</span><span style="text-indent: 36pt;"><br />Sekian dari saya semoga postingan
ini bermanfaat dan dapat membantu kawan kawan yang ingin membuat screen shot
tanpa software di pc/ laptop. </span><span style="text-align: justify; text-indent: 36pt;">Oke, terima kasih </span><span style="font-family: "wingdings"; text-align: justify; text-indent: 36pt;">J</span></div>
</div>
<div style="text-align: justify;">
<br /></div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-91544179978554807272017-04-14T01:18:00.000+07:002017-09-17T13:59:17.939+07:00Cara Membuat Link Action pada Slide di Power Point<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVJB1Y6t7B03vh6l-fUCoqrrMM7sYDqtkz3uKB1hxZ9DCxA1xHse9LXwvSAg9BvQK7YmilNAwRRPPY6xOg_IfMptpC0M2Go_qI90TGLDc-0uOpN3iSOsbX4py28O-UlKuFlMKeJyo4oUw/s1600/wpid-photo-20140408113605.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVJB1Y6t7B03vh6l-fUCoqrrMM7sYDqtkz3uKB1hxZ9DCxA1xHse9LXwvSAg9BvQK7YmilNAwRRPPY6xOg_IfMptpC0M2Go_qI90TGLDc-0uOpN3iSOsbX4py28O-UlKuFlMKeJyo4oUw/s320/wpid-photo-20140408113605.jpg" width="320" /></a></div>
Link
biasa kita kenal erat dengan website. Untuk menuju ke suatu halaman, maka
dilalui dari sebuah link. Link bisa berupa sebuah tulisan dan bisa berupa
sebuah button. Jika link di klik, maka otomatis kita akan menuju ke halaman
yang ada di link. Link juga bisa kita terapkan di power point untuk me link
sebuah halaman slide. Jadi dengan link, pada halaman slide power point kita
bisa membuat navigasi dengan mudah saat di slide show.</div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Hal ini
berguna juga bagi yang ingin membuat power point nya lebih menarik dan
interaktif. Dengan membuat tombol tombol menu sebagai pilihan navigasi.</div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Untuk
membuat link untuk slide dalam power point, kita bisa menggunakan fungsi Action
pada power point, fungsi itu bisa kita temukan pada tab menu insert , kemudian
di tab links.</div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br />
Baiklah
sedikit penjelasan tentang link pada slide di power point, untuk lebih jelasnya
berikut ada tutorial contohnya.</div>
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br /></span></div>
<div style="text-align: justify;">
<span style="text-indent: -18pt;">1. Buatlah beberapa slide di power point sesuai
keinginan, namun disini saya hanya menggunakan 3 slide sebagai contoh.</span></div>
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br /></span></div>
<div style="text-align: justify;">
<span style="text-indent: -18pt;">2. Untuk membuat slide baru , arahkan kursor ke
tab menu home , kemudian pada tab slides, klik new slide.</span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghKczzBj8bSlm2WZkzXWRLegnOLIWO98bLIHCeoDU4CFWjEES95V2mjyHspexn0YAeQM_zGbXSKvM8kt2J_fBcSjhvopBNTyyaCT7XKBdb9Z1ZMK5vRvAjSRBTUAlaVeTV33hgwa6VfHCl/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghKczzBj8bSlm2WZkzXWRLegnOLIWO98bLIHCeoDU4CFWjEES95V2mjyHspexn0YAeQM_zGbXSKvM8kt2J_fBcSjhvopBNTyyaCT7XKBdb9Z1ZMK5vRvAjSRBTUAlaVeTV33hgwa6VfHCl/s640/1.png" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br />3. Kemudian pada halaman pertama atau awal, buat
lah sebuah link , bisa berupa text atau shape sebagai button.</span></div>
</div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<br />
Untuk text nya, saya gunakan text box yang
ada pada tab menu insert, kemudian pada tab text. Dan untuk shape nya terdapat
pada tab ilustration.</div>
</div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP4cqP7BFcMVfWcvTznhmNsnCfbhKt9TRIG2-NYriKui0JjOy4liM-42SHkbcm8KUEzRexJIgnM_pG_zThdDqQ-r2Z9N-Ok8ZsWvOrkq53xe5FniTxoK0FntYs93IwAf0QD3wpaNFHL6M1/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP4cqP7BFcMVfWcvTznhmNsnCfbhKt9TRIG2-NYriKui0JjOy4liM-42SHkbcm8KUEzRexJIgnM_pG_zThdDqQ-r2Z9N-Ok8ZsWvOrkq53xe5FniTxoK0FntYs93IwAf0QD3wpaNFHL6M1/s640/2.png" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br />4. Pada slide selanjutnya beri judul halaman
slide agar mudah untuk dikenali.</span></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3WE8i4CGPv77xKhaQwKJK5VM2lhWZLML6v6AdxIEzvwU79570IzNb4TOgbfr91zunv7QGIRzFbDemENbBR5HDDv4sOkRW91xz6bNfoWcRR4WkDmyWT8TIdkxT_Qo4VOdUDWS2aST-oxLh/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="440" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3WE8i4CGPv77xKhaQwKJK5VM2lhWZLML6v6AdxIEzvwU79570IzNb4TOgbfr91zunv7QGIRzFbDemENbBR5HDDv4sOkRW91xz6bNfoWcRR4WkDmyWT8TIdkxT_Qo4VOdUDWS2aST-oxLh/s640/3.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH1t-Iwlk-5OwiyVpWpxUnFm-1bcFQaMhdpMzUAh-ONt0SY1M2PjsT2qDfAsi_m8MWofoV5-R1ZL7STa7zuVZSfiMogHTQJuLbwm-eV7AzmRVu1X1-xEvdHTtTY2VEvHwlMf3GOxeUmUDn/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="448" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH1t-Iwlk-5OwiyVpWpxUnFm-1bcFQaMhdpMzUAh-ONt0SY1M2PjsT2qDfAsi_m8MWofoV5-R1ZL7STa7zuVZSfiMogHTQJuLbwm-eV7AzmRVu1X1-xEvdHTtTY2VEvHwlMf3GOxeUmUDn/s640/4.png" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br />5. Berilah link untuk kembali ke halaman awal
pada masing masing halaman.</span></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ7bJvjDNRuubli34KGqzyQoVmQ6Vl8mbkGSzVVJtaqeAFCg21jMmh6QP2YDUySqcFLVj244o58aQgvEKTSsH7HhQExYN4yvtFm00yfZUz5A9n-IJQj3fYB1tLbWgCnoKoDyND1195QT0N/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ7bJvjDNRuubli34KGqzyQoVmQ6Vl8mbkGSzVVJtaqeAFCg21jMmh6QP2YDUySqcFLVj244o58aQgvEKTSsH7HhQExYN4yvtFm00yfZUz5A9n-IJQj3fYB1tLbWgCnoKoDyND1195QT0N/s640/5.png" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br />6. Oke, link sudah siap, tinggal kita aktifkan.
Untuk membuat text dan shape nya menjadi link aktif, kita bisa gunakan action,
yang berada pada tab menu insert, kemudian di tab links.</span></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="font-family: "wingdings";"><br /></span>7. Pertama kita akan membuat link pada ‘nomor 1’
. karena sebuah text, maka kita seleksi teks tersebut, kemudian klik action.</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2peKALK7JhzbcS64QZAMH0QuYW5BCrraJQUg6yICEzOj20-_VTHSF1rgP8uYspZ2ddYHVgoEEslj7fvKRyHCu6WkWUoTSmcKj7KhT6vWYCrrB_jGcyWCVjNaIZwFPCbJq25uNESLUk1HE/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2peKALK7JhzbcS64QZAMH0QuYW5BCrraJQUg6yICEzOj20-_VTHSF1rgP8uYspZ2ddYHVgoEEslj7fvKRyHCu6WkWUoTSmcKj7KhT6vWYCrrB_jGcyWCVjNaIZwFPCbJq25uNESLUk1HE/s640/6.png" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br />8. Kemudian pilih hyperlink to: dan pilih slide...</span></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiseLuX4wyjZYTDlMayT5Onzgt4T725kNC_sbRwEGbWFfsVp_0OXrHqIoQAmd6UM06R3bhWV3ZgIDAjjlUYxaq-TEjbA1tuG_dJPtsa6jlQNzZMCuEtw588ecjlWEhJ6R7QS5jBZ3pCPSS/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiseLuX4wyjZYTDlMayT5Onzgt4T725kNC_sbRwEGbWFfsVp_0OXrHqIoQAmd6UM06R3bhWV3ZgIDAjjlUYxaq-TEjbA1tuG_dJPtsa6jlQNzZMCuEtw588ecjlWEhJ6R7QS5jBZ3pCPSS/s640/7.png" width="590" /></a></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br />9. Maka pilih slide yang akan dituju, karena
nomor 1 ada di slide 2 , maka saya memilih slide 2.</span></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1V9T-0K3Gmkx_qcR6bEilgw1FkVayureI4uqdsoatYD2iVo83CJGBq0SoMt0icr3PHgxSi14JcXjgLPwnYO7ue3FhSl9S445BEuAvvxgTwyPi2JLGvq569tump2kIW9lOWzWTj8Fcid_x/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1V9T-0K3Gmkx_qcR6bEilgw1FkVayureI4uqdsoatYD2iVo83CJGBq0SoMt0icr3PHgxSi14JcXjgLPwnYO7ue3FhSl9S445BEuAvvxgTwyPi2JLGvq569tump2kIW9lOWzWTj8Fcid_x/s640/8.png" width="626" /></a></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br />10. Jika tampilan hyperling to: slide 2 , maka
klik ok. Dan link sudah jadi. </span></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPLpNJ4sEalceg7xYBVVbgZHMj9ELFXbPfK2-8fiPCwVmKqzIK6IFVUqwxXfMtU16QUijhMg2l-FmUN5oGZa1VOa0BRKtGT1fB8fDRPPMx05QJaplY4_v87dq49CBpgn8Tt7Cm_iHhjWH7/s1600/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPLpNJ4sEalceg7xYBVVbgZHMj9ELFXbPfK2-8fiPCwVmKqzIK6IFVUqwxXfMtU16QUijhMg2l-FmUN5oGZa1VOa0BRKtGT1fB8fDRPPMx05QJaplY4_v87dq49CBpgn8Tt7Cm_iHhjWH7/s640/9.png" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br />11. Untuk membuat link yang lain nya , caranya
sama seperti membuat link nomor 1.</span></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br />12. Untuk melihat hasilnya, silahkan di start
slide show , atau tekan F5 di keyboard. Kemudian klik link yang dibuat, maka
secara langsung link akan mengarahkan ke slide yang dituju</span></div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<span style="text-indent: 36pt;"><br /></span></div>
<div style="text-align: justify;">
<span style="text-indent: 36pt;">Begitulah cara untuk membuat link
pada slide power point. Cukup mudah dan sederhana. Mungkin bisa digunakan untuk
presentasi , bisa dibuat daftar menu pembahasan dan lain lain. Dengan adanya
link action pada halaman slide, akan membuat power point menjadi lebih menarik.</span></div>
<div style="text-align: justify;">
</div>
<div style="text-indent: 48px;">
<span style="text-indent: 18pt;"><br /></span></div>
<div style="text-indent: 48px;">
<span style="text-indent: 18pt;">Oke sekian dari saya, semoga
bermanfaat.</span></div>
</div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-47973605194727368672017-04-12T05:56:00.001+07:002017-09-17T14:04:35.228+07:00Cara Mudah Membuat Daftar isi di WORD<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF3CYCmZkCh3mn913oS-E_-8hw6Vp-8WufUBhZI7fvljC6hkLHDmcEaERFuPcTsJT6J1iu9uRIYkRI5hWsoFZkvTaiU2rrHgZE0Xc11HPk6GbtzvKFvWiZNg_xNIFKy7TGg4o2nVBLLIY/s1600/maxresdefault+%25281%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF3CYCmZkCh3mn913oS-E_-8hw6Vp-8WufUBhZI7fvljC6hkLHDmcEaERFuPcTsJT6J1iu9uRIYkRI5hWsoFZkvTaiU2rrHgZE0Xc11HPk6GbtzvKFvWiZNg_xNIFKy7TGg4o2nVBLLIY/s320/maxresdefault+%25281%2529.jpg" width="320" /></a></div>
<div style="text-align: justify;">
Sebelumnya
pasti teman-teman ada yang membuat titik-titik di daftar isi dengan manual,
yaitu mengetik titik-titik tersebut (termasuk saya :D). Kadang titik-titik nya pas kadang tidak rata
kiri kanan. Dan membuat nya juga capek dan ribet. Membuat daftar isi sebenarnya
tidaklah sulit. Didalam Microsoft Word sudah ada fasilitas yang diberikan untuk
membuat daftar isi dan gampang untuk digunakan. Nah disini ada tips untuk
membuat daftar isi yang rapi dan mudah untuk dibuat.</div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;"> </span></div>
<div style="text-align: justify;">
<span style="line-height: 115%;">Nama
fasilitasnya iyalah Table of Content. Bisa kita temukan di tab menu References.
Disana ada pilihan untuk membuat daftar isi secara manual dan otomatis. Kita
akan bahas dan praktekkan cara membuat daftar isi manual dan otomatis. Yang
pasti daftar isi yang akan kita buat lebih rapi dan mudah membuat nya. <o:p></o:p></span></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
</div>
<div class="MsoListParagraph" style="margin-left: 54.0pt; mso-add-space: auto; mso-list: l1 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><b><span style="line-height: 115%;">1.<span style="font-stretch: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><b><span style="line-height: 115%;">Membuat Daftar
isi Manual<o:p></o:p></span></b></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br />Cara untuk membuat daftar isi secara manual ialah dengan
sebagai berikut.<o:p></o:p></span></div>
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;">- klik tab menu References , pada tab Table of Contents klik
table of contents dan Pilih Manual Table<o:p></o:p></span></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzykt-ofUKOC1-w6UJw15H5y_mw9kZpeQSaqY-8iNv3HIoKsMTm8Klk7hslmT8UqVovKDZVHETlNftkkeq3X4V_Lc_3yvuKNrUpgMkWpiB4z5-jkPia5GGiFQFOPuUxdeh40VQQ3vNfI28/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzykt-ofUKOC1-w6UJw15H5y_mw9kZpeQSaqY-8iNv3HIoKsMTm8Klk7hslmT8UqVovKDZVHETlNftkkeq3X4V_Lc_3yvuKNrUpgMkWpiB4z5-jkPia5GGiFQFOPuUxdeh40VQQ3vNfI28/s640/1.png" title="Cara Membuat Daftar Isi" width="576" /></a></div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;">- Kemudian tinggal ganti tulisannya / edit tulisannya dan isi
sesuai dengan halaman. Dan untuk menambahkan tulisan supaya tetap rapi , bisa
di copy paste saja. Untuk mengisi nomor halaman juga kita lakukan dengan
manual. <o:p></o:p></span></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8rnK7sKKirFNEzOtk7KYQcLZEjAz4Zmo0v9Uznn6ojlHiKTQLPm33tBcO7uTO96nohpFZnJXAbAI1Bi9FKJ7dh5uWoZFBx9FVVT9-p34qyZZNt1Nej3poAQ-MSaCC8KyEBjNq6ATuaKbP/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8rnK7sKKirFNEzOtk7KYQcLZEjAz4Zmo0v9Uznn6ojlHiKTQLPm33tBcO7uTO96nohpFZnJXAbAI1Bi9FKJ7dh5uWoZFBx9FVVT9-p34qyZZNt1Nej3poAQ-MSaCC8KyEBjNq6ATuaKbP/s640/2.png" title="Cara Membuat Daftar Isi" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtgzhEUgejWvEZ3yg7Joq_zOuimiVZwmOtSlMDldeL2bUc7T296kHkZ_Jt5G1d2wgFREwOvxLSHOTmt6UzLOn_c1gb-10YmhUscMF4ycQBCUp0su5x5QcUM_gUziklbn0RsLIUtq1med9I/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtgzhEUgejWvEZ3yg7Joq_zOuimiVZwmOtSlMDldeL2bUc7T296kHkZ_Jt5G1d2wgFREwOvxLSHOTmt6UzLOn_c1gb-10YmhUscMF4ycQBCUp0su5x5QcUM_gUziklbn0RsLIUtq1med9I/s640/3.png" title="Cara Membuat Daftar Isi" width="640" /></a></div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;"> Cukup mudah
dan sederhana hasilnya bagus. tetapi kita harus membuat nomor halaman secara
manual. Kan agak lama untuk membuat nomor halaman kita harus cek dan periksa
bahwasannya pembahasan ini ada di halaman berapa dan seterusnya. Dan ada
fasilitas yang lebih memudahkan kita untuk membuat daftar isi hanya dengan
sekali klik. Yaitu dengan Automatic Table.<o:p></o:p></span></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
</div>
<div class="MsoListParagraph" style="margin-left: 54.0pt; mso-add-space: auto; mso-list: l1 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><b><span style="line-height: 115%;">2.<span style="font-stretch: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><b><span style="line-height: 115%;">Membuat
Daftar isi Otomatis<o:p></o:p></span></b></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
<div style="text-align: justify;">
<span style="line-height: 115%;">Untuk Membuat daftar isi sangat lah mudah dan cepat. Tetapi..
ada tapi nya, ada syarat nya untuk membuat daftar isi otomatis. Tenang ,syarat
nya cukup mudah. Dalam membuat judul halaman yang ada diatas seperti Kata
Pengantar, Daftar Isi , BAB I PEMBAHASAN , pastikan kita membuat nya dengan
style headings. Kunci dari membuat dafat isi otomatis ialah kita memberi headings pada setiap judul
pembahasan kita. Berikut cara memberikan
heading pada judul.<o:p></o:p></span></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br /></span></div>
<div style="text-align: justify;">
<span style="text-indent: -18pt;">- Seleksi
judul, kemudian pada tab style yaitu ada diatas, pilih heading 1. Maka tulisan
akan berubah menjadi biru, kalian bisa merubah warna tulisannya di tab font.</span></div>
</div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l0 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjco54EqJxZmFCgFuMJnYXHFGIQZBw21gHUJqWP5l4V5wIsgGARRlEMRv0v8ip3gjZDq_eBIgSX6h9WFzkZLDOyQxl7Cn49Iu_RsUgbjE4FMcHj-Szc0OaYo6nJs1XP168PzWeVZ7SGSaIO/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjco54EqJxZmFCgFuMJnYXHFGIQZBw21gHUJqWP5l4V5wIsgGARRlEMRv0v8ip3gjZDq_eBIgSX6h9WFzkZLDOyQxl7Cn49Iu_RsUgbjE4FMcHj-Szc0OaYo6nJs1XP168PzWeVZ7SGSaIO/s640/4.png" title="Cara Membuat Daftar Isi" width="640" /></a></div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l0 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br />- Lakukan hal
yang sama pada judul-judul berikutnya.</span></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisZTrw30b6UtMSyECHXOHHWFFhBDz-MNL-DXElOFNYvDNFvqrbBg90F0e2lSRAebGbwcs5crMSUGmkGmcwJng5ShCkt5_HJgm71OCF5FjGm6q9lT_pGq1EVe5Gg8Ew3UMkytbVq8EYNwUH/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisZTrw30b6UtMSyECHXOHHWFFhBDz-MNL-DXElOFNYvDNFvqrbBg90F0e2lSRAebGbwcs5crMSUGmkGmcwJng5ShCkt5_HJgm71OCF5FjGm6q9lT_pGq1EVe5Gg8Ew3UMkytbVq8EYNwUH/s640/5.png" title="Cara Membuat Daftar Isi" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br />- Ingat ,
dalam memberikan style heading 1 dan heading 2 tidak sembarang. Untuk mudahnya
seperti ini, heading 1 itu judul, sedangkan heading 2 untuk sub judul . Contoh
: Kata Pengantar , Daftar Isi, BAB I PEMBAHASAN merupakan judul yaitu heading
1. Karena di BAB I ada latar belakang,rumusan masalah, nah yang ini namanya sub
judul, maka kita gunakan style heading 2. Begitu juga seterusnya jika ada sub
judul lagi didalam sub judul maka gunakan style heading 3. Begitu seterusnya.</span></div>
</div>
<div class="MsoListParagraphCxSpLast" style="mso-list: l0 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;">Oke jika semua judul judul pembahasan sudah diberikan headings,
maka saat nya kita membuat daftar isi secara otomatis dan mudah dalam satu
klik.<o:p></o:p></span></div>
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;">Berikut cara cara nya :</span></div>
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br /></span></div>
<div style="text-align: justify;">
<span style="text-indent: -18pt;">1. Buat
halaman daftar isi yang diberi judul dengan style heading, pastinya heading1.</span></div>
</div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l0 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZReJnCBTuwQnqFdjuBo6kfeGuU4fv4EpV95ISMiQUEsTeM4x7KjdL22IlMt0qDrySVFVHzmabp-NKXb_AMqgssFf_dTnm5KmQjvyGlD5fztMWttzH_ZQMxBtBStHYaCIW_ozp396MWHIc/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZReJnCBTuwQnqFdjuBo6kfeGuU4fv4EpV95ISMiQUEsTeM4x7KjdL22IlMt0qDrySVFVHzmabp-NKXb_AMqgssFf_dTnm5KmQjvyGlD5fztMWttzH_ZQMxBtBStHYaCIW_ozp396MWHIc/s640/6.png" title="Cara Membuat Daftar Isi" width="640" /></a></div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l0 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br />2. Klik tab
menu References, pada tab Table of content . klik table of content dan pilih
Automatic table.</span></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS5difNk6StYEg-8vIam83SVHdt40EHds_CR-kZ8w1bWrj1m2BSlMm4Or3d0iLMMUDp6bGehyJS2zO-UFthGmRz_Yy4wMmzOG8A9YFhj77vRyPQOGxOlGEQvkgjW0-tAJ-Tbm9gG5JI5ug/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="430" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS5difNk6StYEg-8vIam83SVHdt40EHds_CR-kZ8w1bWrj1m2BSlMm4Or3d0iLMMUDp6bGehyJS2zO-UFthGmRz_Yy4wMmzOG8A9YFhj77vRyPQOGxOlGEQvkgjW0-tAJ-Tbm9gG5JI5ug/s640/7.png" title="Cara Membuat Daftar Isi" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo2; text-indent: -18.0pt;">
<div style="text-align: justify;">
<span style="text-indent: -18pt;"><br />- Dan Boom.
Maka langsung otomatis daftar isi sudah jadi dengan nomor halaman yang otomatis
mengikuti halaman. Dan apabila tulisan table of content yang bewarna biru tidak
diperlukan maka bisa dihapus.</span></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0-UP95xNCS0XzQYJ4xAzpN5_6Y0LzriGVpVacynOEnTzsnpAHjknIKqnMD8WZ_W7NSvEuKzXJNdLPZDEXkWvxIB2N3DCvoQw_ecINQEseEW7MnQGRRKDZ0bAyyEzNFkW1R96RxaqWBbjU/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0-UP95xNCS0XzQYJ4xAzpN5_6Y0LzriGVpVacynOEnTzsnpAHjknIKqnMD8WZ_W7NSvEuKzXJNdLPZDEXkWvxIB2N3DCvoQw_ecINQEseEW7MnQGRRKDZ0bAyyEzNFkW1R96RxaqWBbjU/s640/8.png" title="Cara Membuat Daftar Isi" width="640" /></a></div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br /></span></div>
</div>
<div class="MsoNormal" style="text-indent: 18.0pt;">
<div style="text-align: justify;">
<span style="line-height: 115%;">Itulah langkah2 dalam pembuatan
daftar isi secara otomatis maupun manual . Sangat mudah dan cepat. Perbedaannya
manual dan otomatis ialah kalau manual kita membuat tulisan judul dan nomor nya
secara manual, enaknya sudah ada kerangka nya tinggal kita isi sendiri. Nah
kalau otomatis judul tulisan dan nomor halaman sudah benar benar langsung jadi
. tidak perlu membuat nomor halaman lagi . dan nomor halaman akan otomatis
mengikuti halaman.<o:p></o:p></span></div>
</div>
<div class="MsoNormal" style="text-indent: 18.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal" style="text-indent: 18.0pt;">
<div style="text-align: justify;">
<span style="line-height: 115%;">Baiklah, sekian dari saya . semoga
bermanfaat. Selamat Mencoba </span><span style="font-family: "wingdings"; line-height: 115%;">J</span></div>
<div style="text-align: justify;">
<span style="font-family: "wingdings"; line-height: 115%;"><br /></span></div>
</div>
<div class="MsoListParagraph">
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/yVWnBqy3ZX0/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/yVWnBqy3ZX0?feature=player_embedded" width="320"></iframe></div>
<div style="text-align: justify;">
<br /></div>
</div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-71700159030987960342017-04-09T16:12:00.001+07:002017-09-17T16:28:53.314+07:00Cara Membuat Nomor Halaman berbeda di Word<div class="MsoNormal" style="background: white; mso-line-height-alt: 19.2pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikcVxuYDbg1_5Ggf3V8vUZLZV1bGXBkJswmjyG763UpCWoB5WAn7Z0-RUq3ZWjDYdocszsy7UmivExRkhm0vHhyphenhyphenJzrFaoF0bTenQW66LHO0t2-rfOIQGpWjqRNqtkj2sJ4Kk96xJLLefw/s1600/maxresdefault+%25281%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikcVxuYDbg1_5Ggf3V8vUZLZV1bGXBkJswmjyG763UpCWoB5WAn7Z0-RUq3ZWjDYdocszsy7UmivExRkhm0vHhyphenhyphenJzrFaoF0bTenQW66LHO0t2-rfOIQGpWjqRNqtkj2sJ4Kk96xJLLefw/s320/maxresdefault+%25281%2529.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;">Pada postingan sebelumnya </span><a href="https://kawansebaya.blogspot.co.id/2017/04/cara-membuat-nomor-halaman-di-word.html" style="font-family: arial, sans-serif;">Cara Membuat Nomor Halaman di word</a><span style="color: #252f31; font-family: "arial" , sans-serif;"> , kita sudah mengetahui bagamaina cara membuat nomor halaman di word dengan mudah. nah bagaimana kalau dalam satu file atau dokument word yang memiliki format nomor halaman yang berbeda, misalnya untuk cover tidak ada nomor halaman, kemudian pada bagian daftar isi,kata pengantar diberi format nomor halaman dengan angka romawi (i,ii,iii,iv), dan untuk isi diberi nomor halaman angka.</span></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;">Mungkin sebelumnya untuk membuat nomor halaman yang berbeda seperti itu ada yang membuat nya dengan cara membuat file/document baru , termasuk saya , hehehe… untuk membuat cover saya buat di file baru, tetapi ternyata ada cara mudah untuk kita membuat nomor halaman dengan format yang berbeda dalam satu file. oke langsung saja berikut langkah2 nya.</span></div>
</div>
<div class="MsoNormal" style="background: white; mso-line-height-alt: 19.2pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;"><br />1.<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> </span></span><span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;">Persiapkan file document word , buat 4 halaman dalam word. dengan cara klik tab menu insert , kemudian pada tab menu pages , klik blank page, buat sampe 4 halaman.</span></div>
</div>
<div class="MsoNormal" style="background: white; margin: 6pt 0cm; text-indent: -18pt;">
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw2SILGM8eVIzqMsKK-EhV8ujCT_dVVnYNjyDUp53Hinr1RMv2MWUc9MVOhwywobLDyxlkekpdMutjnfc013tnFjxHpP984nUVYkHQ7HAtxZ1VYQKyfH8v6ceehxHdZh5dBFvhQlA6-7WZ/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw2SILGM8eVIzqMsKK-EhV8ujCT_dVVnYNjyDUp53Hinr1RMv2MWUc9MVOhwywobLDyxlkekpdMutjnfc013tnFjxHpP984nUVYkHQ7HAtxZ1VYQKyfH8v6ceehxHdZh5dBFvhQlA6-7WZ/s640/1.png" title="Cara Membuat Nomor Halaman berbeda di Word" width="640" /></a></span></div>
</div>
<div class="MsoNormal" style="background: white; line-height: 19.2pt; margin: 6pt 0cm; text-align: center;">
<a href="file:///C:/Users/ANMA/AppData/Local/Temp/OpenLiveWriter684436474/supfilesE3571/1%5b7%5d.png"><span style="color: black; font-family: "arial" , sans-serif; text-decoration-line: none;"></span></a><span style="color: #252f31; font-family: "arial" , sans-serif;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; margin: 6pt 0cm; text-indent: -18pt;">
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"> <br />2.</span><span style="color: #252f31; font-family: "arial" , sans-serif;"> Berikan judul untuk masing masing halaman , disini saya membuat cover , kata pengantar , daftar isi , dan BAB I. </span></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsMv5w_UtbgsAFHd0BSmyhmaTXsZv6cjWnJ0d2xHHyh08KCRPNl6_jsBw8e2eCisgzczmHU20y3b7ouw6Lw3FdctIPQmcg0S_-HmFPJgRWMcQVMq35TF5aXmEYM4BJI9BJfogeMdrdw94I/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsMv5w_UtbgsAFHd0BSmyhmaTXsZv6cjWnJ0d2xHHyh08KCRPNl6_jsBw8e2eCisgzczmHU20y3b7ouw6Lw3FdctIPQmcg0S_-HmFPJgRWMcQVMq35TF5aXmEYM4BJI9BJfogeMdrdw94I/s640/2.png" title="Cara Membuat Nomor Halaman berbeda di Word" width="640" /></a></div>
<a href="https://www.blogger.com/$1[7].png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/$1[7].png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/$1[7].png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><span style="color: #252f31; font-family: "arial" , sans-serif;"></span><br />
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><br /></span></div>
<span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;"></span><br />
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;"><span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;"> 3.<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> </span></span><span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;">Kunci dari membuat nomor halaman dengan format berbeda iala di break sesi. kita akan membagi sesi dari file document kita. disini saya akan membagi 3 sesi , yaitu sesi 1 untuk cover , sesi 2 untuk bagian kata pengantar ,daftar isi dan sesi 3 untuk bab bab isi nya. </span></span><span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;"><br />4.</span><span style="color: #252f31; font-family: "times new roman"; text-indent: -18pt;"> </span><span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;">Cara membreak sesi , yaitu pilih halaman yang akan di break sesi nya,misalnya kita ingin mem break halaman antara cover dan kata pengantar , maka pastikan cursor aktif mouse berada paling atas di halaman kata pengantar.</span></div>
</div>
<div class="MsoNormal" style="background: white; margin: 6pt 0cm; text-indent: -18pt;">
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><br /></span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZxOXFbmPyH3Mziq5nWzTao1WckNQXe16R36kEOLCAUHaDtK3jDMgbiSw3q92CNXSDyhfiPJOnNUGE-LU0RdTSilVjs03rpM31OmRgpVj0_RkX8Qt_pYTSTKDfqn0Fd8TfJgqMqFU6N1ti/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZxOXFbmPyH3Mziq5nWzTao1WckNQXe16R36kEOLCAUHaDtK3jDMgbiSw3q92CNXSDyhfiPJOnNUGE-LU0RdTSilVjs03rpM31OmRgpVj0_RkX8Qt_pYTSTKDfqn0Fd8TfJgqMqFU6N1ti/s640/3.png" title="Cara Membuat Nomor Halaman berbeda di Word" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><br /></span></div>
</div>
<div class="MsoNormal" style="background: white; line-height: 19.2pt; margin: 6pt 0cm; text-align: center;">
<a href="file:///C:/Users/ANMA/AppData/Local/Temp/OpenLiveWriter684436474/supfilesE3571/3%5b9%5d.png"><span style="color: black; font-family: "arial" , sans-serif; text-decoration-line: none;"></span></a><span style="color: #252f31; font-family: "arial" , sans-serif;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; margin: 6pt 0cm; text-indent: -18pt;">
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> </span></span><span style="color: #252f31; font-family: "arial" , sans-serif;">5. Setelah itu klik tab menu page layout –> klik breaks pada tab menu page setup, kemudian pilih next page.<o:p></o:p></span></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><br /></span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw-e7jGxEikrcV7Ud1tJReouDl-6SB9uQ46s1Er6Izs9m2OuO3xz-LixlR4o2DANKNt4lCFftIdSm_13j5lYhlS-p_qYXJQubFA8w1l68jPvnYtZA4_nPs7y6_81Aq-mwInAefFQa9DMpv/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw-e7jGxEikrcV7Ud1tJReouDl-6SB9uQ46s1Er6Izs9m2OuO3xz-LixlR4o2DANKNt4lCFftIdSm_13j5lYhlS-p_qYXJQubFA8w1l68jPvnYtZA4_nPs7y6_81Aq-mwInAefFQa9DMpv/s640/4.png" title="Cara Membuat Nomor Halaman berbeda di Word" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><br /></span></div>
</div>
<div class="MsoNormal" style="background: white; line-height: 19.2pt; margin: 6pt 0cm; text-align: center;">
<a href="file:///C:/Users/ANMA/AppData/Local/Temp/OpenLiveWriter684436474/supfilesE3571/4%5b3%5d.png"><span style="color: black; font-family: "arial" , sans-serif; text-decoration-line: none;"></span></a><span style="color: #252f31; font-family: "arial" , sans-serif;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; margin: 6pt 0cm; text-indent: -18pt;">
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"> <br />6.<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> </span></span><span style="color: #252f31; font-family: "arial" , sans-serif;">Maka halaman cover sudah beda sesi dengan halaman lainnya, nah sekarang kita akan membagi sesi juga untuk halaman bab bab isi nya , lakukan dengan cara yang sama seperti diatas.<o:p></o:p></span></div>
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal" style="background: white; margin: 6pt 0cm; text-indent: -18pt;">
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"> <br />7.</span><span style="color: #252f31; font-family: "times new roman";"> </span><span style="color: #252f31; font-family: "arial" , sans-serif;">Jika sudah dibagi sesi nya, saat nya kita membuat nomor halaman nya , dengan cara klik tab menu insert , kemudian pada tab header & footer klik page numbers , kemudian pilih posisi nomor halaman sesuai keinginan.<o:p></o:p></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;"><br />8.<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> N</span></span><span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;">ah maka akan kelihatan di bawah , di cover ialah section 1 – , kata pengantar dan daftar isi section 2. dan BAB I menjadi section 3 . disini berarti kita berhasil membagi sesi pada halaman kita.</span></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;"><br /></span></div>
</div>
<div class="MsoNormal" style="background: white; margin: 6pt 0cm; text-indent: -18pt;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaIBEaLAg9DnPwjp8vL46lqsCdYG2NjS4RpdZDrufm2t1dpYSXkAn64YQkJV_sTiO4fZLyzNt5FsmJE1Q9tCDaCH0u6d90ewFaf8urzQR62dEXq5zLo5qHJDdrADrJ2thvfvg4kxcACbe6/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaIBEaLAg9DnPwjp8vL46lqsCdYG2NjS4RpdZDrufm2t1dpYSXkAn64YQkJV_sTiO4fZLyzNt5FsmJE1Q9tCDaCH0u6d90ewFaf8urzQR62dEXq5zLo5qHJDdrADrJ2thvfvg4kxcACbe6/s640/5.png" title="Cara Membuat Nomor Halaman berbeda di Word" width="640" /></a></div>
<br />
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal" style="background: white; line-height: 19.2pt; margin: 6pt 0cm; text-align: center;">
<a href="file:///C:/Users/ANMA/AppData/Local/Temp/OpenLiveWriter684436474/supfilesE3571/5%5b3%5d.png"><span style="color: black; font-family: "arial" , sans-serif; text-decoration-line: none;"></span></a><span style="color: #252f31; font-family: "arial" , sans-serif;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; margin: 6pt 0cm; text-indent: -18pt;">
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"> <br />9.<span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;"> K</span></span><span style="color: #252f31; font-family: "arial" , sans-serif;">emudian arahkan cursor aktif ke halaman cover , pada option centang Diferent first page , kemudian hapus nomor halaman di halaman cover., maka nomor halaman di halaman cover akan hilang.<o:p></o:p></span></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><br /></span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ2zIjicG_T4s_aZNMvmsKMSjhgKzBmxTeEfr47U9EioQwuWHXEs8g2i1FUg_Pa5PzYkR9LWXM1wXfJHwbDncpNJ2l57Q08MMwe0gW_o6gUCQxsdgUi4evYvDhJtD6-o_Rc2JZeH3IgAYQ/s1600/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ2zIjicG_T4s_aZNMvmsKMSjhgKzBmxTeEfr47U9EioQwuWHXEs8g2i1FUg_Pa5PzYkR9LWXM1wXfJHwbDncpNJ2l57Q08MMwe0gW_o6gUCQxsdgUi4evYvDhJtD6-o_Rc2JZeH3IgAYQ/s640/9.png" title="Cara Membuat Nomor Halaman berbeda di Word" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;"><br />10.</span><span style="color: #252f31; font-family: "times new roman"; text-indent: -18pt;"> </span><span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;">Selanjutnya ialah membuat format nomor angka romawi pada halaman kata pengantar dan daftar isi. dengan cara. arahkan cursor aktif ke halaman kata pengantar daftar isi , atau di halaman yang sesi 2 . kemudian klik page number pada tab header & footer, kemudian klik format page number.</span></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;"><br /></span></div>
</div>
<div class="MsoNormal" style="background: white; margin: 6pt 0cm; text-indent: -18pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihhmK5wfN3lrFSIqP9bf9vKS4Epwj3wu0zgDQV1caG6veaa2JpKGEjMrMhyQPFIlH-YTYAv5fnPprISmQc0YW9EtdhPBxFxzqfWhyphenhyphenn1rX4yIN2LIfTIqDG3nIzTioP2HRpnYGktWYsLf9h/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihhmK5wfN3lrFSIqP9bf9vKS4Epwj3wu0zgDQV1caG6veaa2JpKGEjMrMhyQPFIlH-YTYAv5fnPprISmQc0YW9EtdhPBxFxzqfWhyphenhyphenn1rX4yIN2LIfTIqDG3nIzTioP2HRpnYGktWYsLf9h/s640/6.png" title="Cara Membuat Nomor Halaman berbeda di Word" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;"><br />11.</span><span style="color: #252f31; font-family: "times new roman"; text-indent: -18pt;"> </span><span style="color: #252f31; font-family: "arial" , sans-serif; text-indent: -18pt;">Ubah number format menjadi i,ii,iii , kemudian pada page numbering , isi start at dari i, maksud start at ialah dimulai dari. jika sudah klik oke. dan di tab navigasi pastikan link previous aktif.</span></div>
</div>
<div class="MsoNormal" style="background: white; margin: 6pt 0cm; text-indent: -18pt;">
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><br /></span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipdVAOkP3T61scEjYtoWi3MJUK7PGwOv5AzTaBpmuFTnckZVKqWmdAJ2DgMrLW8WCyKZBNgaH_NKGgvUDIaFv_f-D1Lz3v-M1Xq-lmYz2t_78UQ1IE0OZLibCyesOgui14O32zAeziaIYi/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipdVAOkP3T61scEjYtoWi3MJUK7PGwOv5AzTaBpmuFTnckZVKqWmdAJ2DgMrLW8WCyKZBNgaH_NKGgvUDIaFv_f-D1Lz3v-M1Xq-lmYz2t_78UQ1IE0OZLibCyesOgui14O32zAeziaIYi/s640/7.png" title="Cara Membuat Nomor Halaman berbeda di Word" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><br /></span></div>
</div>
<div class="MsoNormal" style="background: white; line-height: 19.2pt; margin: 6pt 0cm; text-align: center;">
<a href="file:///C:/Users/ANMA/AppData/Local/Temp/OpenLiveWriter684436474/supfilesE3571/7%5b3%5d.png"><span style="color: black; font-family: "arial" , sans-serif; text-decoration-line: none;"></span></a><span style="color: #252f31; font-family: "arial" , sans-serif;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; mso-line-height-alt: 19.2pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"> Dan maka jadilah nomor halaman kita dengan format angka yang berbeda. cukup sederhana dan mudah.<o:p></o:p></span></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><br /></span></div>
</div>
<div class="MsoNormal" style="background: white; line-height: 19.2pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZTU6HFlflv1pd8PbE4aMy0mn2OWzhw3TV2cyntA0ExgiG9FKwDiS3ZrqFfi3crqU5Gc1WMiNJoJI-k4F6kmvqqNiM1s3HG2GccSmrRtS9Ch9As8PWD-ZOjnI4IOEBVDlCtnH4JGfKqEb1/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZTU6HFlflv1pd8PbE4aMy0mn2OWzhw3TV2cyntA0ExgiG9FKwDiS3ZrqFfi3crqU5Gc1WMiNJoJI-k4F6kmvqqNiM1s3HG2GccSmrRtS9Ch9As8PWD-ZOjnI4IOEBVDlCtnH4JGfKqEb1/s640/8.png" title="Cara Membuat Nomor Halaman berbeda di Word" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPcaWVEdh3f_xCW8oGcoZOg5qGiXsrVBSPEUU3Ar_DaU_hcZOaPd3ydrDGBt-HSUPflQY1D_MtwQLgCmR7qctkAf1aRep0KqvmohfdJXhOJhCf9ekdv5fLNJw7_wbBx7wjZ5AtLgxyGi2S/s1600/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPcaWVEdh3f_xCW8oGcoZOg5qGiXsrVBSPEUU3Ar_DaU_hcZOaPd3ydrDGBt-HSUPflQY1D_MtwQLgCmR7qctkAf1aRep0KqvmohfdJXhOJhCf9ekdv5fLNJw7_wbBx7wjZ5AtLgxyGi2S/s640/10.png" title="Cara Membuat Nomor Halaman berbeda di Word" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal" style="background: white; mso-line-height-alt: 19.2pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"> <br />Kunci dari membuat halaman berbeda ialah di section break. intinya kita membagi sesi halaman kita. kemudian baru kita bisa memberikan nomor halaman dengan format yang berbeda.</span></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"> <br />Agar lebih mengerti dan paham , saya sudah siapkan video dibawah ini</span></div>
<br />
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><br /></span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/dkjF1RCsE-o/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/dkjF1RCsE-o?feature=player_embedded" width="320"></iframe></div>
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;"><br /></span>
</div>
<br />
<div style="text-align: justify;">
<span style="color: #252f31; font-family: "arial" , sans-serif;">Mungkin itu saja yang saya ketahui tentang cara membuat nomor halaman berbeda pada satu file document. Jika ada yang belum mengerti bisa berikan komentar di bawah. sekian dari saya semoga bermanfaat. </span></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="text-align: justify;">
<br /></div>
</div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-43767493535502750432017-04-08T17:52:00.001+07:002017-09-17T16:35:04.355+07:00Cara Membuat Nomor Halaman Di Word <div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal" style="text-align: center; text-indent: 36pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikcVxuYDbg1_5Ggf3V8vUZLZV1bGXBkJswmjyG763UpCWoB5WAn7Z0-RUq3ZWjDYdocszsy7UmivExRkhm0vHhyphenhyphenJzrFaoF0bTenQW66LHO0t2-rfOIQGpWjqRNqtkj2sJ4Kk96xJLLefw/s1600/maxresdefault+%25281%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikcVxuYDbg1_5Ggf3V8vUZLZV1bGXBkJswmjyG763UpCWoB5WAn7Z0-RUq3ZWjDYdocszsy7UmivExRkhm0vHhyphenhyphenJzrFaoF0bTenQW66LHO0t2-rfOIQGpWjqRNqtkj2sJ4Kk96xJLLefw/s320/maxresdefault+%25281%2529.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<span style="text-indent: 36pt;"><br />Nomor halaman pada sebuah makalah
atau buku sangat penting dan dibutuhkan guna untuk menandai isi halaman. Nomor
halaman mempermudah untuk mencari bab,isi yang ingin dibaca melalui daftar isi.
Untuk membuat nomor halaman sebenarnya mudah. Untungnya di microsoft word sudah
ada fasilitas untuk memberikan nomor pada halaman. Dengan page number kita bisa
membuat nomor halaman dengan mudah dan cepat. Baiklah langsung saja kita
praktekkan untuk cara membuat nomor halaman di word.</span></div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><span style="mso-list: Ignore;"> 1.<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]-->Persiapkan file atau document yang ingin diberi
nomor halaman</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><span style="mso-list: Ignore;"> 2.<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]-->Arahkan mouse ke tab menu insert kemudian di
tab<span style="mso-spacerun: yes;"> </span>header & footer klik page number</div>
</div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: center;">
<span style="mso-no-proof: yes;"><!--[if gte vml 1]><v:shapetype id="_x0000_t75"
coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe"
filled="f" stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Picture_x0020_0" o:spid="_x0000_i1028" type="#_x0000_t75"
alt="1.png" style='width:246pt;height:138pt;visibility:visible;
mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\ANMA\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png"
o:title="1"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMoUM1JHewyNUz6frLuNq2jXouYJ4CvisLAvuPvxadBY85VjEKmFY2m_nC5w3sRdJiGcW7wNOuro1UNynMlFPeTeANgsDWa8jxZQJm04UyN7ebpKmjjNoWDx9ZddXOgV8I0NNZwdC-aTlN/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMoUM1JHewyNUz6frLuNq2jXouYJ4CvisLAvuPvxadBY85VjEKmFY2m_nC5w3sRdJiGcW7wNOuro1UNynMlFPeTeANgsDWa8jxZQJm04UyN7ebpKmjjNoWDx9ZddXOgV8I0NNZwdC-aTlN/s640/1.png" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: center;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><span style="mso-list: Ignore;"> 3.<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]-->Maka akan muncul pilihan untuk posisi nomor
halaman, top of page berarti nomor halaman berada di atas, dan biasanya yang
sering digunakan posisi bottom of page yaitu posisi nomor halaman berada di
bawah, nah setelah itu muncul juga pilihan di kiri, tengah , atau di kanan . </div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><span style="mso-list: Ignore;"> 4.<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]-->Sebelum itu kita bisa mengatur format nomor
halaman kita, kita bisa membuat nomor halaman dalam format angka misal 1,2,3
atau angka romawi misal i,ii,iii,iv dll. Caranya iala dengan meng klik format
page number pada pilihan page number.</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: center;">
<span style="mso-no-proof: yes;"><!--[if gte vml 1]><v:shape id="Picture_x0020_1"
o:spid="_x0000_i1027" type="#_x0000_t75" alt="2.png" style='width:129pt;
height:139.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\ANMA\AppData\Local\Temp\msohtmlclip1\01\clip_image003.png"
o:title="2"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: center;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgryGjIUr2eg18S7nHukXoqPSsUjQjLgdjcKB4nNE_Yd8E-BDPVxwXxeqxRFpu3UjWFIqLwmHPI9TQZaLcaM9ncuw0Qe6rMfr8rJD3mpxufmP_osC_uTr_bFeQw0GN3qqTdF7u2Pb5JrxVb/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgryGjIUr2eg18S7nHukXoqPSsUjQjLgdjcKB4nNE_Yd8E-BDPVxwXxeqxRFpu3UjWFIqLwmHPI9TQZaLcaM9ncuw0Qe6rMfr8rJD3mpxufmP_osC_uTr_bFeQw0GN3qqTdF7u2Pb5JrxVb/s640/2.png" width="591" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><span style="mso-list: Ignore;"> 5.<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]-->Pada number format , pilih format angka yang
ingin digunakan untuk membuat nomor halaman.</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><span style="mso-list: Ignore;"> 6.<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]-->Jika sudah klik ok.</div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><span style="mso-list: Ignore;"> 7.<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]-->Maka tampilan akan seperti ini, kemudian klik
close pada pojok kanan atas.</div>
</div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6xB4GmSJgB614Uk3S_Ag0XF_GrTj2fEh4S_c8COTixgoh-RwrWiSbbZrY7o12XYmwlO9lBeV0JnDtSh4FpFQLc3tMFSI92G7GbPLMkIdZbx4zvkwhGWTW68hXoy3KkXP9iC2duPTcyQuP/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6xB4GmSJgB614Uk3S_Ag0XF_GrTj2fEh4S_c8COTixgoh-RwrWiSbbZrY7o12XYmwlO9lBeV0JnDtSh4FpFQLc3tMFSI92G7GbPLMkIdZbx4zvkwhGWTW68hXoy3KkXP9iC2duPTcyQuP/s640/3.png" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<o:p><br /></o:p></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: center;">
<span style="mso-no-proof: yes;"><!--[if gte vml 1]><v:shape id="Picture_x0020_2"
o:spid="_x0000_i1026" type="#_x0000_t75" alt="3.png" style='width:246pt;
height:136.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\ANMA\AppData\Local\Temp\msohtmlclip1\01\clip_image005.png"
o:title="3"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: center;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<div style="text-align: justify;">
<!--[if !supportLists]--><span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><span style="mso-list: Ignore;"> 8.<span style="font: 7.0pt "Times New Roman";">
</span></span></span><!--[endif]-->Dan nomor halaman kita sudah jadi , cukup mudah
dan sederhana. </div>
</div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizW3rcG3ZQqeDfcM0ifv8GVudA3TTmGd_TMUU4O34EjxQToc31fzv7aKnOH9zSzT4Bf1OsUw4gRnriA25u457g8Dyt-hwVFw4HcwuU42yszHBLyGtqOmbLHSzUXN3fPUICH9C-NBbNH1e6/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizW3rcG3ZQqeDfcM0ifv8GVudA3TTmGd_TMUU4O34EjxQToc31fzv7aKnOH9zSzT4Bf1OsUw4gRnriA25u457g8Dyt-hwVFw4HcwuU42yszHBLyGtqOmbLHSzUXN3fPUICH9C-NBbNH1e6/s640/4.png" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<o:p><br /></o:p></div>
</div>
<div class="MsoListParagraphCxSpLast" style="text-align: center;">
<span style="mso-no-proof: yes;"><!--[if gte vml 1]><v:shape id="Picture_x0020_3"
o:spid="_x0000_i1025" type="#_x0000_t75" alt="4.png" style='width:246pt;
height:136.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\ANMA\AppData\Local\Temp\msohtmlclip1\01\clip_image007.png"
o:title="4"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span></div>
<div class="MsoNormal">
<div style="text-align: justify;">
Kita
sudah berhasil mempraktekkan membuat nomor halaman di word. Nah bagaimana jika
kita ingin membuat nomor halaman dengan format yang berbeda, misalnya dalam
sebuah makalah , ada cover,daftar isi, kata pengantar , dan isi makalah . di
cover kita tidak ingin ada nomor halaman, dan dalam halaman daftar isi ,kata
pengantar , biasanya di beri dengan nomor halaman dengan angka romawi. Semua
akan kita bahas pada postingan selanjutnya. Kita akan belajar step by step. <span style="mso-spacerun: yes;"> </span></div>
</div>
<div class="Publishwithline">
<w:sdt contentlocked="t" id="89512093" sdtgroup="t"><span style="font-family: "calibri" , "sans-serif"; font-size: 1.0pt;"><w:sdtpr></w:sdtpr><w:sdt docpart="1F013686490B49C29AF11DAE24F294E9" id="89512082" storeitemid="X_D69D24BE-F105-42E4-98D7-B6CFB45DD74C" text="t" title="Post Title" xpath="/ns0:BlogPostInfo/ns0:PostTitle"></w:sdt></span>
</w:sdt>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br />Sekian
dari saya semoga bermanfaat.</div>
</div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-15364047490527806392017-04-06T17:25:00.000+07:002017-09-17T16:39:13.357+07:00Tips Mengubah Background Desktop di Windows 7<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkacFg1sYL3s6KrZ_C81iyG8JSObcWmtRZveQ6Ff8kLf74iN6mgI8wMJtcc_6g0UvnaXpg57dsgxfiMsW45qgX3KL981e3uUICANrKd9kcdX92VhHnls26JKMtQJNZcw2wzZjtzB5DFIs/s1600/img0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="1600" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkacFg1sYL3s6KrZ_C81iyG8JSObcWmtRZveQ6Ff8kLf74iN6mgI8wMJtcc_6g0UvnaXpg57dsgxfiMsW45qgX3KL981e3uUICANrKd9kcdX92VhHnls26JKMtQJNZcw2wzZjtzB5DFIs/s320/img0.jpg" width="320" /></a></div>
<div style="text-align: justify;">
Tampilan
desktop yang indah/menarik membuat kita nyaman dan betah untuk melihatnya.
Tetapi terkadang saat kita mengubah tampilan desktop tidak sesuai dengan
harapan , yaitu gambar pecah, gambar background hanya separuh atau sebagian
yang muncul di desktop,atau gambar tidak sesuai posisi . Berikut tips untuk mengganti
background sesuai keinginan kita.</div>
</div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l1 level1 lfo1; text-indent: -18.0pt;">
</div>
<ul>
<li style="text-align: justify;"><span style="text-indent: -18pt;">Lihat atau cek resolusi layar laptop/pc kita.
Ini diperlukan untuk menyesuaikan dengan gambar yang akan kita jadikan tampilan
desktop kita. Untuk melihat nya kita bisa pergi ke control panel, kemudian pada
menu Appearance dan Personalization klik Adjust Screen Resolution.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH_nibDkTUhG5rH7VQCw7ByCEik_ex3R3WJ6nx1XOJE9_M0xHvBbpm2SFGNrjGFH5sg7JpJ_2cyyDp0ED3wa7us4bt52jLq75FjyMf5AHP5rHSFWbvyA505AXhXJVAtAjgUx0l-tvm7D9p/s1600/controlpanel2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH_nibDkTUhG5rH7VQCw7ByCEik_ex3R3WJ6nx1XOJE9_M0xHvBbpm2SFGNrjGFH5sg7JpJ_2cyyDp0ED3wa7us4bt52jLq75FjyMf5AHP5rHSFWbvyA505AXhXJVAtAjgUx0l-tvm7D9p/s640/controlpanel2.png" title="Tips merubah walpaper" width="640" /></a></div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<ul>
<li style="text-align: justify;"><span style="text-indent: -18pt;">Maka kita bisa melihat resolutin atau ukuran
layar kita yang recomended. Nah ukuran itu lah yang akan menjadi patokan kita
agar merubah tampilan desktop sesuai dengan ukuran gambar yang kita pilih.
Disini saya memiliki resolution recomended yaitu 1024x600 pixel. Berarti untuk
memilih gambar yang cocok ialah gambar yang berukuran 1024x600 pixel.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA3Ip-vwhTw4hEsFtK5Y1rh2UFaYDoVUgtSGQl_4_CHiRVCBa67oS3tQxxva1-SG80WoW3RbNYCqDvAF4RbSYeKtWjI3o6WYGgoFi00UKUPbjpe4N1-FiSfQ51VUSL5y0cizv7FStXMx_y/s1600/controlpanel.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA3Ip-vwhTw4hEsFtK5Y1rh2UFaYDoVUgtSGQl_4_CHiRVCBa67oS3tQxxva1-SG80WoW3RbNYCqDvAF4RbSYeKtWjI3o6WYGgoFi00UKUPbjpe4N1-FiSfQ51VUSL5y0cizv7FStXMx_y/s640/controlpanel.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div class="MsoListParagraphCxSpLast" style="margin-left: 72.0pt; mso-add-space: auto;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
Kenapa kita harus menggunakan
gambar yang sesuai ukuruan layar pc/laptop kita? Ini berguna untuk menghindari
gambar pecah. Kan tidak enak dilihat ketika gambar atau tampilan desktop kita
pecah atau buram ?</div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpFirst">
<div style="text-align: justify;">
Langkah selanjutnya ialah mencari gambar
yang akan kita ubah atau atur tampilannya..</div>
</div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l1 level1 lfo1; text-indent: -18.0pt;">
</div>
<ul>
<li style="text-align: justify;"><span style="text-indent: -18pt;">Buka menu control panel, kemudian pada menu
Appearance dan Personalization klik Change desktop background.</span></li>
<li style="text-align: justify;"><span style="text-indent: -18pt;">Maka akan muncul tampilan seperti ini.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCP_0JLmU7yWOrvlm6bMW0SO-BvjkpP74XlSraiU5O3BpoU_y-zvoSYwj2H200PcuGm-bS9vXbwE0N823pcmIpM7iBLYNzkKc6_bSpO6ZCqMg70WPwDe9OXwUmeJhxejPc3m-XPc_RoJlM/s1600/changedesktop.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCP_0JLmU7yWOrvlm6bMW0SO-BvjkpP74XlSraiU5O3BpoU_y-zvoSYwj2H200PcuGm-bS9vXbwE0N823pcmIpM7iBLYNzkKc6_bSpO6ZCqMg70WPwDe9OXwUmeJhxejPc3m-XPc_RoJlM/s640/changedesktop.png" width="640" /></a></div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpMiddle">
</div>
<ol>
<li style="text-align: justify;">Browse -> Untuk memilih lokasi folder
yang berisikan file gambar yang akan kita pilih Kemudian kita bisa memilih gambar2 yang
akan kita jadikan background. Kita bisa select 1 atau lebih gambar, sesuai
keinginan</li>
<li style="text-align: justify;">Picture Position -> untuk mengatur
posisi gambar kita , kita bisa pilih fit untuk menyesuaikan dengan ukuran
layar. Adapun yang lainnya yaitu center(posisi gambar di
tengah),fill,stretch,tile(gambarnya berulang-ulang).</li>
<li style="text-align: justify;">Change Picture Every -> Ini berfungsi
bagi kita yang menggunakan background lebih dari 1, ini mengatur berapa lama
waktu untuk gambar diganti. Bisa setiap 30 menit sekali gambar diganti .</li>
<li style="text-align: justify;"><span style="text-indent: -18pt;">Save Changes -> untuk menyimpan hasi
pengaturan background.</span></li>
</ol>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<br />Sebenarnya ada cara lebih cepat
untuk mengganti background desktop. Yaitu dengan cara pilih gambar yang akan
dijadikan desktop->klik kanan->set as desktop background .</div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijKsVEFgjMmnQ0IBKEQk8e_vK_TCCAumB_98CMEaDzBRJ6Eu3mqipaLroQ958s5M9NMDnvAJIeoc6LZWjDZiBR5kILD7vn1P9zLC_6ejTd-8g03eLfFZ2nRkVaRB1xEnbUqblVJU_JN_Ap/s1600/set+as+desktop.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijKsVEFgjMmnQ0IBKEQk8e_vK_TCCAumB_98CMEaDzBRJ6Eu3mqipaLroQ958s5M9NMDnvAJIeoc6LZWjDZiBR5kILD7vn1P9zLC_6ejTd-8g03eLfFZ2nRkVaRB1xEnbUqblVJU_JN_Ap/s640/set+as+desktop.png" width="640" /></a></div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<br />tadaa..
desktop background kalian sudah terganti. Nah jika ingin mengatur posisinya
kita menggunakan langkah diatas tadi.</div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<br />Baiklah sekian tips dari saya,
semoga bermanfaat bagi kalian. Dan mulai saat ini destop background kita
memiliki tampilan yang indah dan terhindar dari gambar pecah.. hehehe .. Terima
kasih.</div>
</div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-54035695058296001242017-03-31T16:10:00.001+07:002018-01-29T08:13:35.337+07:00Fungsi Tombol Tombol Menu Shut Down di Windows 7<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNxBpDcUCN0ckTD6c0tVEvV5jlZ1nxLxsUoj5g8RgMsoxNYHcmmB9cRvZ3B-iNegFE5Mo9tvj6o536b7Cs_S_5FjHHNWv3gMisakcuXA-E8IwMnEOwXWbrocB-S-HP1l0qvCSdn0n1UTM/s1600/blue_windows_7-wide.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="1600" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNxBpDcUCN0ckTD6c0tVEvV5jlZ1nxLxsUoj5g8RgMsoxNYHcmmB9cRvZ3B-iNegFE5Mo9tvj6o536b7Cs_S_5FjHHNWv3gMisakcuXA-E8IwMnEOwXWbrocB-S-HP1l0qvCSdn0n1UTM/s320/blue_windows_7-wide.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Setelah pekerjaan atau tugas kita selesai dan sudah tidak ada yang ingin dikerjakan lagi , pasti kita men shut down komputer kita. Karena sayang listriknya, kalau di hidupkan terus sedangkan kita tidak menggunakan lagi. Nah ketika hendak melakukan shut down , Di menu shut down terdapat pilihan lagi, mungkin kita hanya langsung mematikan komputer langsung dengan shut down.</div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="white-space: pre;"> </span> </div>
<div class="separator" style="clear: both; text-align: justify;">
Padahal banyak fungsi fungsi pada menu shut down selain tombol shut down . seperti Switch User, Log Off , Lock , Restart , Sleep , Hibernate. Mungkin ada yang belum tahu tentang menu menu di shut down. Berikut fungsi fungsi dari menu-menu shut down.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<ul>
<li><b>Switch User.</b> </li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: justify;">
Switch User digunakan untuk mengganti user/pengguna tanpa menutup program.</div>
<div class="separator" style="clear: both; text-align: justify;">
Disini pengguna yang mempunyai hak akses terhadap komputer.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<ul>
<li><b>Log Off.</b> </li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: justify;">
Log Off berfungsi sebagai untuk keluar dari user saat itu juga. Biasa nya komputer yang digunakan lebih dari dua dan untuk memilih atau beralih ke user lainnya.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<ul>
<li><b>Lock</b>.</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: justify;">
Lock berfungsi untuk mengunci komputer. Fungsi lock ini berfungsi misalnya kalian ingin meninggalkan komputer tetapi takut komputernya ada orang lain yang buka, maka kalian bisa menggunakan LOCK fungsi ini cukup aman. Jika ingin masuk lagi ,pengguna harus memasukkan password pengguna (jika pengguna menggunakan password).</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<ul>
<li><b>Restart.</b> </li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: justify;">
Menu ini pasti sudah banyak yang tahu, dan sudah sering kita gunakan. Fungsi restart ini ialah untuk menutup semua program yang sedang berjalan dan mematikan komputer kemudian menghidupkan komputer kembali.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<ul>
<li><b>Sleep.</b> </li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: justify;">
Sleep berfungsi untuk mematikan semua komponen komputer kecuali memori (RAM). Dalam fungsi sleep ,komputer berada dalam mode penghematan power dan layar komputer akan berubah menjadi gelap/mati. Dan pada fungsi sleep tidak akan menutup program yang sedang dibuka ,Karena program yang sedang dibuka disimpan di dalam RAM. Ketika komputer dihidupkan kembali ,maka program yang disimpan di dalam RAM akan terbuka kembali. Pada fungsi sleep ini, Aliran listrik tidak diputus dan digunakan untuk RAM. Biasanya fungsi ini digunakan untuk kita yang meninggalkan komputer dalam waktu sebentar. Karena sleep memakan baterai pada RAM.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<ul>
<li><b>Hibernate.</b> </li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: justify;">
Hibernate memliki fungsi yang hampir sama dengan sleep.untuk mematikan semua komponen komputer tanpa menutup program yang sedang berjalan. Bedanya dengan sleep, program yang terbuka akan disimpan ke RAM. Sebelum dimatikan, isi dari RAM akan di salin ke hard disk. Karena pada fungsi hibernate aliran listrik di putus. Kemudian jika ingin menghidupkan kembali . RAM yang disimpan di hard disk akan dikembalikan dan membuka program yang sedang berjalan pada posisi semula sebelum di hibernate</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Itulah fungsi-fungsi pada menu shutdown di windows 7, sekarang kita bisa tahu kapan menggunakan fungsi-fungsi shut down dengan benar. Semoga dapat bermanfaat.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-44924198397422195912017-03-30T20:54:00.003+07:002017-09-17T21:12:07.668+07:00Membuat Halaman Dasar HTML <div class="MsoNormal" style="text-indent: 36.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2vmLZ88giw_I2GKWcQRZGLkrQdowLygfG1pCJHbJAcdBJWJal0Dzf-Fn1wFcwU4lW-QMH5SE1PtXYLbtSzxWftneq8vrEHqGTUqUgMCwv3g9qpVm0yW1ceavCzt6pnuiGWx_9oAAAGmI/s1600/Html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2vmLZ88giw_I2GKWcQRZGLkrQdowLygfG1pCJHbJAcdBJWJal0Dzf-Fn1wFcwU4lW-QMH5SE1PtXYLbtSzxWftneq8vrEHqGTUqUgMCwv3g9qpVm0yW1ceavCzt6pnuiGWx_9oAAAGmI/s320/Html.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<span style="text-indent: 36pt;"><br />Pada postingan sebelum nya kita
sudah membahas </span><a href="https://kawansebaya.blogspot.co.id/2017/03/kumpulan-tag-html-beserta-fungsinya.html" style="text-indent: 36pt;">Kumpulan Tag HTML beserta Fungsinya</a><span style="text-indent: 36pt;"> . sekarang kita akan mencoba
membuat halaman HTML sederhana atau kerangka dasar HTML. Yang harus kita siapkan
pertama ialah Text Editor , kalian bisa gunakan Notepad++, Macromedia
Dreamweaver dll. Disini saya menggunakan Notepad++. Oke.. langsung saja kita
mulai.</span></div>
</div>
<div class="MsoListParagraphCxSpFirst">
<div style="text-align: justify;">
<br /></div>
<ul>
<li style="text-align: justify;">Buka Notepad++ ., Kemudian klik menu file,
New..</li>
<li style="text-align: justify;">Ketikkan kode html dibawah ini</li>
</ul>
<div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 72.0pt; margin-right: 0cm; margin-top: 0cm;">
<div style="text-align: justify;">
<html></div>
</div>
<div class="MsoListParagraphCxSpFirst" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 108.0pt; margin-right: 0cm; margin-top: 0cm; mso-add-space: auto;">
<div style="text-align: justify;">
<head></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 108.0pt; margin-right: 0cm; margin-top: 0cm; mso-add-space: auto;">
<div style="text-align: justify;">
<title>Contoh
1 - Membuat halaman Dasar HTML</title></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 108.0pt; margin-right: 0cm; margin-top: 0cm; mso-add-space: auto;">
<div style="text-align: justify;">
</head></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 108.0pt; margin-right: 0cm; margin-top: 0cm; mso-add-space: auto;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 108.0pt; margin-right: 0cm; margin-top: 0cm; mso-add-space: auto;">
<div style="text-align: justify;">
<body></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 108.0pt; margin-right: 0cm; margin-top: 0cm; mso-add-space: auto;">
<div style="text-align: justify;">
Halaman
Pertama pada HTML</div>
</div>
<div class="MsoListParagraphCxSpLast" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 108.0pt; margin-right: 0cm; margin-top: 0cm; mso-add-space: auto;">
<div style="text-align: justify;">
</body></div>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 72.0pt; margin-right: 0cm; margin-top: 0cm;">
<div style="text-align: justify;">
</html></div>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 72.0pt; margin-right: 0cm; margin-top: 0cm;">
<div style="text-align: justify;">
<br /></div>
</div>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj4S8fDETOSk44cL1L34phWTW5Lj3M-6otk1SbrqEsxXqgSDRPJOThyphenhyphenbfAG7jqWz0xlLCxhptTunIt3a4nlkCZWC60KFASWSwtFwS8ZfV6_NYmNoZFeK2ui-VLcV-cWmUlsYzlDTZ0NTLe/s1600/Untitled1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="372" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj4S8fDETOSk44cL1L34phWTW5Lj3M-6otk1SbrqEsxXqgSDRPJOThyphenhyphenbfAG7jqWz0xlLCxhptTunIt3a4nlkCZWC60KFASWSwtFwS8ZfV6_NYmNoZFeK2ui-VLcV-cWmUlsYzlDTZ0NTLe/s640/Untitled1.png" title="Halaman dasar html" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="MsoListParagraphCxSpMiddle">
<ul>
<li style="text-align: justify;">Kemudian klik File,Save As atau bisa Ctrl+S
, sebelum di simpan,Buat folder baru , di tempat yang kalian ingin simpan . kemudian
simpan didalam folder yang kita buat tadi. Disini saya membuat folder baru
dengan nama html.</li>
</ul>
</div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3oeIejd1flUaoY0SRk98xTeRA_hMoMBa4b0wYMWV2mIPdRNu2bi0ODuFWFfQt85EqIAsifHuxN6VXyPOove9rvhdZg39v2WH7dfXD1B2TEt2qJ_eyArFnDaNf2vBLw2Nd_QwtjL-4I6ca/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="470" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3oeIejd1flUaoY0SRk98xTeRA_hMoMBa4b0wYMWV2mIPdRNu2bi0ODuFWFfQt85EqIAsifHuxN6VXyPOove9rvhdZg39v2WH7dfXD1B2TEt2qJ_eyArFnDaNf2vBLw2Nd_QwtjL-4I6ca/s640/Untitled.png" title="Halaman dasar html" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpMiddle">
<ul>
<li style="text-align: justify;">Beri file name atau nama file nya, misal
contoh1.html . ingat ekstensinya .html , karena ini file html . kemudian klik
save.</li>
<li style="text-align: justify;">Selanjutnya buka file html ‘contoh1.html’
tadi di browser kalian, caranya buka folder tempat kita menyimpan file html
kita.. kemuan klik open with , pilih browser yang ingin kalian buka.</li>
</ul>
</div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXEBPM6fgKoJZxuCFhxtnR_Up99eQQQjBQlSEMjhG0q_HOC81Ql-zjGVkY1c9xNqtWBpsHGhkyqvMqFjFDxBKUdov4Yc28AI1SAuDyjjemjbDuErTWd4N7i9gemMh4ZEx-juK39D0oeal9/s1600/Untitled44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXEBPM6fgKoJZxuCFhxtnR_Up99eQQQjBQlSEMjhG0q_HOC81Ql-zjGVkY1c9xNqtWBpsHGhkyqvMqFjFDxBKUdov4Yc28AI1SAuDyjjemjbDuErTWd4N7i9gemMh4ZEx-juK39D0oeal9/s640/Untitled44.png" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<br /></div>
<ul>
<li style="text-align: justify;">Maka akan muncul di browser kita , hasil
tampilan yang kita buat tadi.</li>
</ul>
</div>
<div class="MsoListParagraphCxSpMiddle">
<!--[if gte vml 1]><v:shape id="Picture_x0020_2" o:spid="_x0000_i1026"
type="#_x0000_t75" alt="Untitled2.png" style='width:384pt;height:214.5pt;
visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\ANMA\AppData\Local\Temp\msohtmlclip1\01\clip_image007.png"
o:title="Untitled2"/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRERApP5PAteHFI5oE-ikViEtpx9v2TCNQ2A9-FmMg-jQsHD9L9oZlg8i6MUWYJ7dezcDsUf4vBP_By6Q_yPcE3H4wAgnaahV4_f-A-7fE_l6FpHdEGMh9XbJyDtWfwaCbJJKAypzaF2nJ/s1600/Untitled2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRERApP5PAteHFI5oE-ikViEtpx9v2TCNQ2A9-FmMg-jQsHD9L9oZlg8i6MUWYJ7dezcDsUf4vBP_By6Q_yPcE3H4wAgnaahV4_f-A-7fE_l6FpHdEGMh9XbJyDtWfwaCbJJKAypzaF2nJ/s640/Untitled2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div class="MsoListParagraphCxSpMiddle">
<ul>
<li style="text-align: justify;">Tada.. Berhasil.. maka akan muncul tulisan
Halaman Pertamaku Pada HTML. Dimana tulisan
itu terdapan didalam tag <body>. Sedang kan <title>Contoh1 –
Membuat Halaman dasar html </title> yang berada didalam tag<head> tidak
tampilkan karena tag tersebut didalam tag <head> dimana tag<head>
fungsinya untuk memberikan informasi web kita.</li>
<li style="text-align: justify;">Kemudian kita bisa menambahkan heading
untuk judul dan sebuah tag paragraf untuk isinya seperti ini :</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIXaxICRpQ7psAoW_9mdrQ5zszpYgd28ma0yi2_dug8m39pUQcuoqdDZb5oKboZGNOAKW11Tn1Ed3P0MWeitsOrKjA98s0vpJ-a-2GJcow7E8KS37dNI2DR6oYDNtJbR3AYUEP2Jqwa9VC/s1600/Untitled3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIXaxICRpQ7psAoW_9mdrQ5zszpYgd28ma0yi2_dug8m39pUQcuoqdDZb5oKboZGNOAKW11Tn1Ed3P0MWeitsOrKjA98s0vpJ-a-2GJcow7E8KS37dNI2DR6oYDNtJbR3AYUEP2Jqwa9VC/s640/Untitled3.png" width="640" /></a></div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<br /></div>
<ul>
<li style="text-align: justify;">Buka file contoh1.html tadi dengan
notepad++. Kita akan menambahkan sedikit kode html untuk memperbaharui file
yang tadi. Kemudian ketikkan kode berikut</li>
</ul>
</div>
<div class="MsoListParagraphCxSpFirst">
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0cm;">
<div style="text-align: justify;">
<html></div>
</div>
<div class="MsoListParagraphCxSpFirst" style="line-height: normal; margin-bottom: 0cm;">
<div style="text-align: justify;">
<head></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-bottom: 0cm;">
<div style="text-align: justify;">
<title>Contoh 1 - Membuat halaman Dasar HTML</title></div>
</div>
<div class="MsoListParagraphCxSpLast" style="line-height: normal; margin-bottom: 0cm;">
<div style="text-align: justify;">
</head></div>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0cm;">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoListParagraphCxSpFirst" style="line-height: normal; margin-bottom: 0cm;">
<div style="text-align: justify;">
<body></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-bottom: 0cm;">
<div style="text-align: justify;">
<h2>Halaman Pertama pada HTML</h2></div>
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-bottom: 0cm;">
<div style="text-align: justify;">
<p>Ini adalah isi dari halaman pertama pada html</p></div>
</div>
<div class="MsoListParagraphCxSpLast" style="line-height: normal; margin-bottom: 0cm;">
<div style="text-align: justify;">
</body></div>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0cm;">
<div style="text-align: justify;">
</html></div>
</div>
</div>
<div class="MsoListParagraphCxSpMiddle">
<div style="text-align: justify;">
<br /></div>
<ul>
<li style="text-align: justify;">Fungsi tag <h2> ialah memberikan
heading atau kepala judul dan <p> ialah fungsi untuk mendefenisikan
bahwasannya tulisan itu adalah sebuah paragraf. Jika sudah klik save atau
CTR+S.</li>
<li style="text-align: justify;">Kemudian kita tes di browser . apabila berhasil
maka tampilannya seperti yang diatas tadi.</li>
</ul>
</div>
<div class="MsoNormal" style="margin-left: 18.0pt; text-indent: 18.0pt;">
<div style="text-align: justify;">
<br />Sekarang
kalian sudah bisa membuat sebuah web dasar HTML.. kalian juga bisa mencoba
dengan menambahkan tag-tag yang ada di postingan sebelumnya pada halaman html
kalian. Apabila ada yang kurang jelas, kalian bisa komen dibawah.</div>
</div>
<div class="MsoNormal" style="margin-left: 18.0pt; text-indent: 18.0pt;">
<div style="text-align: justify;">
<br />Oke sekian
tutorial kali ini, semoga bermanfaat <span style="font-family: "wingdings"; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;">J</span></div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
</div>
<div class="MsoNormal" style="margin-left: 18.0pt;">
<div style="text-align: justify;">
<br /></div>
</div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com1tag:blogger.com,1999:blog-3396277388787061059.post-9401109661552236532017-03-29T23:42:00.001+07:002017-09-17T21:18:24.272+07:00Kumpulan Tag HTML beserta Fungsinya<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVwte0PEJEckJMrscyhEPaJg7MSBPp4AncEpjmwvOvCtMmYiqE4UgIGCogoTz2W4ysofyNmHltwequU2e01IYdbxAtqgFv7JMhQBwtnd3ab9AO-Z41U8iZO8mqidpPb_zrsFgkCzphyqA/s1600/559064.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVwte0PEJEckJMrscyhEPaJg7MSBPp4AncEpjmwvOvCtMmYiqE4UgIGCogoTz2W4ysofyNmHltwequU2e01IYdbxAtqgFv7JMhQBwtnd3ab9AO-Z41U8iZO8mqidpPb_zrsFgkCzphyqA/s320/559064.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Sebelum kita memulai
untuk membangun sebuah web HTML, kita harus tau beberapa tag yang akan kita
gunakan dalam HTML. Sebenarnya semua tag-tag HTML tidak perlu dihafal, kita
cukup memahami fungsi dari setiap tag. Nanti lama lama seiring kita membangun
web, tanpa kita sadari kita akan mengerti fungsi dari tag-tag HTML.</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br />
Tetapi , dasar-dasar
dari tag HTML perlu kita ketahui, bisa dibilang penting. Tenang, tidak terlalu sulit kok. Berikut ialah
Tag-Tag HTML yang harus kita ketahui:</div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="font-size: 14.0pt; line-height: 115%; mso-bidi-font-family: Arial;"><br /></span></div>
</div>
<div class="MsoNormal">
</div>
<ul>
<li style="text-align: justify;">Tag Dasar HTML</li>
</ul>
<div style="text-align: center;">
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; text-align: justify;">
<tbody>
<tr style="height: 18.35pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
<td style="background: #B6DDE8; border: solid windowtext 1.0pt; height: 18.35pt; mso-background-themecolor: accent5; mso-background-themetint: 102; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">TAG<o:p></o:p></span></b></div>
</td>
<td style="background: #B6DDE8; border-left: none; border: solid windowtext 1.0pt; height: 18.35pt; mso-background-themecolor: accent5; mso-background-themetint: 102; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">FUNGSI<o:p></o:p></span></b></div>
</td>
</tr>
<tr style="height: 18.35pt; mso-yfti-irow: 1;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 18.35pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><html><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 18.35pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefenisikan
sebuah dokumen html<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 18.35pt; mso-yfti-irow: 2;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 18.35pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><head><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 18.35pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefenisikan
informasi dokumen<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 18.35pt; mso-yfti-irow: 3;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 18.35pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><title><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 18.35pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefenisikan
Judul sebuah halaman<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 18.35pt; mso-yfti-irow: 4;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 18.35pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><body><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 18.35pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefiniskan
badan dokumen / menampilkan isi konten dokumen<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 18.35pt; mso-yfti-irow: 5;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 18.35pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><hr><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 18.35pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Merupakan
garis panjang untuk pemisah konten<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 18.35pt; mso-yfti-irow: 6;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 18.35pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><br><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 18.35pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Membuat
baris baru / spasi ke bawah<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 17.1pt; mso-yfti-irow: 7;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 17.1pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><h1> s/d <h6><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 17.1pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefenisikan
Headings HTML<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 19.75pt; mso-yfti-irow: 8;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><p><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefenisikan
untuk membuat sebuah Paragraf<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 19.75pt; mso-yfti-irow: 9;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><img><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Menampilkan
Image/gambar<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 19.75pt; mso-yfti-irow: 10;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><a><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Membuat
Link<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 19.75pt; mso-yfti-irow: 11;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><li><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefenisikan
daftar item<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 19.75pt; mso-yfti-irow: 12;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><ol><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefenisikan
daftar item secara berurut<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 19.75pt; mso-yfti-irow: 13;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><ul><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefenisikan
daftar item secara tidak berurut<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 19.75pt; mso-yfti-irow: 14; mso-yfti-lastrow: yes;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><!-- komentar --><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Membuat
Komentar <o:p></o:p></span></div>
</td>
</tr>
</tbody></table>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal">
</div>
<ul>
<li style="text-align: justify;">Tag Form dan Inputan HTML</li>
</ul>
<div style="text-align: center;">
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; text-align: justify;">
<tbody>
<tr style="height: 18.35pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
<td style="background: #B6DDE8; border: solid windowtext 1.0pt; height: 18.35pt; mso-background-themecolor: accent5; mso-background-themetint: 102; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">TAG<o:p></o:p></span></b></div>
</td>
<td style="background: #B6DDE8; border-left: none; border: solid windowtext 1.0pt; height: 18.35pt; mso-background-themecolor: accent5; mso-background-themetint: 102; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">FUNGSI<o:p></o:p></span></b></div>
</td>
</tr>
<tr style="height: 18.35pt; mso-yfti-irow: 1;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 18.35pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><form><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 18.35pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefenisikan
sebuah form masukkan untuk pengguna<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 17.1pt; mso-yfti-irow: 2;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 17.1pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><input><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 17.1pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefenisikan
sebuah masukkan /inputan<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 19.75pt; mso-yfti-irow: 3;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><button><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefenisikan
sebuah tombol<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 19.75pt; mso-yfti-irow: 4;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><textarea><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefenisikan
sebuah masukkan/inputan dengan memperbolehkan spasi kebawah/ baris baru<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 19.75pt; mso-yfti-irow: 5;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><select><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefenisikan
menu list kebawah<o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 19.75pt; mso-yfti-irow: 6;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><option><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefenisikan
pilihan menu list ke bawah dari tag <select><o:p></o:p></span></div>
</td>
</tr>
<tr style="height: 19.75pt; mso-yfti-irow: 7; mso-yfti-lastrow: yes;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 112.3pt;" valign="top" width="150"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><label><o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 19.75pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 234.15pt;" valign="top" width="312"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Mendefensikan
label untuk sebuah inputan<o:p></o:p></span></div>
</td>
</tr>
</tbody></table>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br />Mungkin masih banyak tag-tag HTML
lainnya. Tetapi inilah tag tag yang harus kita pahami. <o:p></o:p></span></div>
<div style="text-align: justify;">
<span style="text-indent: 36pt;"><br />Sekian dulu postingan saya kali
ini. Semoga bermanfaat. </span></div>
</div>
<div style="text-align: justify;">
<br /></div>
<div class="MsoNormal">
<div style="text-align: justify;">
<o:p></o:p></div>
</div>
</div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-1996074895633868672017-03-29T06:00:00.001+07:002017-09-16T21:11:58.945+07:00Dasar-dasar HTML untuk Pemula<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit; margin-left: 1em; margin-right: 1em;"></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsA2ggcuom7ca_ww3YI3lettcctYLqNlN3tlyWQj0oQrOpHnHNZHtBOEmNcjvAEnWJeektt7VzbEZcakgfX3Ig_bixQmnfY1xZqDCYyl9jhF708kzeRT_UOSDRyzj_9D7Sw4ENfP4hioY/s1600/HTML-Website.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsA2ggcuom7ca_ww3YI3lettcctYLqNlN3tlyWQj0oQrOpHnHNZHtBOEmNcjvAEnWJeektt7VzbEZcakgfX3Ig_bixQmnfY1xZqDCYyl9jhF708kzeRT_UOSDRyzj_9D7Sw4ENfP4hioY/s320/HTML-Website.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit; text-indent: 36pt;">HTML (Hyper Text Markup Language ) adalah bahasa standar pemograman sebuah web yang digunakan untuk menampilkan berbagai informasi dalam bentuk text,gambar,animasi maupun video.</span></div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<span style="font-family: inherit; line-height: 115%;"><br />Membuat kode HTML bisa kita gunakan atau memakai Text editor. Ada banyak software yang dapat kita gunakan untuk membuat/mengedit file html kita. Antara lain : Notepad(biasanya sudah terinstal diwindows),Macromedia Dreamweaver,Sublime Text,Notepad++ dll. Terserah Mau menggunakan software yang mana, dan saya disini menggunakan Notepad++.<o:p></o:p></span></div>
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div style="text-align: justify;">
<span style="font-family: inherit; line-height: 115%;"><br />Untuk menerjemahkan bahasa HTML tadi agar dapat kita lihat dan baca diperlukan adanya WEB BROWSER. Contoh web browser ialah Mozilla Firefox,Opera Mini, Internet Explorer, Google Chrome dan masih banyak lagi. Kita bisa menggunakan salah satu contoh web browser untuk menerjemahkan HTML yang sudah kita buat tadi.<o:p></o:p></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit; line-height: 115%;"><br /></span></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="font-family: inherit; line-height: 115%;">Cara Penulisan Sintaks HTML . Ini adalah kerangka dasar dari Dokumen HTML<o:p></o:p></span></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="font-family: inherit; font-size: 14.0pt; line-height: 115%;"><br />
</span></div>
</div>
<div style="text-align: center;">
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; text-align: justify;"><tbody>
<tr style="height: 160.85pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0; mso-yfti-lastrow: yes;"> <td style="border: solid windowtext 1.0pt; height: 160.85pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 300.25pt;" valign="top" width="400"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: inherit; font-size: 14.0pt;"><html><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: 14.0pt;"><head><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-indent: 36.0pt;">
<span style="font-family: inherit; font-size: 14.0pt;"> <title>Belajar HTML</title><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: inherit; font-size: 14.0pt;"> </head><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: inherit; font-size: 14.0pt;"> <body><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: inherit; font-size: 14.0pt;"> Ini File Dokumen .html Pertama <o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: inherit; font-size: 14.0pt;"> Ternyata Belajar WEB itu Asik ,<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: inherit; font-size: 14.0pt;"> </body><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: inherit; font-size: 14.0pt;"></html><o:p></o:p></span></div>
</td> </tr>
</tbody></table>
</div>
<div class="MsoNormal">
</div>
<ul>
<li style="text-align: justify;"><span style="font-family: inherit;">Dalam Menuliskan tag HTML , kita harus menuliskan tag pembuka <head> dan tag penutup </head> yang diawali dengan garismiring (/) .</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;"><span style="font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><span style="line-height: 115%; text-indent: -18pt;">Yang akan ditampilkan di browser ialah yang ada didalam tag <body>.</span></span></li>
<li style="text-align: justify;"><span style="font-family: inherit;"><span style="font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><span style="line-height: 115%; text-indent: -18pt;">Dialam tag <head> biasanya berisi informasi dari dokumen html.</span></span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">Tag <title> merupakan judul dari sebuah halaman .</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">Untuk Mengetahui beberapa tag HTML yang harus kalian ketahui bisa kalian kunjungi Tag dan Fungsinya di HTML.</span></li>
</ul>
<div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Baik sekian untuk pengantar dari Dasar-dasar HTML. Untuk selanjutnya kita akan membahas tentang <a href="https://kawansebaya.blogspot.co.id/2017/03/kumpulan-tag-html-beserta-fungsinya.html">Kumpulan Tag HTML beserta fungsinya</a>.</span></div>
</div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0tag:blogger.com,1999:blog-3396277388787061059.post-38817940508481653322017-03-29T05:50:00.000+07:002017-09-17T21:21:35.628+07:00Tutorial atau Dasar-dasar WEB bagi Pemula<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal" style="text-indent: 36.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEietOWk54sffMZzmu-hy7COdHinYPxDnehPxPj0TU-Gl9prFwxJ17boeizc9GaOZ1IW5jBD3xo3oFQRuA0v_H6Gq_7QHpFsp3L7V6zrsewEaH5oQANodpJctoGPv92QuiX32dGC1YZ6KtY/s1600/under-construction-sign-work-computer-humor-funny-text-maintenance-wallpaper-website-web-wallpaper-7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1106" data-original-width="1600" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEietOWk54sffMZzmu-hy7COdHinYPxDnehPxPj0TU-Gl9prFwxJ17boeizc9GaOZ1IW5jBD3xo3oFQRuA0v_H6Gq_7QHpFsp3L7V6zrsewEaH5oQANodpJctoGPv92QuiX32dGC1YZ6KtY/s320/under-construction-sign-work-computer-humor-funny-text-maintenance-wallpaper-website-web-wallpaper-7.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<span style="line-height: 115%;"><br />Mungkin kita ingin membuat website
tetapi tidak tahu harus memulai dari mana dan apa saja yang dibutuhkan untuk
membangun/membuat sebuah website. Dan tentunya membangun sebuah website ya.. gampang
gampang susah, tergatung Web yang ingin kita buat.<o:p></o:p></span></div>
</div>
<div class="MsoNormal" style="text-indent: 18.0pt;">
<div style="text-align: justify;">
<span style="line-height: 115%;"><br />Sebelum kita membangun sebuah
website , ada baiknya kita harus memahami bahasa pemograman apa yang harus
dipahami/dipelajari untuk membangun sebuah Web. PENTING!!!.. Bahasa pemograman yang
harus kita pahami yaitu :</span></div>
<div style="text-align: justify;">
<br /></div>
<ol>
<li style="text-align: justify;"><a href="https://kawansebaya.blogspot.co.id/2017/03/dasar-dasar-html-html-hyper-text-markup.html">HTML</a></li>
<li style="text-align: justify;">Javascript</li>
<li style="text-align: justify;">PHP</li>
<li style="text-align: justify;">MySQL</li>
<li style="text-align: justify;">CSS</li>
</ol>
</div>
<div class="MsoNormal" style="text-indent: 18.0pt;">
<div style="text-align: justify;">
<span style="font-family: inherit; line-height: 115%;"><br />Sebenarnya dengan menggunakan HTML
saja kita sudah bisa membuat sebuah website dan tidak harus mengerti semua. Tetapi
hanya dengan 1 bahasa atau 2 bahasa, maka jadinya tampilan web akan begitu sangat
sederhana . Dan dengan web yang sederhana itu memiliki tampilan yang kurang
menarik. Nah makannya kita perlu menambahkan bahasa-bahasa yang lain seperti
Javascript,PHP,MySQL, CSS dll untuk Membuat web kita menjadi lebih menarik lagi.
Di Postingan selanjutkan akan saya jelaskan masing2. <o:p></o:p></span></div>
</div>
<div class="MsoNormal" style="text-indent: 18.0pt;">
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="line-height: 115%;"><br />Waduh .. kayaknya ribet dan banyak
ya, jadi bingung..hehehhe.. tapi
tenang.. Bahasa-bahasa diatas itu tidak harus dihafal kok. Semuanya akan kita
bahas satu persatu disini dengan mudah dan sederhana dan mudah untuk dipahami</span><span style="line-height: 115%;">. <o:p></o:p></span></span></div>
</div>
<div class="MsoNormal" style="text-indent: 18.0pt;">
<div style="text-align: justify;">
<span style="font-family: inherit; line-height: 115%;"><br />Oke, sudah siap? Langsung meluncur ke yang pertama... </span><a href="https://kawansebaya.blogspot.co.id/2017/03/dasar-dasar-html-html-hyper-text-markup.html" style="text-indent: 18pt;">HTML</a></div>
</div>
Cholishttp://www.blogger.com/profile/15269182763545500394noreply@blogger.com0