Profil Author

Sekilas Tentang Author

Inilah tampang author yang agak gemuk Tampan ini.  

             Nama                  : Muhammad Jayzul Usrah
             Nama Panggilan : Harsu , Jay
             TTL                    : Watansoppeng , 14 Juni 1999
             Hobi                    : Mendengar Musik, Main Basket , Makan , Tidur
             Riwayat Sekolah : - TK PERTIWI
                                            -  SDN 1 Lamappoloware
                                            - SMP Negeri 1 Watansoppeng
                                            - SMA Negeri 1 Watansoppeng
                                             - Universitas Hasanuddin
             Motto                  : -Having Fun Seriously atau Seriously Having Fun
                                            
             

Read More

Internet dan Blog

Tugas Pendahuluan

1. Apa yang dimaskud dengan :
a. Internet
b. Blog
2. Jelaskan min 5 Istilah-Istilah Dalam Internet!
3. Tuliskan Kelebihan dan Kekurangan Blogger!
4. Tuliskan langkah dalam membuat Blog dengan Blogger!
5. Berikan penjelasan tentang dashboard dan layout serta jelaskan fungsi fitur-fitur yang ada di dalamnya!
6.Tuliskan cara menambahkan jam, kalender dan iklan pada blogger!

Jawaban
1.a. Internet adalah Jaringan Rangkaian Komputer dengan Rangkaian Komputer Lainnya Di Seluruh Dunia 
   b. Blog adalah bentuk Aplikasi Web yang Pada dasarnya merupakan bagian dari situs website yang dapat diakses secara online yang memiliki fungsi utama memuat tulisan-tulisan dan gambar (dimuat dalam posting) pada setiap halaman web

2.- Browser : Program aplikasi yang digunakan untuk mengakses menampilkan dan menjelajahi belantara informasi di internet.
   -Chat : adalah sebuah fasilitas untuk mengirim dan menerima pesan berbentuk tulisan secara realtime
   - Chatting : Istilah yang di gunakan saat melakukan interaksi dengan fasilitas chat
   - Dial-up :  Jenis Koneksi Internet yang menggunakan jaringan telephone
   - Download :  adalah sebuah proses transfer atau pengambilan data dari internet yang di simpan ke komputer
   - Domain Name : Nama khusus untuk menandakan sebuah alamat web di internet.

3. Kelebihan:  - Sifatnya Berdiri Sendiri Sebagai Media
                       - Pengelolaannya Mudah
                       - Proses Pembuatannya Sangat Mudah
  Kekurangan : - Rentan akan Hacker,Virus,dan Spyware
                         - Kata-Kata Didalamnya kurang dapat dipertanggungjawabkan
                         - Kurang Sentuhan Manusiawi
4. - Buat Email Gmail terlebih dahulu.
    -Masuk ke www.blogger.com 
    -Mulai bikin blog baru

    -Beri Nama dan Pilih Alamat
    - Klik Done, dan Blog anda telah dibuat

5. Lihat Blog / View Blog : Untuk melihat tampilan Blog di Browser. apabila  klik maka akan membuka alamat blog  di tab baru pada Browser
 Entri Baru / New Post: Untuk membuat Postingan atau Artikel Baru pada Blog untuk di plubikasikan.
 Ikhtisar / Overview : Tampilan Statistik blog Terbaru, untuk memantau pengunjung blog kita.
 Pos / Posts : Untuk melihat Postingan yang sudah di publikasikan ataupun yang masih dalam daftar atau belum di publikasikan, melalui menu ini dapat mengedit postingan-postingan lama ataupun baru.
 Laman / Pages : Seperti halnya Post. disini untuk membuat ataupun mengedit serta melihat Laman atau Halaman yang akan maupun sudah kita Buat.
 Komentar / Comments : Untuk melihat Komentar dari pengunjung yang masuk di blog kita
Google + : Untuk mengkoneksikan Blog dengan akun Google+
Statistik / Stats : Melihat Riwayat Blog kita sepanjang waktu dari awal blog di buat sampai saat ini
Kampanye / Campaigns : untuk mempromosikan Blog kita melalui Iklan di google atau Google adwords
Tata Letak atau Layouts : Melihat serta mengedit tata letak Blog kita,
Template : Untuk mengatur Template kita , membackup maupun restore template kita, mengubah sesuaikan tampilan template blog, serta mengaktifkan maupun menonaktifkan tampilan mobile template blog. dan Mengedit HTML template kita.
Setelan / Setting : Untuk mengatur blog Kita

