Program Memilih Hari Menggunakan Fungsi Switch dengan C++

Switch C++

Pernyataan witch adalah pernyataan yang digunakan untuk menjalankan salah satu pernyataan dari beberapa kemungkinan pernyataan. Perintah switch memiliki fungsi yang hampir sama dengan fungsi else if. Namun penggunaannya lebih kecil, karena perintah ini hanya khusus dipergunakan untuk memeriksa data yang bertipe karakter atau integer.

Perintah switch dan break ini juga dipergunakan untuk menyelesaikan atau mengakhiri program yang mempunyai banyak alternatif atau jalan lain. Perintah switch dan break ini banyak dipergunakan oleh program lain misalnya Web, Java, Php dan bahasa pemrograman lainnya. Sebagai berikut kode menentukan hari ke-1 hingga 7.

#include <stdio.h>
#include <conio.h>
int main ()
{

int hari;
printf("<-> PROGRAM MEMILIH HARI MENGGUNAKAN FUNGSI SWITCH <->\n\n");
printf("1.Ahad\n");
printf("2.Senin\n");
printf("3.Selasa\n");
printf("4.Rabu\n");
printf("5.Kamis\n");
printf("6.Jum'at\n");
printf("7.Sabtu\n\n");
printf("<*> INPUT <*>\n\n");
printf("Pilih salah satu 1-7 : ");
scanf("%d",&hari);
printf("\n\n");
printf("<#> OUTPUT <#>\n\n");
switch(hari)
{
 case 1 : printf("Hari Ahad");
 break;
 case 2 : printf("Hari Senin");
 break;
 case 3 : printf("Hari Selasa");
 break;
 case 4 : printf("Hari Rabu");
 break;
 case 5 : printf("Hari Kamis");
 break;
 case 6 : printf("Hari Jum'at");
 break;
 case 7 : printf("Hari Sabtu");
 break;
default :
 printf("Tidak ada hari lebih dari 7");
}
 printf("\n\n");
 printf("<-> Terima Kasih Anda Telah Menggunakan Program Yang Sudah Saya Buat <->\n");
 printf("<-> Created By : MasMipDotCom <->");
getch();

return 0;
}

Cara mudah untuk mengatasi Dial-up yang selalu muncul

Connect Dial-up Connection

Apakah anda pernah merasakan apa yang pernah saya rasakan? saya mengalami masalah yang membuat saya semakin tidak semangat belajar karena ada gangguan dilaptop saya, tidak tahu kenapa tiba-tiba laptop selalu muncul Connect Dial-up Connection terus menerus sehingga membuat saya menjadi blank dalam pelajaran. Pada setiap waktu saya mengerjakan tugas dengan laptop saya tidak lama kemudian muncul menu Connect Dial-up Connection didepan mata lalu saya close seling beberapa waktu tidak lama lagi muncul lagi itu pun terus menerus munculnya menu Connect Dial-up Connection. 

Pada saat itu saya belum ada fasilitas internet sehingga saya sulit untuk memecahkan masalah tersebut tapi bagaimana pun caranya saya mencoba untuk meminjam modem sama teman saya dan setelah saya telusuri digoogle akhirnya saya mendapatkan tutorial yang sangat ampuh kemudian langsung saya praktekkan dan ternyata hasilnya tidak sia-sia akhirnya berhasil dengan cara berikut ini.

1. Start > Control Panel > Network and Internet > Internet Options > Tab Connections > Pilih Radio Button : Never dial a connection > OK
2. Restart Computer. 

Setelah saya menggunakan tutorial diatas laptop saya sudah tidak muncul kembali menu Connect Dial-up Connection yakni sudah nonaktif. Semoga tutorial yang saya berikan kepada anda bermanfaat.

Cara Membuat Program Matriks 3x3 pada C++

Anda pasti bingung apa yang dimaksud progam matriks 3x3 jika anda pernah belajar Matematika pasti tahu tentang Matriks 3x3 yang dimaksud Matriks 3x3 adalah Matriks yang mempunyai nilai yang berjumlah 3x3 = 9 angka pada setiap kotak Matriks 3x3 memiliki 3 baris dan memiliki 3 kolom contoh :

Matriks Ordo 3x3

Program Matriks 3x3 ini menghasilkan Output yang kita Inputkan Contoh:

Saya mengInputkan angka 1,2,3,4,5,6,7,8,9 lalu program akan mencetak atau Output sebagai berikut :

1   2   3

4   5   6

7   8   9

Itulah fungsi program yang saya berikan untuk anda. Seiring jalannya waktu saya akan memodifikasi Matriks Ordo 3x3 dengan berbagai macam fungsi. Berikut ini Code Program Matriks 3x3

#include <stdio.h>
int main() {
 int matriks[3][3];
 int baris,kolom;
 printf("* masukkan data *\n");
   for(baris=0; baris<3; baris++)
 {
      for(kolom=0; kolom<3; kolom++)
 {
   printf("Masukkan angka : ");
   scanf("%d",&matriks[baris] [kolom]);
  }
 }
 printf("Hasilnya adalah: \n");
 for(baris=0; baris<3; baris++){
  for(kolom=0; kolom<3; kolom++){
   printf("%d",matriks[baris] [kolom]);
   printf(" ");
  }
  printf("\n");
 }
 getch();
}

Anda juga bisa mengoprek kode yang sudah saya berikan dengan tampilan anda inginkan.

Cara Membuat Scroll Sederhana di Dokumen HTML dengan CSS

Scroll tentunya penting digunakan pada setiap web apabila kita tidak menggunakan scroll maka kita akan memakan page yang begitu panjang. Namun kali ini saya akan memberi Tutorial Bagaimana Cara Membuat Scroll di Dokumen HTML dengan CSS, Mengapa harus dengan css? fungsi utama css adalah mengatur tampilan dari HTML itu sendiri dan kita bisa mempercantik tampilan yang ada di HTML dengan css.
Copy kode dibawah ini lalu Paste didalam Notepad++ lalu simpan dengan nama file contoh.html

<style>
.scrollbar{
  width: 325px;
  overflow: auto;
  background: #f0f0f0;
  border: solid #bbb 2px;
  height: 95px;
}
</style>

<div class="scrollbar">
ini hanyalah contoh
<div style="padding-top:185px"></div>
manfaatkanlah tutorial yang saya berikan dan jangan sampai disia-siakan
</div>

Hasilnya :

Contoh Scroll Bar di Dokumen Html dengan Css

Anda bisa mengubah kode yang saya berikan dengan hasil imajinasi anda sendiri.

Hasil karya sendiri itu lebih baik dari pada hasil karya yang dibuat oleh orang lain.

Cara Membuat Program Buku Alamat pada Pemrograman Java

Ini salah satu cara untuk memecahkan masalah dengan soal Bagimana cara membuat class dengan nama BukuAlamat pada pemrograman java terkadang anak yang mendapatkan soal tersebut rata-rata anak SMK kejuruan Rekayasa Perangkat Lunak seperti saya. 

