Selasa, 27 September 2016

Cara Memasang Jam di Blog

Cara Memasang Atau Menambahkan Jam Di Blog

1. Silahkan klik atau buka link http://flash-clocks.com/analog-flash-clock-page1.html
2. Di tab baru pilih salah satu tampilan jam yang anda suka.
3. Klik HTML Embed Tag > Copy semua code tersebut
Lihat contoh gambar di bawah :
Cara Memasang Jam Di Blog Keren
Cara Memasang Jam Di Blog Keren

4. Sekarang buka akun blogger anda.
5. Pilih menu tata letak > Add gadget > Html/Javascript > Paste code tadi yang di ambil > Klik Save
Lihat contoh gambar di bawah :

Cara Memasang Jam Di Blog Keren
Cara Memasang Jam Di Blog Keren

6. Lihat hasilnya.


Sumber : http://www.madamvia.web.id/2015/02/cara-memasang-jam-di-blog-keren.html

Cara mengganti Template Blog

1. Masuk ke dashboard blogger
2. Pada menu, Pilih  TEMPLATE kemudian klik "Customize" ( lihat gambar di bawah)

cara mengganti template blog


3. Pilih template blog kesukaan ( preview akan terlihat di layar bawah monitor Anda) , Jika sudah terpilih klik saja "Apply to Blog" ( terapkan ke blog ) , Sebelum menerapkan ke blog Anda bisa meng-klik "back to blogger" untuk membatalkan. Tapi jika sudah klik apply to blog maka template tidak bisa dibatalkan lagi.


cara mengganti template blog dari blogger

4. Selesai cara mengganti template blog dari blogger, sekarang kita menuju cara lain, silahkan disimak yaa :

Cara Mengganti Template Blog Pilihan Sendiri


1. Pastikan sudah ada template blog yang ingin diganti ( sudah ada di PC atau Laptop,  hasil download ), Silahkan kunjungi situs-situs penyedia template blog yang sudah bertebaran di dunia maya dan download.

2. Masuk ke menu blogger, pilih "template"  ( lihat gambar di bawah )

 cara mengganti template blog

baca juga : cara mengganti template blog wordpress gratis dan berbayar

3. Lihat pojok kanan atas, klik "cadangkan / pulihkan




cara mengganti template blog

4. Terbuka layar baru, klik "browse" dan pilih file template blog yang sudah tersimpan di PC atau Laptop Anda,


cara mengganti template blog ~ browse


 5. Setelah itu klik "unggah" dan tunggu prosesnya hingga selesai

Sumber :  http://www.indravedia.com/2015/04/cara-gampang-mengganti-template-blog-blogger.html

Tutorial membuat HTML

BELAJAR MEMBUAT HTML


Sebelum membuat HTML perlu diketahui apakah itu HTML ??
HTML kepanjangan dari Hyper Text Markup Language adalah sebuah bahasa Markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web.
HTML memungkinkan seseorang untuk menyunting tampilan atau format berkas yang akan dikirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan format berkas adalah:
  • Menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.
  • Menampilkan tulisan dalam bentuk cetakan tebal
  • Menampilkan sekelompok kata dalam bentuk miring
  • Menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
  • Mengubah-ubah ukuran tulisan untuk suatu karakter tertentu.
Untuk belajar membuat HTML, anda membutuhkan 2 buah program aplikasi yaitu HTML editor dan web browser. Untuk HTML Editor, anda dapat menggunakan yang paling mudah dan mungkin sudah ada di komputer anda yaitu Notepad. Sedangkan untuk browser, silahkan nanti gunakan Internet Explorer atau Mozilla Firefox yang mungkin juga sudah ada di komputer anda.
Jadi saat ini kita bisa langsung mempraktekkan bagaimana cara membuat HTML dari yang paling dasar. Notepad nantinya akan kita gunakan mengetikkan kode-kode atau tag HTML. Sedangkan web browser atau biasa disebut “browser” saja, akan kita gunakan untuk melihat hasil halaman HTML yang sudah kita buat. Langsung saja kepada praktek cara membuat HTML dasar. Yuk ikuti langkah – langkah membuat HTML :
Cara pembuatan Dokumen HTML :
Klik START → Pilih All Program → Accesories → Pilih notepad
Setelah notepad terbuka ketikkan struktur dasar dokumen HTML seperti contoh di bawah ini :

Setelah itu simpan file tersebut dengan extension HTML.
Klik save → Pilih save → Simpan dengan nama (nama folder).html