6. a. Kalender
-Copy Javascript Kalender yang dimaui
-masuk ke blogger.com
-Pilih tata letak
-Pilih Tambah Gadget
-Pilih Tambah HTML/Javascript
- Paste kode yang anda copy tadi
- Pilih Simpan
    b. Jam
-Copy Javascript Kalender yang dimaui
-masuk ke blogger.com
-Pilih tata letak
-Pilih Tambah Gadget
-Pilih Tambah HTML/Javascript
- Paste kode yang anda copy tadi
- Pilih Simpan  

Read More

HTML

HTML

Pada kesempatan kali ini author akan memperlihatkan Cara membuat "Website Offline" memanfaatkan HTML dengan menggunakan Sublime Text 3

Sublime Text 3.0 64 bit atau 32 bit

Cara Membuat Frame HTML

Sekarang, kita akan membuat halaman web yang memiliki frame dengan tiga bagian (seperti gambar FRAME A2). Pertama, kita perlu membuat file pengisi frame sebanyak 3 buah.

1. Buatlah file HTML berikut, simpan dengan nama logo.html
   
   1.<html>

   2.<head>

   3.<title></title>

   4.</head>

   5.<body bgcolor="#006699">

   6.<h2><font color="#FFFFFF">Cara Membuat WEB</font></h2>

   7.</body>

   8.</html>
   
   
2. Selanjutnya, buatlah file yang kedua, simpan dengan nama menu.html
   
   01.<html>

   02.<head>

   03.<title></title>

   04.</head>

   05.<body bgcolor="#CCCCFF">

   06.<h4>Latihan</h4>

   07.Mencoba latihan membuat Frame HTML

   08.</body>

   09.</html>
    
3. Buatlah file yang ketiga, simpan dengan nama welcome.html
   
   
   

   01.<html>

   02.<head>

   03.<title></title>

   04.</head>

   05.<body>

   06.<h2>Selamat Datang</h2>

   07.<h4>Anda berada pada halaman latihan Membuat FRAME HTML</h4>

   08.</body>

   09.</html>
    
4. Yang terakhir adalah kita membuat file pendefinisi frame, simpan dengan nama index.html
   
   
   

   01.<html>

   02.<head>

   03.<title></title>

   04.</head>

   05.<frameset rows="25%,*" border="0">

   06.<frame name="atas" src="logo.html" />

   07.<frameset cols="20%,*">

   08.<frame name="menu" scrolling="no" src="menu.html" />

   09.<frame name="isi" src="welcome.html" />

   10.</frameset>

   11.</frameset>

   12.</html>

Background Image Atau Gambar HTML

 Background pada suatu website dapat dipermanis dengan menggunakan image atau gambar. Syarat utamanya adalah anda harus memiliki image yg ber-ektensi .jpg .gif atau .png setelah itu anda juga harus memasukkan image tersebut kedalam folder file HTML yang anda buat.

Untuk membuat background Image dapat menggunakan tag <body background="nama image.jpg/png/gif">

Contoh :

<html>  <head> <title> Background Image </title> </head> <body background="Jellyfish.jpg">  <p style="font:bold 50px Georgia ;color:green">Selamat datang di Websiteku</p> <hr color="ff0000" size="4"> <p style="font:20px Calibri ;color:white"> Cara membuat latar belakang dengan gambar </p> </html>

Cara Membuat link di HTML

Tujuan kata Hypertext dari HTML adalah membuat sebuah text yang ketika di-klik akan pindah ke halaman lainnya. HTML menggunakan tag <a>untuk keperluan ini
Agar lebih jelas, kita akan lihat menggunakan contoh. Silahkan buka text editor dan buat kode seperti dibawah ini.

Contoh penggunaan tag link <a>:

<!DOCTYPE html>
<html>
<head>
  <title>Penggunaan Tag Link </title>
</head>
<body>
  <h1>Belajar Tag Link</h1>
  <p>Saya sedang belajar HTML dari 
  <a href="http://harsuluzyaj.blogspot.co.id">Lab Pik</a></p>
</body>
</html>

Berikut Tayangan HTML dari Author setelah dipermanis dengan Background,Hypertext dan Frameset

Read More