Buku Alamat

Saya pikir membuat program BukuAlamat itu sulit tapi ternyata mudah sebelumnya memang saya anggap sulit karena tidak ada sumber kodenya lalu berhari-hari saya telusuri digoogle ternyata saya menemukan struktur kode BukuAlamat yang kita bisa otak-atik sendiri isinya, memang banyak sih digoogle program BukuAlamat tapi ini beda dengan yang lain saya telusuri digoogle kebanyakan BukuAlamat yang tanpa method jadi saya kira itu mudah bagi orang awam, tetapi kalau program yang memakai method pastilah sulit untuk mengimajinasinya. Sebagai berikut kodenya

class data{
private String nis;
private String nama;
private String alamat;
private String notelp;
private String email;
 public data (String temp) //Constructor
    {nis = temp;}
    public String getNama() //Accessor
    {return nama;}
    public void setNama (String temp) //Mutator
    {nama = temp;}
    public String getAlamat()
    {return alamat;}
    public void setAlamat(String temp)
    {alamat = temp;}
    public String getNotelp()
    {return notelp;}
    public void setNotelp (String temp)
    {notelp = temp;}
    public String getEmail()
    {return email;}
    public void setEmail(String temp)
    {email = temp;}
    public void tampilkan()
    {
        System.out.println("Nis : "+nis); //dari constructor
        System.out.println("Nama : "+getNama()); 
        System.out.println("Alamat : "+getAlamat());
        System.out.println("Nomor telp : "+getNotelp());
        System.out.println("Email : "+getEmail());
    }
}
public class BukuAlamat{
    public static void main(String[]args){
    {
        data a = new data("12345");
        data b = new data("12346");
        a.setNama("Miftahul Huda Nuruddin");
        a.setAlamat("Mojokerto");
        a.setNotelp("085784******");
        a.setEmail("mift4hulhuda@gmail.com");
        a.tampilkan();
    }
    }
}

Program Java diatas memakai  lima objek jika anda ingin menambahkan objek lagi anda bisa menambahkannya dibawah variabel Email Copy kode diatas kedalam NetBeans dan buat file java dengan nama BukuAlamat.java

Jangan sampai anda salah menulis nama filenya jika anda salah satu huruf ataupun salah sedikit akan berakibat fatal atau error

Cara Menghilangkan Obeng dan Tang di Blogger

Biasanya kita sering melihat obeng dan tang berada di samping atau sudut widget yang kita pakai. Obeng dan tang ini sangat mempengaruhi Seo Friendly banyak orang yang menghiraukannya padahal obeng dan tang ini salah satu yang mempengaruhi skor seo maka dari itu saya akan memberikan tutorial untuk anda cara menghilangkan obeng dan tang di blogger.

Cara ini memang tidak 100% valid tapi memang ada berbagai template yang valid menggunakan cara yang saya gunakan ini terkadang obeng dan tang yang ada pada blogger kita biasanya bandel atau sulit dihilangkan meskipun menggunakan cara ini. Kok kamu tau? Memang.. saya pernah mengalami masalah yang satu ini bahkan hampir 10 kali saya pernah mengalami masalah ini tapi yang 9 kali memang obeng dan tang bandel atau susah dihilangkan akan tetapi setelah saya ganti template seo friendly hasilnya cukuplah memuaskan hasil skor 100% di https://chkme.com/ dengan menggunakan cara berikut ini : 

Seo Score 100%

1. Cara pertama

• Login ke Blogger
• Masuk ke Template >> Edit HTML (centang expand widget templates)
• Letakkan kode di bawah ini tepat diatas ]]></b:skin> : 

.quickedit{
display:none;
}

Setelah itu Save templatenya.

2. Menggunakan cara kedua

• Login ke Blogger
• Masuk ke Template >> Edit HTML (centang expand widget templates)
• Cari kode //img1.blogblog.com/img/icon18_wrench_allbkg.png 
• Apabila anda sudah menemukan kode tersebut kemudian hapuslah
• Apabila anda tidak menemukan kode tersebut langsung saja Simpan templatenya.

 Sekian tutorial yang saya berikan ini semoga bermanfaat bagi anda yang membacanya. 

Cara Memodifikasi Blockquote Keren

Blockquote adalah kotak yang didalamnya berisi tentang script atau teks khusus (penting) dengan tampilan yang menarik. Postingan saya kali ini adalah Cara Memodifikasi Blockquote Keren. 

Contoh Gambar Blockquote Keren

Pada dasarnya blogger sendiri sudah menyediakan blockquote, namun kurang menarik juga kalau tampilan blockquote biasa-biasa saja. biasanya orang itu sangat bosan melihat tampilan blockquote yang biasa-biasa saja tapi kali ini saya akan memberi tutorial untuk memodifikasi blockquote yang mulanya biasa-biasa saja atau masih standar dan setelah anda mengikuti Tutorial yang saya berikan maka nantinya akan menghasilkan tampilan blockquote yang menarik dan keren.

• Login ke Blogger
• Masuk ke Template >> Edit HTML (centang expand widget templates)
• Letakkan kode CSS di bawah ini tepat diatas ]]></b:skin> : 

/* BLOCKQUOTE */
.post blockquote,.tr_bq{ background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik-Vjc96n_4x2ZTxX_Y7theRCR5i2b6yXvzKODVIuIfJjBFqMM8Is6_ViSdMoUwCJBlVBJR1UQabF-srr7WpJZYAkY80_vvwAweVdhEY2jJSPMJx6dPzWE17YpreezmZoNIe3PI52Mdg8/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 1.0em 'Courier New', Courier, FreeMono, monospace;}
.post blockquote p { margin: 0; padding-top: 10px; }
.tr_bq { margin: 0; padding-top: 10px; } 

Keterangan : background: #F3F3F1 Anda bisa mengubah warna background dengan cara mengganti kode warna tersebut.

Jika anda sudah meletakkan CSS diatas maka selanjutnya adalah menyimpannya. Semoga tutorial ini bermanfaat bagi anda yang sudah membacanya dan mempraktekkanya.

Mengenal Materi PHP untuk Pemrograman Web

PHP (Hypertext Preprocessor) merupakan salah satu bahasa web berkode yang sangat powerful sama dengan HTML CSS dan sebagainnya. Sejak pertama kali dikenal, bahasa ini dipergunakan untuk menghasilkan halaman-halaman web yang bersifat dinamis. Sampai saat ini, PHP banyak sekali digunakan dalam membuat aplikasi web baik lokal maupun Internet dinamis dan atraktif. Saat halaman dibuka dan mengandung kode PHP, maka prosesor akan menerjemahkan semua perintah pada halaman tersebut, dan kemudian menampilkan kembali hasilnya ke browser sebagai halaman HTML seperti biasa penerjemahan tersebut dilakukan oleh prosesor secara otomatis. 