Kamu bisa melihat hasil coding yang telah diketikkan di notepad tadi dengan mencari file yang tadi disimpan, dan double klik pada file tersebut dan akan muncul hasil nya


Dari Struktur dasar HTML di bawah dapat dijelaskan sebagai berikut :

  • <html> : Untuk mendefinisikan sebuah dokumen HTML
  • <head> : Merupakan kepala dari dokumen HTML
  • <title> : Tag pembuka judul dokumen
  • <body background=”sunset.jpg”>
<hr color=”GREEN” size=”3″>
<font face=”castellar” size=”6″ color=”RED”>
<marquee scrolldelay=”100″
OnMouseOut=”this.start();”
OnMouseMove=”this.stop();”>
<blink>MARI BELAJAR HTML BERSAMA YUKZ ^_^</blink>
</marquee>                           
 </font>
 <hr color=”#000000″ size=”3″>
 </hr> : Yaitu coding diatas untuk tulisan yang dapat bergerak dari kanan kiri, bentuk, font, dan kalimat tulisan bisa sesuai keinginan sendiri
  • <body bgcolor=”pink”> </body> : Untuk mendefinisikan isi/badan suatu dokumen, pink adalah untuk menentukan warna background sesuai keinginan
  • <h1 align=”center”>TUGAS PENGANTAR KOMPUTER 2</h1> : untuk mendefinisikan posisi heading berada di tengah halaman
  • <br>
<center> <img style=”
width: 200px;
height: 220px;”src=”http://sphotos-a.ak.fbcdn.net/hphotos-ak-ash3/15218_3960622580644_201867054_n.jpg”&gt; </center> : Untuk menyisipkan sebuah gambar pada HTML dan <br> untuk menyisipkan line break
  • <b> Nama </b> : <big>Gina Muthia </big> : Untuk membuat kalimat di HTML dengan format <b> untuk menebalkan teks, <big> untuk membuat hurufnya besar
  • <b> NPM </b>  : <b> <i> 431212164 </b> </i> : Untuk membuat angka di HTML dengan format <i> untuk membuat tulisan miring
  • <b> JURUSAN </b> : <big> <b> <i> <u> Akuntansi komputer </big> </b> </i> </u> : Untuk membuat teks di HTML dengan format menggunakan format tulisan besar, miring dan ditambah <u> yaitu tulisan di garis bawah.
  • <b> Motto </b> : <big> <b> Kalau berusaha dengan sungguh-sungguh pasti BISA. <u>”SEMANGAT” : Untuk membuat teks di HTML dengan format teks besar dan teks tebal menggunakan <big> dan <b>
  • <h1 align=”center”>UNIVERSITAS GUNADARMA</h1> : Untuk mendefinisikan posisi heading berada di tengah halaman.
  • <body background=”sunset.jpg”>
<hr color=”yellow” size=”5″>
    <font face=”GEORGIA” size=”6″ color=”purple”>
      <marquee scrolldelay=”100″
           OnMouseOut=”this.start();”
           OnMouseMove=”this.stop();”>
     <blink>MAN JADDA WA JADA</blink>
      </marquee>
    </font>
  <hr color=”#000000″ size=”5″>
            </hr> : Yaitu coding diatas untuk tulisan yang dapat bergerak dari kanan kiri, bentuk, font, dan kalimat tulisan bisa sesuai keinginan sendiri.

Sumber: https://ginaamuthia.wordpress.com/2013/06/16/belajar-membuat-html/

Tutorial Membuat Blog

Cara Membuat Blog di Blogspot atau Blogger
Untuk cara membuat blog di Blogspot, silahkan menuju blogger.com dan login menggunakan akun Google. Jika belum memiliki akun Google (akun Gmail), silahkan menuju tutorial ” Cara Membuat Email Baru Lengkap Gambar “. Setelah anda mempunyai akun gmail atau akun google, silahkan kunjungi ” www.blogger.com” dan kita akan melihat halaman login seperti gambar berikut:
Setelah login kita akan menghadapi pilihan untuk menggunakan identitas, kita dapat memilih profil Google plus atau menggunakan profil Blogspot. Lebih di sarankan memilih profil Google plus.

Langsung tekan tombol ” Lanjutkan ke Blogger “.

Setelah itu kita akan melihat halaman membuat blog di blogspot seperti gambar berikut. Pada halaman ini kita akan melihat daftar blog yang telah dibuat, karena kita baru akan memulai dalam membuat blog maka kita belum melihat daftar blog tersebut, untuk memulai membuat blog silahkan klik tombol ” Blog Baru “.

