Blogger
Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Belajar Penggunaan Background di Css

10:33 PM Add Comment


Belajar Penggunaan Background di Css - Pada bagian ini kita akan membahas tentang Penggunaan background untuk memperindah tampilan Web. Untuk elemen-elemen background di html dan css adalah Sebagai berikut:
  •  background-color property ini biasanya digunakan untuk warna latar belakang elemen.
  •  background-image property ini digunakan untuk memasang background gambar.
  •  background-repeat property ini untuk mengatasi pengulangan background (gambar).
  •  background-position property ini biasanya digunakan untuk meletakan posisi background (gambar).
  •  background-attachment property ini mengatur bagaimana background diatur.
  •  background property mencakup semua yang diatas, jadi dengan satu property kamu bisa memasukan semua yg diatas.


<html>
   <head>
   <body>
      <p style = "background-color:yellow;">
      This text has a yellow background color.</p>
   </body>
   </head>
<html>

Hasilnya

This text has a yellow background color.

Kita juga bisa menggunakan Background gambar untuk mempercantik, contohnya sebagai berikut:


<html>
   <head>
      <style>
         body  {
            background-image: url("/css/images/css.jpg");
            background-color: #cccccc;
         }
      </style>
      <body>
         <h1>Hello World!</h1>
      </body>
   </head>
<html>

Hasilnya

This text has a yellow background color.

Sekian Tutorial singkat dari saya :D

Cara Cepat Menggunakan Color warna Di css

12:47 AM Add Comment


Cara Cepat Menggunakan Color warna Di css - CSS menggunakan nilai warna untuk menentukan warna. Biasanya, ini digunakan untuk mengatur warna background atau warna elemen atau kata (yaitu, teksnya). Selain itu color di css juga bisa digunakan untuk mempengaruhi warna border elemen dan efek dekoratif lainnya.

Dalam penulisan warna di css ada 5 jenis cara penulisan yaitu:

Format Syntax Example
Hex Code #RRGGBB p{color:#FF0000;}
Short Hex Code #RGB p{color:#6A7;}
RGB % rgb(rrr%,ggg%,bbb%) p{color:rgb(50%,50%,50%);}
RGB Absolute rgb(rrr,ggg,bbb) p{color:rgb(0,0,255);}
keyword aqua, black, etc. p{color:teal;}


Cara Cepat Menggunakan Color warna Di css - Untuk penggunaan warna di css biasanya admin sering menggunakan hex kode hex ini memang sangat mudah digunakan. terdiri dari 6 huruf dari 0 sampai f, yang dua huruf dari awal adalah merah dan dari huruf 3 sampai 4 adalah hijau dan huruf ke 5 dan 6 adalah warna biru RRGGBB

untuk warna hexadesimal ini sendiri bisa kamu dapatkan di photoshop dan software editing lainnya, atau juga bisa di google atau website warna html.
sebelum penulisan kode hexa desimal biasanya diawali dengan tanda #.

Contoh Color hex

Color Color HEX
#000000
#FF0000
#00FF00
#0000FF
#FFFF00
#00FFFF
#FF00FF
#C0C0C0
#FFFFFF

Cara Cepat Menggunakan Color warna Di css - Untuk pemasangan di css itu sangat mudah yaitu hanya menambah property yang ingin kita warnai seperti background kita hanya perlu menambahkan property background-color:#000000 atau warna text kita bisa menggunakan kata property color:#000000 dan warna border atau warna pinggir elemen kita bisa menggunakan border-color:#000000 dan masih banyak lagi elemen yang bisa kita gunakan. untuk elemen-elemen di css akan kita bahas setelah postingan ini jadi tetap kunjungi website ini ya.

Membuat Alert Box atau Kotak Peringatan Dengan Javascript

6:21 PM Add Comment


Hello Gan :D
Ketemu lagi dengan Saya, kali ini kita akan membahas tentang javascript, tutorial kali ini juga tergolong sangat mudah untuk dipelajari untuk pemula.

apa sih alert box atau kotak peringatan itu, alert box atau kotak peringatan itu adalah suatu fungsi di javascript yang menampilkan sejenis kotak ada suatu browser.

untuk mengetahui lebih mengenai alert box atau kotak peringatan itu sendiri alangkah baiknya jika kita praktekan secara langsung.


<script>
 alert("Contoh Perigatan yang ingin ditampilkan");
</script>

script diatas dipasang di dalam kode html website anda supaya bisa menampilkan lert box atau kotak peringatan.
sebagai contoh script berikut ini

<html>
<head>
</head>
<body>
<script>
 var tanggal=Date();
 alert("Assalamualaikum! Waktu sekarang adalah: "+tanggal);
</script>
</body>
</html>

Hasilnya akan muncul seperti gambar dibawah ini:

jika sudah muncul seperti gambar diatas berarti script anda sudah berhasil.

