Sabtu, 24 September 2016

Tutorial PHP

Cara Mudah Tambahkan PHP Kode di Blogger

PHP dianggap sebagai bahasa komputer yang paling kuat yang membuat sesuatu terjadi dengan sekilas detik. Namun, PHP tidak didukung oleh Blogger atau BlogSpot menjalankan platform yang yang membuatnya sangat sulit untuk menyesuaikan dan mengimplementasikan beberapa perkembangan terbaru yang baru, tetapi masih ada beberapa cara di mana Anda dapat menambahkan kode PHP di Blogger Anda diaktifkan Situs Web. Padahal, hasilnya tidak 100%, tapi itu jauh lebih baik daripada tidak memiliki kode PHP di situs blogger Anda. Pada artikel ini, kami akan menunjukkan cara untuk menambahkan kode PHP di Blogger.

Langkah # 1: Membuat File PHP:

Sebelum Anda dapat menambahkan PHP Kode di blogger, Anda harus terlebih dahulu membuat file PHP di mana Anda harus menggunakan semua kode PHP yang ingin Anda gunakan. Namun, pastikan bahwa file tersebut bebas dari kesalahan jika hal tidak akan terlihat bagus. Berikut ini adalah sederhana Hello World PHP contoh kode, hanya untuk pedoman dasar untuk beberapa pemula