Memberi Nama dan Alamat Blog di Blogspot/blogger
Setelah kita klik tombol ” Blog Baru ” kita akan melihat sebuah halaman baru untuk memulai dengan menambahkan nama dan memilih nama domain. Untuk tips trik dalam memilih nama domain silahkan anda kunjungi tutorial ” Tips Cara Memilih Nama Domain Blog atau Website “.
Untuk lebih jelasnya silahkan perhatikan gambar membuat blog di blogspot berikut:
Keterangan nomor pada gambar
  • Nomor 1 adalah tempat kita untuk memberi judul atau nama blog
  • Nomor 2 adalah tempat kita untuk memberi alamat blog kita
  • Nomor 3 adalah tempat kita untuk memilih template blog kita, kita bisa merubah-nya nanti pada halaman template, jadi untuk sementara pilih saja yang standar
  • Nomor 4 merupakan keterangan alamat blog yang kita ketik tersedia atau tidak, pastikan alamat blog tersedia.
  • Nomor 5 adalah tombol untuk mengakhiri , tekan tombol ini jika anda sudah merasa puas dengan nama dan alamat yang anda pilih.
Memulai Post
Sumber: http://www.nyekrip.com/cara-membuat-blog-di-blogspot-lengkap-gambar

Tutorial PHP

Dasar Dasar PHP Bagian I


Langkah awal dalam membangun atau mengembangkan website dinamis dengan PHP dan MYSQL adalah mempelajari dasar dasar PHP itu sendiri. Pada tutorial ini anda akan belajar dasar - dasar PHP, mulai dari syntak PHP, variabeloperatorKonstanta dan dasar PHPlainnya.

Sintaks Dasar

Seperti telah  dijelaskan sebelumnya, untuk menambahkan kode PHP ke dalam sebuah halaman, anda mesti menaruhya dalam PHP tag
<?PHP
?>
Segala sesuatu yang diletakkan di dalam PHP tag akan dieksekusi oleh web server sebagai kode PHP, dan text di luar PHP tag akan segera dikirim ke web browser sebagai HTML biasa.

Mengirim Data ke Web Browser

Untuk membuat website dinamis, anda harus tahu bagaimana cara mengirim data ke web browser. PHP menyediakan banyak function untuk melakukan hal tersebut, yang paling banyak digunakan adalah print() dan echo(). Untuk mengirim sebuah text "Nama saya PHP" ke web browser caranya sangat mudah:
echo "Nama saya PHP"; atau echo 'Nama saya PHP';
atau anda dapat menggunakan print():
print "Nama saya PHP"; atau print 'Nama saya PHP';
seperti anda lihat, penggunaan echo dan print untuk mengirim text / data ke browser adalah dengan menempatkan text / data yang akan dikirim dalam tanda petik dua atau tanda petik satu dan diakhiri dengan tanda titik kome ;. Lalu bagaimana jika text yang dikirim berisi tanda petik dua atau tanda petik satu misalnya, "Andi said, "How are you?"" atau "Andi's dog";. Ada dua cara yang bisa anda gunakan, yang pertama jika text yang dikirim berisi tanda petik dua anda dapat meletakkanya dalam tanda petik satu seperti :
echo 'Andi said, "How are you?" ';
jika text yang dikirim berisi tanda petik satu anda dapat meletakannya dalam tanda petik dua seperti :
echo "Andi's dog";
cara kedua adalah dengan menggunakan tanda backslash (escape string) seperti berikut:
echo "Andi said, "How are you?"";
echo 'Andi's dog';

Menulis Komentar

Seperti bahasa pemrograman lainnya, PHP juga bisa disisipi dengan komentar untuk mengingatkan tentang sesuatu. Untuk menulis komentar dalam PHP ada tiga cara, yang pertama adalah menggunakan tanda #
# ini adalah komentar
yang kedua adalah dengan menggunakan 2 buah slash
//ini juga komentar
echo 'helo word'; // say helo word
yang ketiga adalah dengan diapit tanda /* */
/*ini adalah komentar 
bentuk ketika */
cara ketiga dapat digunakan untuk menulis komentar lebih dari satu baris. sedangkan cara satu dan dua digunakan untuk menulis komentar dalam satu baris. Komentar tidak akan dieksekusi oleh web server.

Variabel PHP