Sekian posting dari saya untuk hari ini tunggu posting selanjutnya ya :D

Halaman Web Static Dan Dinamis, Apa bedanya?

5:38 AM Add Comment

Apa itu halaman web statis? Apa itu halaman web dinamis? Apa bedanya? semua pertanyaan itu akan kita bahas di tutorial kali ini yang berjudul Halaman Web Static Dan Dinamis, Apa bedanya?.

Sebelumnya apakah anda sudah pernah mendenggar tentang apa itu web statis dan web dinamis? saya rasa kalian sudah pernah mendengarnya. Di dalam teknologi Website terbagi menjadi dua, yaitu web statis dan web dinamis, untuk penjelasan lebih detail kita bahas dibawah ini.

Web Statis

Web statis yang didalam bahasa inggris yaitu STATIC yang berarti tetap, jadi bisa kita artikan kalau halaman web statis itu adalah halaman tetap yang dimana tidak perlu pemprograman dan database apapun melainkan hanya mengolah HTML, data dan informasi tidak bisa diubah kecuali di ubah syntax halaman webnya.

Sebagai contoh yaitu web fotografi yang hanya memiliki satu halaman, biasanya hanya menggunakan html dan css biasanya untuk web statis yang bagus biasanya menggunakan javascript.

Web Dinamis

Web dinamis adalah kebalikan dari web static dimana halama web static bisa diubah menggunakan program seperti PHP, ASP ,.NET dan masih banyak lagi, web dinamis juga memiliki database yang dimana semua data dan informasi bisa diubah dan diperbaruhi dengan inputan, web dinamis ini sangat komplek karena bisa di ditambah oleh client sendiri sesuai dengan inputannya lalu dikirim dengan request.

Sebagai contoh adalah jejaring sosial, website berita dan masih banyak lagi, coba anda perhatikan pasti ada perbedaan besan antara keduannya.
salah satu contoh nya bisa dilihat dengan url sebagai berikut:
http://tukomnet.blogspot.co.id/search?q=dinamis
Dalam url diatas bisa di lihat bahwa halaman web tersebut adalah dinamis.

Perbedaannya

  1. Interaksi antara pengguna dan pemilik web
    dalam web statis tidak memungkinkan adanya interaksi antar pengguna dan pemilik website. Tetapi di web dinamis bisa melakukan interaksi seperti komentar chat dan lain-lain.
  2. Syntax atau script yang digunakan
    Biasanya web statis hanya menggunakan Html saja sebagai susunan halaman webnya. Tetapi kalau di web dinamis bisa menggunakan berbagai program seperti PHP,JAVA,.NET dan lain-lain
  3. Adanya database atau tidak
    Biasanya web stais tidak memiliki database karena tidak adanya inputan serta request ke server halaman. Untuk web dinamis biasanya menggunakan database untuk menyimpan data dan informasi supaya bisa diubah atau dihapis suatu hari nanti
  4. Konten
    Konten dalam web statis hanya dibuat oleh pemilik web dan jarang di-update, sementara konten dalam web dinamis bisa berasal dari pengunjung dan lebih sering di-update. Konten dalam web dinamis bisa diambil dari database sehingga isinya pun bisa berbeda-beda walaupun kita membuka web yang sama.

Tutorial membuat kategori tag di Blogger Blogspot

7:13 PM Add Comment
Apa itu kategori? mungkin anda sudah mangetahuinya jika anda belum mengetahuinya akan saya beri penjelasan singkat tentang kategori, Kategori adalah pengelompokan atau suatu klasifikasi untuk mengelompokan sesuatu atau lebih dari satu baik itu menurut fungsi, makna, bentuk dan lain-lain supaya lebih teratur.

Bagaimana cara memasang kateori di blogger atau blogspot? seperti yang anda ketahui kalau di dashboard blogger itu tidak memiliki fitur kategori melainkan fitur Tag label yang fungsinya hampir sama dengan kategori, lalu bagaimana cara memasang tag label ini di blogger atau blogspot, untuk langkah-langkah ikuti dibawah ini:

  • Login ke Blogger
  • Masuk ke posting anda lalu klik edit jika postingan sudah ada
  • Klik Label di Sidebar kanan
  • Masukan tagnya (gunakan tanda, koma untuk membuat lebih dari satu)
  • Setelah itu Klik Selesai
  • Lalu kembali ke dashboard dan masuk ke Layout atau Tata Letak dan klik edit di Gadget Label
  • Pada tampilkan pilih label yang dipilih setelah itu klik edit
  • Centang label yang akan ditampilkan di blog anda
  • Setelah itu klik selesai
  • Dan lihat hasilnya di halaman blogspot kalian masing-masing.
Sekian tutorial dari saya semoga bermanfaat dan tetap kunjungi tukomnet karena akan ada update tutorial yang lebih keren lagi dari ini.
Subscribe to: Posts (Atom)