<html> <head> <title>Sinau</title> </head> <body> <?php include_once "koneksi.php"; $namaTombol = "tambah"; if(isset($_POST["tambah"])){ // input data mahasiswa baru $namaMhs = mysql_real_escape_string($_POST["jeneng"]); $alamatMhs = $_POST["omah"]; $teleponMhs = $_POST["telpon"]; $emailMhs = $_POST["surat"]; mysql_query("INSERT INTO mahasiswa VALUES ('', '$namaMhs', '$alamatMhs', '$teleponMhs', '$emailMhs')"); echo "<script>location.href='index.php';</script>"; }elseif(isset($_POST["edit"])){ $kodeMhsUntukEdit = $_GET["editMhs"]; // ubah data mahasiswa ----------------------------------------------------- $namaMhs = mysql_real_escape_string($_POST["jeneng"]); $alamatMhs = $_POST["omah"]; $teleponMhs = $_POST["telpon"]; $emailMhs = $_POST["surat"]; mysql_query("UPDATE dbmahasiswa SET namamhs = '$jeneng', alamatMhs = '$omah', teleponMhs = '$telpon', emailMhs = 'surat' WHERE kode_mhs = '$kodeMhsUntukEdit'"); echo "<script>location.href='index.php';</script>"; } if(isset($_GET["deleteMhs"]) AND trim($_GET["deleteMhs"])!=""){ // jika terdapat query string (URL) deleteMhs & isi deleteMhs tidak kosong, maka dibawah ini --------------------------- $tampungKodeMhs = mysql_real_escape_string($_GET["deleteMhs"]); // query hapus data menggunakan "DELETE" ------------------------------------------------------------------- mysql_query("DELETE FROM mahasiswa WHERE kode_mhs = '$tampungKodeMhs'"); echo "<script>location.href='index.php';</script>"; } if(isset($_GET["editMhs"]) AND trim($_GET["editMhs"])!=""){ $namaTombol = "edit"; $queryTampilkanEdit = mysql_query("SELECT * FROM mahasiswa WHERE kode_mhs = '$_GET[editMhs]'"); $dataEdit = mysql_fetch_array($queryTampilkanEdit); } ?> <!-- Form tambah / edit data mahasiswa --> <form method="post" action=""> Nama : <input type="text" value="<?php echo $dataEdit["nama_mhs"]; ?>" name="jeneng" /><br/> Alamat : <input type="text" value="<?php echo $dataEdit["alamat"]; ?>" name="omah" /><br/> Telepon : <input type="text" value="<?php echo $dataEdit["telepon"]; ?>" name="telpon" /><br/> Email : <input type="text" value="<?php echo $dataEdit["email"]; ?>" name="surat" /><br/> <input type="submit" name="<?php echo $namaTombol; ?>" value="simpan"/> </form> <hr/> <p></p> <!-- Tampilkan hasil semua yang ada di tabel mahasiswa --> <table cellpadding="3" cellspacing="1" border="1"> <tr> <th>Kode</th> <th>Nama Mahasiswa</th> <th>Alamat</th> <th>Telepon</th> <th>Email</th> <th>Opsi</th> </tr> <?php // perintah menampilkan data "SELECT" $perintahTampil = "SELECT * FROM mahasiswa"; $eksekusiSql = mysql_query($perintahTampil); while($tampilkan = mysql_fetch_array($eksekusiSql)){ print " <tr> <td>$tampilkan[kode_mhs]</td> <td>$tampilkan[nama_mhs]</td> <td>$tampilkan[alamat]</td> <td>$tampilkan[telepon]</td> <td>$tampilkan[email]</td> <td> <a href='index.php?deleteMhs=$tampilkan[kode_mhs]'>Hapus</a> | <a href='index.php?editMhs=$tampilkan[kode_mhs]'>Edit</a> </td> </tr>"; } ?> </table> </body> </html>
Setelah membuat file dengan semua kode yang Anda inginkan pastikan Anda menyimpannya dalam ekstensi php. Misalnya, mybloggerlab.php, Anda dapat menggunakan Notepad ++ untuk kode menulis karena merupakan satu-satunya GRATIS standar alat berkembang.

Langkah # 2: Hosting PHP File:

Sejak, blogger tidak memungkinkan Anda untuk meng-host jenis file seperti PHP, HTML atau CSS. Oleh karena itu, Anda harus baik host di hosting Anda (jika Anda memiliki) atau Anda dapat menggunakan Google Drive untuk menjadi tuan rumah mereka secara GRATIS. Kami telah menulis tutorial rinci pada Ini, sehingga membacanya di sini . Anda juga dapat menggunakan Dropbox, dan banyak layanan hosting gratis lainnya tapi pasti mereka tidak lebih baik dari fitur dan keandalan Google Drive.

Langkah # 3: Menambahkan PHP Kode di Blogger

Setelah membuat dan hosting file PHP, login ke account Blogger Anda. Setelah login, kepala ke dashboard dan pilih blog yang Anda ingin menambahkan PHP Kode. Sekarang tergantung pada kebutuhan Anda apakah Anda ingin menambahkan kode PHP dalam posting, halaman, sidebar atau footer. Hanya paste kode berikut di mana pun Anda ingin menampilkan file PHP.

< object width = "400" height = "300" Jenis = "text / html" Data = "file-anda.php" > </ object >
Jangan lupa untuk mengganti-file.php Anda dengan URL dari file PHP Anda sendiri bahwa Anda mungkin sudah mendapat sementara hosting pada layanan seperti Google Drive Dropbox dan lain-lain  
Selamat: Anda telah berhasil menambahkan kode PHP untuk blogger. Pergi dan memeriksa blog Anda untuk melihat apakah hal bekerja seperti yang direncanakan. Marilah kita tahu, jika Anda memiliki cara yang lebih baik untuk melakukan pekerjaan ini. Kami berharap tutorial ini telah membantu Anda untuk belajar bagaimana menambahkan kode PHP di blogger. Namun, ini bukan cara yang paling akurat karena kita hanya menggunakan teknik iFrame untuk memasukkan kode. Blogger perlu berpikir lebih untuk membuat platform yang ramah untuk para pengembang sehingga mereka dapat membawa keangkeran ke blog dan situs web mereka.

Sumber : http://tik.lazuardi-high.sch.id/2014/08/how-to-easily-add-php-codes-in-blogger.html

Tutorial HTML

Mari belajar membuat HTML Dasar
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 :
Gambar
Gambar
Setelah itu simpan file tersebut dengan extension HTML.
Klik save → Pilih save → Simpan dengan nama (nama folder).html
 Gambar
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
 Gambar
Gambar 
Dari Struktur dasar HTML di bawah dapat dijelaskan sebagai berikut :
Gambar
Gambar
  • <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.
“SELAMAT MENCOBA”

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

Tutorial Blog

Cara Membuat Blog Gratis di Blogspot Terbaru


Untuk tutorial kali ini CaraSpot akan memberikan panduannya untuk yang menggunakan platform blogger, dan selanjutnya di halaman berikutnya akan dilengkapi tutorial khusus untuk blog yang menggunakan WordPress. Selain itu, ada juga keterangan lain yang berkaitan dengan dunia blogging, mulai dari cara membuatnya masuk halaman 1 google, hingga bagaimana menghasilkan uang dari blogspot gratisan. Nah, berikut langkah bikinnya:

1.  Buat Email Gmail terlebih dahulu.

Jika belum punya email silahkan belajar cara membuat email Gmail terlebih dahulu. Mengapa demikian? Ya, karena saat kita akan login, mau pun mulai daftar ke tempat bikin blognya, yakni Blogger.com, disyaratkan telah memiliki akun email gmail (bukan yang lain seperti yahoo, hotmail dan lainnya). Ini tidak saja untuk tujuan bikin blog, tapi bisa juga untuk keperluan lain, seperti daftar facebook, upload video di Youtube, dan lain sebagainya, jadi tak ada ruginya bila kita membuatnya, lagian kita bisa memanfaatkannya sebagai alat komunikasi.
Sekarang ini email bahkan bisa dibuat sebagai alat untuk mencari penghasilan dari internet dengan mengikuti beberapa program periklanan yang memang khusus untuk promosi lewat email tersebut, dan mengenai ini akan kita bahas tuntas pada segmen selanjutnya.

2.  Masuk ke www.blogger.com

(jika tidak bisa masuk dengan cara klik di atas, maka cukup ketik di google kata “blogger”)
Setelah membuka alamat website resminya di atas maka anda akan melihat gambar seperti di bawah (jadi saat masuk yang diketik adalah blogger.com, tapi setelah jadi bagian akhir alamatnya adalah blogspot.com) Silahkan isi datanya dengan alamat email dan kata sandi email yang telah kamu buat sebelumnya, lalu klik ‘Masuk’ :
cara daftar blogspot
Keterangan:
Di baris pertama isi dengan alamat email yang telah kamu buat sebelumnya, sedang di baris selanjutnya dengan kata sandi yang kamu pakai saat login ke akun emailmu. Pastikan jangan salah ketik karena huruf besar dan kecil dibedakan jika menggunakan password. Selain itu, lihat juga apakah caps lock pada keyboard tidak diaktifkan karena bisa menyebabkan semua huruf yang diketik jadi huruf besar.

3.  Mulai bikin blog baru

Setelah login selanjutnya kamu akan diarahkan ke halaman seperti yang tertera di bawah, silahkan klik tombol di sebelah kiri yang bertuliskan “Blog Baru”

cara membuat blog baru4.  Beri Nama dan Pilih Alamat

Selanjutnya akan muncul halaman kecil yang mana terdapat 4 langkah singkat pembuatan blog di dalamnya, yaitu:
cara daftar blog di blogspot gratis
Penjelasan:
  1. Judul – Di bagian cara membuat blog gratis di blogspot ini isi dengan judul blogmu, sebaiknya yang sesuai dengan temanya agar mudah terindeks Google. Tapi ini bisa diganti kapan saja setelah blognya jadi.
  2. Alamat – Pada kolom ini anda harus pilih alamat blog gratisan yang belum digunakan orang lain, mislanya bloggue.blogspot.com dan sebagainya.  Jika sudah dipesan orang maka akan terlihat tanda seru (!) berwarna kuning seperti yang terlihat pada gambar atau kalau belum ada yang gunakan sama sekali maka akan tampak tanda benar atau centang berwarna biru. Jika sudah begitu lanjutkan ke step berikutnya.
  3. Template – Tampilan beberapa gambar yang terlihat ini adalah bentuk tampilan blogmu nantinya. Tapi tidak perlu khawatir karena ini masih bisa dirubah dengan yang lebih menarik dan keren dengan cara mempercantik nya melalui file template yang didownload di situs penyedianya yang gratis. Atau kalau belum paham, silahkan baca Cara Mengganti Template Blog yang sudah kami terangkan secara jelas bagaimana langkahnya hingga memiliki tampilan seperti web profesional dan berbayar.
  4. Klik ‘Buat Blog’ – Ini untuk men-save nama dan tampilan yang sudah dipilih dan blog gratisan sederhana anda pun telah jadi dan siap diisi berbagai artikel maupun penawaran bisnis di dalamnya.
Tambahan : Sebelum lanjut, luangkan waktu buat Logo secara Online di Logaster agar di bagian header blogmu menampilkan brand unik yang lebih menarik atau kalau belum tahu bisa baca tutorialnya di sini : Cara Membuat Logo Online Gratis

5.  Mengisi dan Menulis Artikel

Setelah mempunyai blog maka langkah selanjutnya yang harus kita tahu adalah bagaimana menulis artikel di dalamnya dan apa saja yang dilakukan agar bisa mulai aktif dan dikunjungi banyak orang. Berikut prosesnya :

a.  Masuk ke halaman penulisan


posting artikel di bloggerNote :
  • Silahkan anda klik tombol warna oranye (no 1) yang bergambar pensil tersebut untuk mulai posting article,
  • Atau klik icon tanda panah kecil untuk memilih beberapa pengaturan, misal ‘Pos‘ untuk melihat semua artikel yang sudah ditulis, ‘Laman‘ untuk menulis artikel menu seperti profil, kontak dan sebagainya, ‘Komentar‘ untuk melihat siapa saja yang telah memberi comment, dan ‘Statistik‘ untuk melihat jumlah pengunjungnya per hari, minggu atau bulan. Setelah masuk di bagian itu, anda juga masih bisa melihat tombol pos atuu membuat artikel baru di bagian kiri samping yang juga tulisannya oranye.

b.  Mulai posting

cara menulis artikel di blog
Keterangan (sesuai angka):
  1. Untuk keterangan nomor 1 di sisi dengan judul artikel yang akan kamu publikasikan, usahakan jangan terlalu singkat dan kalau perlu sesuai dengan tema yang kamu ingin bahas agar mudah terindeks.
  2. Kolom untuk mengetik tulisan blog anda.
  3. Untuk pengaturan dan gaya artikel, seperti mem-boldhuruf miring atau memperbesar kata dan lainnya.
  4. Label adalah sama dengan nama dari kategori artikelnya. Ini gunanya untuk mengelompokkan jenis tulisan dalam satu kategori, missal ‘WordPress’ yang isinya segala menyangkut soal tutorial wordpress tersebut.
  5. Tombol kuning dengan tulisan ‘Publikasikan’ adalah yang kita klik setelah selasai menulis  agar artikel tersebut bisa online dan dibaca semua orang.
Tips :
Agar tulisan dalam blog terlihat rapi maka usahakan jarak antar paragraf juga diperhatikan, yakni dengan menambah 1 spasi lagi setelahnya. Caranya cukup tekan enter 2 kali setiap ingin memulai paragraf baru.
Tips Menulis
Menulis untuk buku dengan web sangat jauh bedanya, terlebih karena artikel blog tujuannya bukan hanya dibaca oleh manusia tapi juga mesin pencari yang punya standarnya masing-masing untuk menentukan mana yang terbaik dan layak ditempatkan pada halaman pertama.
Mengenai ini sudah kami ulas tuntas pada artikel sebelumnya, yakni Cara Menulis Artikel SEO Friendly Agar Mudah Masuk Halaman 1 Google (linknya ada di paragraf ke 4 dari bawah, tepatnya di langkah ke 6 di bawah ini). Di dalamnya kamu bisa baca semua rahasia para master dalam mengelola setiap postingannya agar gampang terindeks dan bahkan Rank #1 di berbagai hasil pencarian dengan kata kunci yang saingannya hingga jutaan.

6.  Mempercantik blog

Nah, di atas kan sudah bisa bikin blog, tapi sayang tampilannya sederhana sekali. Untuk itu, anda harus tahu bagaimana cara otak atik tampilan blog (warna, font, spasi, latar dll)dan cara membuat blog menarik dan keren serta mudah terindeks oleh google dan mesin pencari lainnya. Saya kira ini adalah bagian yang paling penting yang tidak bisa diabaikan karena selain menambah kepercayaan visitor juga tujuannya untuk menghasilakan uang lebih banyak yang alasannya bisa anda baca pada panduan di halaman tersebut.
Blog yang keren dan cantik ada beberapa hal yang mendukung di dalamnya, seperti design, warna, dan tata letaknya. Untuk desain kami sarankan pakai yang modelnya Responsive, karena google dan mesin pencari lainnya juga sangat menyarankan ini sebagai bentuk penyesuaian pada trend, yang mana sekarang pengguna internet melalui HP atua handphone jauh lebih banyak dari yang menggunakan pc, sehingga jika tampilannya responsive ia akan mudah menyesuaikan dengan ukuran perangkatnya, baik itu iPad, smart phone dan liannya.

Sumber : http://www.caraspot.com/membuat-blog-gratis-sendiri-dengan-blogspot.html