Variabel adalah tempat untuk menyimpan data sementara. Nilai dari sebuah variabel bisa text, bilangan atau data yang lainnya. PHP memiliki 8 tipe variabel: boolean (true - false), integer, floating point (desimal), string, array, object, resource dan null. Aturan penulisan varibel dalam php adalah sebagai berikut:
  1. Sebuah variabel harus dimulai dengan tanda dolar $ misalnya, $namaVariabel;
  2. Nama variabel dapat berisi kombinasi dari huruf, angka dan underscore misal, $customer_1;
  3. Karakter pertama setelah tanda dolar harus huruf atau underscore, tidak boleh angka.
  4. nama variabel dalam PHP case-sensitive, artinya $namaVariabel berbeda dengan $Namevariabel.
Variabel diisi nilai (di-asign) dengan tanda sama dengan = misal, $name = 'Andi'. Dan variabel dapat ditampilkan tanpa tanda petik seperti :
echo $name;
print $name;
atau dapat ditampilkan dengan tanda petik dua:
echo "Hello, $name";
anda tidak bisa menampilkan varibel dengan tanda pertik satu:
echo 'Helo, $name'; // ini tidak akan bekerja, salah.
untuk lebih jelas dalam penggunaan variabel akan diberikan sebuah contoh. Ikutilah langkah-langkah berikut
  1. Buat document baru dengan text editor anda, mulai dengan mengetikan kode HTML di bawah :
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Penggunaan Variabel</title>
    </head>
    <body>
  2. Buat pembuka tag php dan isi sebuah komentar 
    <?PHP #contoh penggunaan varibel
  3. buat sebuah varibel dengan script berikut:
    $file=$_SERVER['SCRIPT_FILENAME'];
    $_SERVER sebenarnya adalah sebuah variabel yang berisi informasi tentang server. variabel $_SERVER[‘SCRIPT_FILENAME’] berisi nama dari script yang sedang dijalankan misalnya, C:xampphtdocsvariable.php. Script di atas adalah untuk membuat sebuah variabel baru dengan nama $file dan mengisi variabel baru $file dengan nilai dari variabel $_SERVER[‘SCRIPT_FILENAME’].
  4. buat variabel kedua dengan script di bawah:
    $user = $_SERVER[‘HTTP_USER_AGENT’];
    $_SERVER[‘HTTP_USER_AGENT’] berisi nilai web browser dan sistem operasi yang digunakan untuk mengakses script. Script di atas adalah untuk membuat sebuah variabel baru dengan nama $user dan mengisi variabel $user dengan nilai $_SERVER[‘HTTP_USER_AGENT’].
  5. ketik script di bawah untuk menampilkan script yang sedang diakses:
    echo "<p>Anda menjalankan script:<br><b>$file</b></p>" ;
  6. buat script untuk menampilkan informasi bowser yang digunakan:
    echo "<p>Anda menggunkan: <br><b>$user</b></p>" ;
  7. Selesaikan kode PHP dan HTML:
    ?>
    </body>
    </html>
    Hasil akhirnya adalah sebagai berikut:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Penggunaan Variabel</title>
    </head>
    <body>
    <?PHP #contoh penggunaan variabel

    //variabel pertama
    $file = $_SERVER['SCRIPT_FILENAME'];

    //Variabel kedua
    $user = $_SERVER['HTTP_USER_AGEN'];

    //manmpilkan variabel pertama
    echo "<p>Anda menjalankan script:<br><b>$file</b></p>" ;

    //menampilkan variabel kedua
    echo "<p>Anda menggunkan: <br><b>$user</b></p>" ;
    ?>
    </body>
    </html>
  8. Simpan dengan nama variabel.php, tempatkan di direktori web server anda dan test dengan menggunakan browser anda. Jika anda melakukannya dengan benar maka hasilnya akan sebagai berikut:


Pada tutorial Dasar Dasar PHP Bagian I ini anda telah belajar tentang sintaks dasar PHP, mengirim data ke browser menggunakan fungsi echo atau print, Mengenal variabel PHP, cara membuat dan menggunakan variabel. Pada Tutorial selanjutnya akan dijelaskan tentang String, number dan konstanta. Jika ada suatu pertanyaan atau ada yang tidak anda mengerti dari tutorial ini silahkan kunjungi forum. Tidak lupa saya juga memohon maaf jika ada sesutu yang salah.
SELAMAT MENCOBA

Sumber : http://www.myphptutorials.com/tutorials/4/dasar-dasar-php-bagian-i