Seperti sebagian besar bahasa script lainnya, PHP secara langsung dapat ditanamkan ke HTML. File PHP harus disimpan dalam format atau ekstensi .php, apabila anda menyimpan file php tersebut dengan format atau ekstensi .html maka yang terjadi adalah kerusakan dalam kode dan yang ditampilkan tidak akan berhasil menurut metode yang akan kita pakai. Untuk menuliskan file php harus diawali dengan <?php atau <? (jika server mengizinkan) Setiap baris instruksi program harus diakhiri dengan tanda titik koma “;”. Artinya jika menuliskan lebih dari 1 baris tetap akan dianggap satu baris instruksi program jika belum diakhiri tandan titik koma.
Contoh 1 :

<?php
echo 'Saya belajar berkode';
// ini memakai satu baris
?>

Contoh 2 :

<?php
echo 'Saya belajar 
berkode';
// ini memakai dua baris
?>

Contoh yang salah :

<?php
echo 'Saya belajar';
berkode';
// ini memakai dua baris
?>

Gunakan Xampp untuk memanggil file .php

Solusi Cara Mengatasi Xampp Error Apache

Xampp Apache Error

Dengan adanya ilmu baru saya akan berbagi untuk anda. Apakah anda pernah mengalami masalah Apache shutdown unexpectedly pada saat menjalankan Apache pada xampp?

Tenang saja tidak hanya anda saja yang mengalami masalah seperti itu saya pun pernah mengalami masalah seperti itu teman saya juga pun pernah mengalaminya tetapi saya tidak kekurangan akal untuk mencari solusinya berjalannya quota saya pun menelusuri digoogle dan ternyata ada solusinya setelah

saya mendapatkannya kemudian saya mencoba untuk mempraktekkannya step by step ternyata hasilnya tidak sia-sia xampp saya bisa kembali  normal.

Error :
Apache shutdown unexpectedly
This may be due to blocked port, missing dependencies,
imprper privileges, a crash, or a shutdown by another method.
Press the Logs button to view error logs and check
the Windows Events Viewer for more clues
if you need more help, copy and post this
entire log window on the forums

Yang harus anda lakukan adalah mengganti port 80 yang secara default digunakan untuk port web localhost. Langkah pertama adalah membuka aplikasi Xampp Control Panel, kemudian klik Config pilih Apache (httpd.conf).Kemudian cari "Listen 80" (tanpa tanda petik) kemudian ganti angka 80 menjadi 81 setelah anda ganti tekan CTRL + S selanjutnya adalah Start pada module Apache dan MySQL setelah itu kita lanjut langkah berikutnya yaitu membuka web browser dan ketik diurl :

localhost:81/phpmyadmin

Semoga sukses dengan cara yang saya berikan ini. Perubahan diatas adalah bertujuan untuk merubah port 80, karena didalam pesan sudah tercantum :
This may be due to blocked port, missing dependencies,
imprper privileges, a crash, or a shutdown by another method.
port 80 sudah dipakai oleh program lain atau bisa juga terkunci atau diblokir oleh karena itu kita bisa merubahnya dengan cara mengganti port 80 menjadi port 81.

Jika kita memakai port 80 otomatis pemanggilan localhost biasa, akan tetapi apabila kita sudah merubahnya otomatis kita harus melakukan pemanggilan dengan cara menambahkan :angkaport contoh sebagai berikut.
 

localhost:angkaport/

atau

localhost:81/

Cara Membuat Program Kalkulator pada Pemrograman C++

Bagi siswa-siswi SMK kejuruan RPL pasti pernah diberi tahu tentang ilmu pengetahuan Pemrograman C++ meskipun Pemrograman C++ ini sangatlah sulit tapi aslinya mudah jika anda mahir dalam berkode atau menalar sebuah kode yang saya maksud menalar sebuah kode itu adalah mengembangkan kode pendek hingga menjadi kode panjang dan menghasilkan output yang menarik itu mudah Jika anda mampu melakukannya. Jadi bagi anda yang ingin mempelajarinnya silahkan itu tidak masalah.

Mempelajari Pemrograman C++ berguna untuk menambah ilmu yang belum pernah kita dapat. Saya akan berbagai Cara Membuat Program Kalkulator di Program Kalkulator ini anda hanya mencopy-pastekan kode berikut kedalam aplikasi Dev C++

#include<stdio.h>
int main()
{
int a, b, c, d, e, f;
printf("<-> PROGRAM Tambah,Kurang,Kali <->\n");
printf("\n");
printf("<*> INPUT <*>\n");
printf("\n");
printf("Masukkan nilai 1 = ");
scanf("%i",&a);
printf("Masukkan nilai 2 = ");
scanf("%i",&b);
c=a+b;
d=a-b;
e=a*b;
f=a/b;
printf("\n");
printf("<#> OUTPUT <#>\n");
printf("\n");
printf("Hasil Penjumlahan %i + %i = %i\n",a ,b ,c);
printf("Hasil Pengurangan %i - %i = %i\n",a ,b ,d);
printf("Hasil Perkalian   %i * %i = %i\n",a ,b ,e);
printf("Hasil Pembagian   %i / %i = %i\n",a ,b ,f);
printf("\n");
printf("<-> Terima Kasih Anda Telah Menggunakan Program Yang Sudah Saya Buat <->\n");
printf("<-> Created By : MasMipDotCom <->");
getch();
}

Setelah anda paste kode yang ada diatas kedalam aplikasi Dev C++ selanjutnya adalah menyimpan kode tersebut lalu arahkan mouse ke Tab Execute > Compile & Run atau tekan tombol F9 > Selesai

Widget Floating Sosial Media dengan Efek Easing

Floating Sosial Media

Apa itu Widget Floating Sosial Media? Widget Floating Sosial Media adalah Tombol Follow via Facebook, Twitter, Google+, P, YouTube, Langganan. Widget ini tidak asing lagi bagi para blogger yang biasannya otak atik blog yang mereka punya, Widget ini akan mengikuti gerak naik turun cursor. Nah, kali ini saya akan berikan tutorial Cara Membuat Widget Floating Sosial Media dengan tambahan efek Easing.

• Login ke Blogger
• Masuk ke Template >> Edit HTML (centang expand widget templates)
• Letakkan kode CSS di bawah ini diatas ]]></b:skin> :

.social-buttons {
    position: fixed;
    top: 130px;
    width: 45px;
    z-index: 9999;
}
.button-left {
    left: 0;
}
.button-right {
    right: 0;
}
.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
    background-color: #33353B;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpIYjyKePp1hvkIXv1C4qDStodF2esqRro4rgqdF7e9ZV-sF0gEgSr6r279SpZ9hI2EOTDgAZTIS6kxHy_Mg9Rltlo_2u22QEXe-LB2AhrOxmvt1eogqJuLGcdx6UCs2z2XW_pSJ-P1M/s1600/mas-icons.png);
}
.button-left #facebook-btn span {
    background-position: right 10px;
}
.button-left #twitter-btn span {
    background-position: right -35px;
}
.button-left #google-btn span {
    background-position: right -127px;
}
.button-left #rss-btn span {
    background-position: right -80px;
}
.button-left #pinterest-btn span {
    background-position: 11px -177px;
}
.button-left #youtube-btn span {
    background-position: 11px -223px;
}
.button-right #facebook-btn span {
    background-position: 12px 10px;
}
.button-right #twitter-btn span {
    background-position: 11px -35px;
}
.button-right #google-btn span {
    background-position: 10px -127px;
}
.button-right #rss-btn span {
    background-position: 11px -80px;
}
.button-right #pinterest-btn span {
    background-position: 11px -177px;
}
.button-right #youtube-btn span {
    background-position: 11px -223px;
}
.social-buttons #facebook-btn:hover .social-icon {
    background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {
    background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {
    background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {
    background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {
    background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {
    background-color: #C4302B;
}
.social-buttons a:hover .social-text {
    display: block;
}
.button-left .social-icon {
    -moz-transition: background-color 0.4s ease-in 0s;
    -webkit-transition: background-color 0.4s ease-in 0s;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 43px;
    margin-bottom: 2px;
    width: 43px;
}
.button-left .social-text {
    display: none;
    float: right;
    font-size: 1em;
    font-weight: bold;
    margin: 11px 40px 11px 0px;
    white-space: nowrap;
}
.button-right .social-icon {
    -moz-transition: background-color 0.4s ease-in 0s;
    -webkit-transition: background-color 0.4s ease-in 0s;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 43px;
    margin-bottom: 2px;
    width: 43px;
}
.button-right .social-text {
    display: none;
    float: left;
    font-size: 80%;
    font-weight: bold;
    margin: 11px 0 11px 40px;
    white-space: nowrap;
}
.social-buttons .social-text {
    color: #FFFFFF;
}

Berikutnya penambahan jquery dan javascript, masih berada didalam Edit HTML letakkan kode berikut sebelum </head> :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>
<script
    $(window).load(function(){
        $(&#39;.social-buttons .social-icon&#39;).mouseenter(function(){
            $(this).stop();
            $(this).animate({width:&#39;160&#39;}, 500, &#39;easeOutBounce&#39;,function(){});  
        });
        $(&#39;.social-buttons .social-icon&#39;).mouseleave(function(){
            $(this).stop();
            $(this).animate({width:&#39;43&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
        });
    });
</script>

Untuk jquery library script atas sendiri, jika pada template yang Anda gunakan sudah terpasang, ditinggalkan saja. Selanjutnya memanggil widget tersebut, dengan cara meletakkan kode HTML di bawah ini tepat diatas </body> :

<div class='social-buttons button-right hidden-phone hidden-tablet'>

<a class='itemsocial' href='https://www.facebook.com/your FB'
 id='facebook-btn' target='_blank'><span 
class='social-icon'><span class='social-text'>Follow via 
Facebook</span></span></a>

<a class='itemsocial' href='https://twitter.com/your twitter'
 id='twitter-btn' target='_blank'><span 
class='social-icon'><span class='social-text'>Follow via 
Twitter</span></span></a>

<a class='itemsocial' href='https://plus.google.com/your G+'
 id='google-btn' target='_blank'><span 
class='social-icon'><span class='social-text'>Follow via 
Google</span></span></a>

<a class='itemsocial' href='http://pinterest.com/your ID' id='pinterest-btn' target='_blank'><span class='social-icon'>

<span class='social-text'>Follow via Pinterest</span></span></a>

<a class='itemsocial' href='https://www.youtube.com/user/your ID'
 id='youtube-btn' target='_blank'><span 
class='social-icon'><span class='social-text'>Follow via 
Youtube</span></span></a>

<a class='itemsocial' href='http://feeds.feedburner.com/your feed'
 id='rss-btn' target='_blank'><span 
class='social-icon'><span class='social-text'>Follow via 
RSS</span></span></a>

</div>

Keterangan : Ganti tulisan warna biru diatas, dengan ID yang anda miliki, Lalu Save Templates dan lihat hasilnya.

sumber code : http://www.maskolis.com/2013/03/floating-social-bookmark-dengan-efek.html

Mempelajari HTML Dasar Lanjutan

Pada postingan sebelumnya telah saya jelaskan mengenai elemen-elemen dasar dari HTML/XHTML dan implementasinya. Selain elemen-elemen dasar dari HTML/XHTML ada elemen-elemen lain yang memiliki peran yang lebih penting didalam menghasilkan dokumen HTML. Di postingan ini saya akan menjelaskan mengenai dasar-dasar elemen dan cara penggunaan elemen-elemen yang nantinya akan sering kita gunakan. Secara garis besar, elemen-elemen ini mencakup 3 bagian antara lain :

1. Link: Untuk mengaitkan antara satu dokumen dengan dokumen lainnya (atau bisa juga mengaitkan atau blok-blok di dalam satu dokumen)
2. Tabel: Untuk menghasilkan data dalam bentuk tabular .
3. Form: Untuk menghasilkan form masukan data.\

• Menggunakan Link 

Fitur fundamental dari hypertext adalah hyperlink dokumen-dokumen, kita dapat mengelink ke lokasi-lokasi lain. Sebagaimana yang kita ketahui, hyperlink merupakan teks yang memungkinkan kita untuk melakukan perpindahan dari satu halaman ke halaman lainnya.

• Menciptakan Link

HTML menyediakan tag <a> atau bisa juga disebut anchor. Untuk mendefinisikan sebuah link. Dalam implementasinya, pembuatan link memerlukan atribut href yang menyatakan lokasi tujuan. Lokasi ini bisa berupa alamat lengkap (absolut) atau singkat (relatif) yang dimaksud disini bukan alamat rumah akan tetapi yang dimaksud adalah alamat lengkap atau singkat disini adalah alamat URL. Untuk mengetahui cara membuat dan mengaitkan dokumen satu ke dokumen yang lainnya ikuti langkah langkah berikut:

1. Buka Editor Teks (Notepad, Notepad++, Sublime, Adobeweaver dan lain sebagainnya).
2. Ketikkan teks (kode-kode HTML) dibawah ini kedalam Editor Teks

<!DOCTYPE html>
<html lang="en">
<head>
<title>Demo Link</title>
</head>
<body>
<a href="link2.html">Klik di sini</a>
</body>
</html>

Kemudian, Simpan dokumen HTML dengan nama link1.html dan letakkan di lokasi direktori web. Langkah selanjutnya, buat halaman kedua (link2.html) yang nantinya akan dikaitkan.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Demo Link 2</title>
</head>
<body>
Untuk kembali ke halaman pertama
<a href="link1.html">Klik di sini</a>
</body>
</html> 

1. Simpan dengan nama link1.html
2. Untuk menguji hasilnya, buka Web Browser (Mozilla Firefox, Google Chrome dan lain lain) dan arahkan ke alamat link1.html
3. Klik link yang ada secara bergantian.

• Atribut Link

Elemen anchor menyediakan sejumlah attribut yang berguna untuk mendukung fungsionalitasnya, dua di antaranya yang kerap digunakan adalah target dan title. Attribut target digunakan untuk mengatur apakah link akan di buka di window yang sama (default) atau di window (atau tab) baru. Di sisi lain, title berfungsi untuk menampilkan teks manakala kursor mouse berada di atas link.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Demo Atribut Link</title>
</head>
<body>
<a href="link2.html" target="_blank" title="Title link" >Klik di sini</a>
</body>
</html>

• Link Internal

Elemen anchor juga memungkinkan kita untuk melakukan navigasi di dalam satu dokumen (layaknya seperti bookmark). Untuk mengimplementasikan hal ini, kita memerlukan attribut identifier. Langkah pertama untuk mengimplementasikan link internal adalah dengan mendefinisikan lokasi di attribut href yang diberi prefiks #. Langkah berikutnya adalah menetapkan nilai attribut identifier di blok yang akan dituju, di mana nilainya sama dengan href namun tanpa prefiks #. Untuk lebih jelasnya, perhatikan dokumen berikut:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Demo Link Internal</title>
</head>
<body>
Menu
<ul>
<li><a href="#pendahuluan">Pendahuluan</a></li>
<li><a href="#pembahasan">Pembahasan</a></li>
<li><a href="#kesimpulan">Kesimpulan</a></li>
</ul>
<h3 id="pendahuluan">Pendahuluan</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisici ng elit, sed do eiusmod tempor incididunt ut labore et dol ore magna aliqua.
<h3 id="pembahasan">Pembahasan</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisici ng elit, sed do eiusmod tempor incididunt ut labore et dol ore magna aliqua.
<h3 id="kesimpulan">Kesimpulan</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisici ng elit, sed do eiusmod tempor incididunt ut labore et dol ore magna aliqua.
</body>
</html>

Perlu diperhatikan, nilai attribut identifier tidak boleh sama atau harus unik di dalam lingkupannya.

Cara Menyisipkan Gambar pada Dokumen HTML

Tak hanya teks saja yang dapat dipergunakan di dokumen HTML, tapi kita juga bisa menyisipkan gambar di dalam dokumen HTML. Untuk keperluan ini, HTML menyediakan tag pembuka <img yang didukung dengan sejumlah atribut. Ingat!! Satukan Gambar dan index.html dalam satu folder agar kita bisa memanggil link gambar di dokumen HTML.

<body>
<p>
<!-- menggunakan path relative -->
<img src="merahputih.jpg" />
Lorem ipsum dolor sit amet, consectetur adipisici ng elit, sed do eiusmod tempor incididunt ut labore et dol ore magna aliqua.
<hr />
<p>
<!-- menggunakan path absolute -->
<img src="http://localhost/web01/01/merahputih.jpg"
align="right" />
Lorem ipsum dolor sit amet, consectetur adipisici ng elit, sed do eiusmod tempor incididunt ut labore et dol ore magna aliqua.
</body>

Ganti merahputih.jpg dengan gambar yang ingin anda pakai

Untuk hasilnya sebagai berikut.

Menyisipkan Gambar

Gambar diatas menggunakan path relative, jika anda ingin menggunakan path absolute harus mengaktifkan atau menjalankan xampp terlebih dahulu.

Cara Membuat Warna Background pada Dokumen HTML

Untuk memberikan warna background pada dokumen HTML, HTML menyediakan atribut bgcolor yang terletak di tag <body>. Atribut ini dapat diisi dengan nama warna misalnya red, black, white dan lain-lainnya INGAT!! jika anda ingin menggunakan nama warna diharuskan memakai bahasa inggris misalnya : red (merah), black (hitam), white (putih) atau kode heksadesimal misalnya #FFFFFF. Khusus untuk elemen-elemen lain tertentu, sudah tersedia atribut color yang memungkinkan kita melakukan untuk memberi warna. Sama seperti bgcolor, nilai atribut ini juga dapat berupa nama warna (White) atau kode heksadesimal (#FFFFFF).

<!-- memberi warna aqua di body -->
<body bgcolor="aqua">
<h3 align="center">Heading 3</h3>
<font color="red">Font berwarna merah</font> <br />
<font color="#FF0000">
Font berwarna merah (menggunakan nilai heksa)</font>
</body>

Untuk hasilnya berikut ini :

Pewarnaan pada background

Cara Membuat List Turun pada Dokumen HTML

HTML mendukung list dalam bentuk berurutan (ordered), tidak berurutan (unordered) dan definisi (definition). Untuk setiap bentuk list ini, terdapat list item dinyatakan melalui tag <li> berpasangan yang menghasilkan item-item list. Pada dasarnya tab menu pada web itu menggunakan tag <li> jadi jika anda ingin membuat tab menu pasti membutuhkan tag <li> ini. Untuk kode dasar tag <li> sebagai berikut.

<body>
Ordered List
<ol>
<li>Satu</li>
<li>Dua</li>
</ol>
<hr />
Unordered List
<ul>
<li>Satu</li>
<li>Dua</li>
</ul>
<hr />
Definition List
<dl>
<dt>Satu</dt>
<dd>Satu Satu</dd>
<dt>Dua</dt>
<dd>Dua Dua</dd>
</dl>
</body>

Untuk hasilnya sebagai berikut :

Menu List

Cara Membuat Garis Horizontal pada Dokumen HTML

Di dokumen HTML, garis horizontal direpresentasikan melalui tag <hr />. Meskipun kebanyakan browser me-render elemen ini dengan visualisasi yang sedikit berbeda, namun pada mulanya mencerminkan sebuah bentuk garis horizontal.

<body>
Membuat garis horizontal <hr />
<p>
Lorem ipsum dolor sit amet, consectetur adipisici ng elit,
<br />
sed do eiusmod tempor incididunt ut labore et dol ore magna aliqua.
<br />
Ut enim ad minim veniam, quis nostrud exercitatio nullamco laborisnisi ut aliquip ex ea commodo consequat.
<hr />
</body>

Untuk hasilnya sebagai berikut :

Garis Horizontal

Cara Mempelajari Preformatted Teks pada Dokumen HTML

Artikel ini lanjutan dari Cara Mempelajari Format Teks pada Dokumen HTML

Preformatted Teks

Apabila kita menginginkan agar teks yang tertulis didalam editor teks (notepad, notepad++, sublime, dan lain sebagainya) dapat ditampilkan dengan apa adanya. Pada kasus seperti ini, kita bisa memanfaatkan keberadaan tag <pre>. Tag ini akan menampilkan teks dengan font Courier dan tetap mempertahankan spasi serta baris baru. Tag ini juga biasa digunakan untuk menempatkan kumpulan kode contoh sebagai berikut.

Hasilnya sebagai berikut :

<body>
<pre>
------------------------------------------------
No | Nama               | Alamat
------------------------------------------------
1  | Aldi Syahputra     | Surabaya
2  | Anggra Isnaini     | Malang
3  | Brenda Tifani      | Blitar
4  | Tya Rahmadaniar    | Banjarmasin
5  | Wahyu Gatot Sudewo | Samarinda
------------------------------------------------
</pre>
</body>

Menggunakan Tag Pre

Untuk melihat perbedaannya adalah dengan cara menghapus tag <pre> dan lihat sendiri hasilnya.

Cara Mempelajari Format Teks pada Dokumen HTML

HTML menyediakan berbagai macam elemen yang dapat dimanfaatkan untukpemformatan teks.

• Heading

Heading merupakan salah satu elemen yang paling penting yang terdapat di dalam dokumen HTML. Heading didefinisikan menggunakan tag pembuka <hn> dan diakhiri dengan tag penutup </hn>, di mana n menyatakan tipe dengan nilai 1-6. Karena dapat dipergunakan untuk mengetahui bentuk semua jenis heading. Perhatikan, kode HTML dibawah ini sengaja diringkas agar memudahkan cara penulisannya. Jadi, dalam implementasinya harus mendeklarasikan semua elemen-elemen dasar. Heading mempunyai perbedaan ukuran <h1> </h1> lebih besar dari pada <h2> </h2> dan seterusnya.

Dibawah ini adalah kode HTML yang digunakan untuk menyusun heading. <body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
Berikut ini adalah hasilnya :

Heading

Berikutnya adalah elemen heading yang menyediakan attribut align yang dapat digunakan untuk mengatur posisi teks.

<body>
<h1 align="right">Heading 1</h1>
<h2 align="left">Heading 2</h2>
<h3 align="center">Heading 3</h3>
</body> 
Berikut ini adalah hasilnya :

Heading Attribut Align

• Paragraf

Sebagaimana teks pada umumnya, dokumen HTML terdiri dari beberapa kumpulan paragraf. Dalam kode HTML, paragraf direpresentasikanmelalui tag pembuka <p> dan diakhiri dengan tag penutup <p> sebenarnya merupakan tag pasangan, meski dalam penulisannya banyak orang yang mengabaikan mulai dari tag pembuka dan tag penutup, keseringan kode error itu dari kesalahan tag nya terkadang ada tag pembuka dan tidak diakhiri tag penutup begitu pula sebaliknya.
 

<body>
<p>
Ini paragraf pertama
<p>
Lorem ipsum dolor sit amet, consectetur adipisici ng elit,
sed do eiusmod tempor incididunt ut labore et dol ore
magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitatio ullamco
laboris nisi ut aliquip ex ea commodo consequat.
<p>
Ini paragraf ketiga
</body>
Berikut ini adalah hasilnya :

Paragraf

Sebagaimana heading, kita juga bisa mengatur posisi paragraf dengan memanfaatkan atribut align agar berfungsi. Sebagai contoh, dokumen berikut akan menghasilkan paragraf rata tengah, kiri kanan, dan kanan.
<body>
<p align="center">
Ini paragraf rata tengah
<p align="justify">
Lorem ipsum dolor sit amet, consectetur adipisici ng elit,
sed do eiusmod tempor incididunt ut labore et dol ore
magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitatio n ullamco laboris nisi ut aliquip ex ea
commodo consequat.
<p align="right">
Ini paragraf rata kanan
</body>
Berikut ini adalah hasilnya :

Paragraf Attribut Align

Secara normal, baris baru memang akan ditambahkan di antara dua paragraf tersebut. Apabila kita hanya ingin membuat yang baru, kita tidak harus menggunakan paragraf. Sebagai gantinya, gunakan tag line break yaitu tag <br />
<body>
Membuat baris baru <br />
Membuat baris baru <br />
<p>
<!-- break di dalam paragraf -->
Lorem ipsum dolor sit amet, consectetur adipisici ng elit,
<br />
sed do eiusmod tempor incididunt ut labore et dol ore
magna
aliqua.
<br />
Ut enim ad minim veniam, quis nostrud exercitatio n
ullamco laboris nisi ut aliquip ex ea commodo consequat.
</body>
Berikut ini adalah hasilnya :

 Membuat baris baru

• Fontase 

HTML menyediakan sangat banyak elemen yang dapat dimanfaatkan untuk mengatur font, seperti huruf miring, garis bawah, huruf tebal, huruf kecoret dan lain sebagainya. Sebagai tambahan, di sini juga saya akan menjelaskan mengenai cara mencetak tag. Seperti yang anda ketahui, tag <p> di dokumen secara otomatis akan diterjemahkan sebagai paragraf. Adapun juga untuk mencetak teks berparagraf di layar, kita perlu menggunakan nama entitas. Sebagai contoh, karakter < dinyatakan dengan nama entitas &lt; dan karakter > dinyatakan dengan &gt;

Untuk kode HTML sebagai berikut.

<body>
<b>Menggunakan tag &lt;b&gt;...&lt;/b&gt;</b> <br />
<strong>Menggunakan tag
&lt;strong&gt;...&lt;/strong&gt;</strong>
<br />
<i>Menggunakan tag &lt;i&gt;...&lt;/i&gt;</i> <br />
<em>Menggunakan tag &lt;em&gt;...&lt;/em&gt;</em> <br />
<u>Menggunakan tag &lt;u&gt;...&lt;/u&gt;</u> <br />
<strike>Menggunakan tag
&lt;strike&gt;...&lt;/strike&gt;</strike> <br />
</body>
Berikut ini adalah hasilnya :

Menggunakan Style Font

• Karakter Khusus

Di struktur HTML, kita juga bisa menampilkan karakter-karakter khusus dengan memanfaatkan nama entitas. Gambar dibawah ini menunjukkan beberapa jenis karakter khusus yang dapat dipergunakan beserta nama entitasnya.

Karakter khusus beserta nama entitasnya

Bisa dipraktekkan dengan kode HTML sebagai berikut.

<body>
&pound; Pound <br />
&euro; Euro <br />
&copy; Copyright <br />
&reg; Registered <br />
&trade; Trademark <br />
</body>

Berikut ini adalah hasilnya :

Karakter Khusus

Cara Membuat Dokumen HTML untuk Pemula

Secara Garis Besar, struktur dokumen HTML terdiri dari dua bagian antara lain : bagian header dan  bagian body. Di mana header mendefinisikan kepala atau informasi mengenai judul dokumen, sedangkan body mendefinisikan tubuh atau biasa dibuat untuk penempatan isi konten.

Rancangan Sederhana HTML

Selain Header dan Body masih ada bagian yang lain misalnya : Sidebar dan Footer. Dimana Footer adalah bagian halaman yang muncul di bawah body, sedangkan Sidebar adalah bagian halaman yang terletak disamping body.

Langkah-langkah cara membuat dokumen HTML sebagai berikut:

1. Buka editor teks (Notepad, Notepad++, Sublime, Adobeweaver, dan lain sebagainya).
2. Ketikkan didalam editor teks kode HTML dibawah ini.

<!-- Ini baris komentar, tidak diproses -->
<title>Ini judul dokumen</title>
</head>
<body>
Ini adalah teks di body
</body>
</html>

3. Simpan dokumen HTML dengan nama terserahanda.html

Halaman web blank

Pemrograman Dasar Pascal

Pascal adalah bahasa pemrograman yang termasuk Bahasa Tingkat Tinggi, yang dibuat oleh seorang profesor yaitu Niklaus Wirth, seorang anggota International Federation of Information Processing (IFIP) pada tahun 1971. Nama pascal diambil dari seorang ilmu bidang matematika Blaise Pascal yang berasal dari Prancis, Blaise Pascal adalah orang yang pertama kali menciptakan mesin hitung. Tipe dataY ang digunakan dalam bahasa pemrograman Pascal ini antara lain : Byte, Integer, Real, Boolean, Char, String.

Gambar Tipe Data

Kelebihan Bahasa Pemrograman Pascal sebagai berikut :

• Tipe Data Standar, tipe data yang standar yang tersedia pada kebanyakan ada di bahasa pemrograman. Tipe data standar didalam pascal antara lain : Byte, Integer, Real, Boolean, Char dan String.
• User Defined  Data Types, programmer dapat membuat tipe data lain yang diturunkan dari tipe data standar.
• Strongly-typed, programmer harus menentukan tipe data dari suatu variabel, dan variabel yang tersebut tidak dapat dipergunakan untuk menyimpan tipe data selain dari format yang ditentukan.
• Terstruktur, mempunyai sintaks yang memungkinkan penulisan program dibagi menjadi fungsi-fungsi kecil (procedure dan fanction) yang dapat dipergunakan berulang-ulang.
• Sederhana dan Ekspresif, memiliki struktur yang sederhana atau tidak rumit dan bahasanya sangat mendekati manusia sehingga sangat mudah untuk dipelajari dan dipahami

Semua bahasa pemrograman kodenya itu hampir semua sama mulai dari pemrograman web, java, c++, pascal dan lain sebagainya. Tetapi menurut saya, bahasa pemrograman Java itulah yang paling sulit untuk dipelajari dan dipahami. Dan apabila anda memang ingin mahir dengan bahasa pemrograman Java, maka sebaiknya anda belajar mulai dari sekarang dan mulailah dari yang paling dasar. Untuk source kode dasar pemrograman Pascal sebagai berikut.

Berikut kode untuk Helloworld.pas

Program Helloworld;
begin
  writeln('Hallo Dunia');
end.

kode diatas memiliki beberapa fungsi :

1. Program Helloworld; Berfungsi sebagai nama program.
2. begin Berfungsi sebagai awal program.
3. writeln('Hallo Dunia'); Berfungsi sebagai mencetak hasil inputan dari pengguna.
4. end. Berfungsi sebagai akhir program.

Belajar Pemrograman Bahasa C untuk Pemula

Sejarah Bahasa C

Sebelumnya saya akan menjelaskan tentang sejarah berdirinya bahasa C. Akar bahasa C adalah dari bahasa BCPL(Basic Combined Programming Language) yang dikembangkan oleh Martin Richards pada tahun 1967an kemudian dikembangkan oleh Ken Thompson dengan nama bahasa B pada tahun 1970an. Selanjutnya dikembangkan lagi oleh Dennis Ricthie sekitar tahun 1970an dengan nama bahasa C di Bell Telephone Laboratories Inc yang sekarang adalah AT&T Bell Laboratories. Bahasa C pertama kali digunakan dikomputer Digital Equipment Corrporation PDP-11 dengan mengunakan OS UNIX.

C adalah sebuah bahasa yang standar yang artinya suatu program yang ditulis dengan versi bahasa C sendiri agar dapat dikompilasi dengan versi bahasa C yang lainnya dengan tambahan modifikasi di bahasa C tersebut.

Alasan Menggunakan Bahasa C

Beberapa alasan yang dapat kita pikirkan mengapa bahasa C banyak digunakan, diantaranya adalah sebagai berikut ini.

1. Bahasa C tersedia hampir di semua jenis komputer. Banyak jenis bahasa pemrograman komputer salah satunya adalah Bahasa Pemrograman C++, tetapi tingkatan bahasa pemrograman itu dibagi menjadi 3 bagian :

  

1.Bahasa Tingkat Tinggi

Bahasa pemrograman masuk tingkat ini karena bahasa tersebut hampir mendekati bahasanya manusi.Contoh Visual Basic, Pascal, Java dll dan biasanya bagi pemula sulit untuk dimengerti jika tidak dipelajari mulai dari awal.

2.Bahasa Tingkat Menengah

Bahasa pemrograman yang disebut tingkat menengah karena bisa masuk ke dalam bahasa tingkat tinggi maupun tingkat rendah. Contohnya bahasa pemrograman C.

3.Bahasa Tingkat Rendah

Bahasa pemrograman masuk tingkat ini karna bahasanya masih sangat jauh dari bahasa manusia, pegertian kebilakan dari bahasa tingkat tinggi. Contohnya bahasa Assembly

Bahasa pemrograman C++ adalah bahasa pemrograman yang dibuat oleh seseorang ahli programmer yaitu Evano Christian Posumah, dan dikembangkan di Bell Labs (Dennis Ritchie) pada awal tahun 1970an.

Perbedaan antara bahasa pemrograman C dan C++ meskipun kedua bahasa tersebut menggunakan sintaks yang sama tapi kedua bahasa tersebut memiliki perbedaan, C merupakan bahasa pemrograman prosedural, ang dimana penyelesaian suatu masalah dapat dilakukan dengan membagi masalah tersebut kedalam pengikut atau bisa disebut masalah yang dibawahnya yang lebih kecil dari pada masalah sebelumnya, C++ merupakan bahasa pemrograman yang memiliki sifat Object-oriented programming (OOP), cara menyelesaikan masalah sangat berbeda dengan bahasa pemrograman C, C++ melakukan langkah awal dengan menjelaskan class-class yang merupakan anak class yang dibuat sebelumnya sebagai abstraksi dari object-object fisik, Class tersebut berisi tentang keaadaan object, anggota-anggotanya dan kemampuan dari objectnya, Setelah beberapa Class dibuat kemudaian masalah dapat dipecahkan dengan Class. 

Berikut kode untuk Selamatdatang.c

#include <stdio.h>
int main()
{
    printf("Selamat Datang\n");
    getch();
}

Kode diatas memiliki beberapa fungsi :

1. #include <stdio.h> sebagai  bagian dari proses kompilator dari c++ menjalankan sebuah perintah yang dinamakan preposesor, memilik kemampuan untuk menambahkan dan menghabus kode dari sumber.
2. int main() bagian ini berfungsi untuk mendeklarasikan fungsi utama atau mengembalikan nilai yang berupa integer yang termasuk bilangan bulat negatif maupun positif.
3. { menandakan awal program.
4. printf("Selamat Datang\n"); hal ini merupakan perintah untuk menampilkan output dilayar berupa tulisan "Selamat Datang" (tanpa tanda kutip).
5. \n adalah format modifier digunakan untuk berganti baris setelah menampilkan output yang diinginkan.
6. getch(); Bagian ini digunakan untuk menghentikan layar tampilan sejenak sampai user menekan tombol pada keyboard, Jika user menekan pada tombol pada keyboard maka program akan diakhiri atau selesai.
7. } menandakan akhir program.

Pemrograman Dasar Java

Dasar Java

JAVA adalah bahasa pemrograman berorientasi objek yang dapat dijalankan diberbagai platform sistem operasi. Java dikembangkan oleh Sun Microsystem sejak tahun 1991. Bahasa ini dikembangkan dengan sintaks yang terdapat pada C++ namun sintaks yang model objek lebih mudah dan sederhana penggunaannya. Pada pemrograman ini sourecode sangatlah case-sensitive jadi untuk anda yang menggunakan atau membuat sourcecode Object-oriented programming (OOP) haruslah telitih agar sourcecode yang anda buat tidak ada yang error. 

Fitur-fitur Java

• Java Virtual Machine (JVM) adalah Mesin imajinasi atau maya yang bekerja dengan menyerupai aplikasi pada sebuah mesin nyata.
• Garbage Collection (GC) adalah Program Java melakukan garbage collection yang berarti program tidak perlu untuk menghapus sendiri objek-objek yang sudah tidak dipergunakan lagi.
• Code Security (CS) adalah Code Security terimplementasi pada Java melalui penggunaan Java Runtime Environtment (JRE).

Kelebihan dan Kekurangan Java

Kelebihan :

1. Multiplatform. Kelebihan utama dari Java ialah dapat dijalankan dibeberapa platform (sistem operasi) komputer, sesuai dengan prinsip tulis sekali, jalankan dimana saja.
2. Object Oriented Programming (OOP) ialah Pemrograman yang Berorientasi Objek.
3. Bermodel C++ memiki sintaks yang sama seperti bahasa pemrograman C++

Kekurangan :

1. Tulis sekali, jalankan dimana saja. Tulisan tersebut tidak memenuhi makna sepenuhnya berjalan dengan lancar, karena masih ada beberapa hal yang tidak kompatibel antara platform (sistem operasi) satu dengan platform yang lainya.
2. Memakan penggunaan memori yang banyak. Penggunaan memori untuk program yang berbasis objek jauh lebih besar dari pada bahasa pemrograman sebelumnya seperti Pascal dan C++

Source Code 

Berikut kode untuk HelloWorld.java

public class HelloWorld
{
    public static void main(String[] args)
    {
        System.out.println("Hallo, Apa Kabar Dunia?");
    }
}

Apabila anda ingin sekali belajar dan bisa ataupun mahir dalam Pemrograman Web atau Java pelajari dengan betul dan pahami lebih awal karena nanti lebih jauh materi lebih sulit pula pembahasannya. Oleh karena itu, belajarlah mulai dari 0 yakni dari awal.

Pemrograman Dasar Desain Web

Dasar HTML

Ini adalah postingan pertama yang saya buat, saya sangat terinspirasi dengan kode karena belajar kode itu sangat menantang bagi orang yang awam seperti saya. Kode merupakan sebuah tulisan aneh yang sulit untuk dihafal kalau saya privasi lebih baik menghafal Al-Qur'an dari pada menghafal Kode :) tetapi lebih baik juga menghafal Al-Quran disampingi dengan menghafal Kode. Postingan awal saya ini sebagai perkenalan Dasar HTML saya akan menjelaskan apa itu HTML dan apa saja yang dibutuhkan untuk membuat sebuah halaman web?

HTML dan XHTML 

HTML (Hypertext Markup Language) merupakan sebuah bahasa markup, bukan bahasa pemrograman. Bahasa markup (Indonesia: markah) adalah bahasa yang mengombinasikan antara teks dan informasi tambahan mengenai teks tersebut. HTML merupakan dokumen standar yang digunakan untuk membuat halaman web. Pada awal tahun 2000, W3C (World Wide Web Consortium) membuat perubahan besar melalui XHTML (eXtensible Hypertext Markup Language). Ide dasarnya, dalam upaya meningkatkan kompatibilitas dokumen HTML, W3C menambahkan struktur dan ekstensibilitas XML (eXtensible Markup Language) ke HTML.

Struktur Dokumen HTML 

Setiap dokumen HTML harus diawali dengan tag <html> sebagai tag pembuka dan diakhiri dengan tag </html> sebagai tag penutup. Dokumen HTML juga menyertakan tiga pasang tag. 

• Tag <head> dan </head>: digunakan untuk menyatakan informasi mengenai dokumen HTML.
• Tag <title> dan </title>: digunakan untuk menambahkan title di title bar browser.
• Tag <body> dan </body>: digunakan untuk melingkupi semua teks yang terdapat di halaman HTML bisa disebut juga statement atau isi.

Selain elemen utama di atas, masih terdapat berbagai macam jenis elemen yang dapat digunakan di dalam dokumen HTML. Salah satunya elemen yang perlu diperhatikan adalah untuk penulisan komentar di HTML. Cara penulisan komentar dengan tag pembuka <!-- dan diakhiri dengan tag penutup -->

Persiapan

Pada praktikum pembuatan dokumen HTML tidak hanya diperlukan dengan instalasi aplikasi web server dikarenakan pada praktikum Dasar HTML ini kita hanya akan membuat sebuah dokumen Web Statis. Pasti banyak yang bingung apa itu Web Statis dan Apa bedanya Web Statis dan Web Dinamis? Sangat berbeda berikut penjelasannya. Web Statis merupakan situs web yang mana pengguna tidak bisa mengubah konten dari web tersebut secara langsung dan Web Statis tidak dimaksudkan untuk diperbarui secara berkala sehingga pengaturan ataupun pemutakhiran isi situs web tersebut dilakukan secara menual. Sedangkan Web Dinamis merupakan pengguna bisa mengubah konten secara langsung, dan Web Dinamis bisa disebut situs web yang secara spesifik didesain agar lebih mudah untuk diperbarui secara berkala. Berikut aplikasi yang digunakan untuk membuat halaman web statis dengan HTML.

1. Teks Editor untuk menuliskan Source code HTML. Aplikasi yang dapat digunakan adalah : Adobe Weaver, Notepad, Notepad ++ dan Sublime. 
2. Web Browser yang umum digunakan adalah Mozilla Firefox atau Google Chrome.