Ismail Usrah: 2012

Cara Membuat Blog

Teman-teman semester 7 yang mengambil mata kuliah Administrasi Web Lanjutan pada Fakultas Teknik Komputer Universitas Cokroaminoto Palopo. Ini saya bagi cara membuat blog bagi teman-teman yang belum tau cara bikin blog. ikuti saja panduan berikut ............. (nb : ini juga cma copy paste)

Cara Membuat Blog di Blogspot (Blogger.com) GRATIS

Blogger.com platform blog yang jadi salah satu blog pilihan blogger Indonesia terutama buat yang baru belajar sepertiku. Walau sebagian blogger pro mencibir blogspot dan selalu membanding bandingkan dengan Wordpress.org blogspot selalu yang utama dihatiku karena dia gratis dan sudah support beragam script dan bisa memasang iklan.

Langsung saja ini langkah demi langkah cara membuat blogger di Blogspot terbaru :

1. Membuat Email di Gmail.com

Blogger.com sudah di akusisi oleh Google jadi langkah pertama dalam membuat blog di blogspot ialah kita wajib untuk memiliki akun GMAIL sebagai email yang digunakan untu daftar di blogger.com. Walaupun sebenarnya bisa menggunakan email lain tapi percaya deh mending make GMAIL dari awal.

Cara Membuat Email di Gmail

Daftar GMAIL gratis buka www.gmail.com lalu klik di pojok kanan atas Create An Account atau Buat Akun

membuat akun di Gmail.com

Tinggal isi data data di akun gmail yang akan dibuat seperti nama, tempat tanggal lahir , password dan lain-lain.

Biasanya dalam membuat email di GMAIL kita perlu verifikasi lewat nomor handphone jadi usahakan masukan nomor handphone yang bisa dikirimin sms dari Google untuk verifikasi.

Setelah email di Gmail dibuat baru kita bisa melanjutkan ke step 2 membuat blog.

2. Daftar di Blogger.com

Setelah membuat email di GMAIL sekarang saatnya daftar di www.Blogger.com

buka www.blogger.com lalu klik bagian kanan atas yang bertulisan 'sign up atau daftar'

daftar blogger | Sign Up

Isi data-data sesuai keinginan :

Cara bikin blog

email : email GMAIL yang kita buat tadi di tahap 1
Password : pilihlah password minimal 8 karakter
Display Name (nama tampilan) : Merupakan nama yang digunakan sebagai nama kita di akun blog nanti.
Gender (Jenis Kelamin) : pilih kelamin sesuai kenyataan atau kalau ragu pilih "other atau lainnya"
Birthday (tanggal lahir) : masukan dengan format tanggal/bulan/tahun misal jika tanggal lahir 17 agustus 1945 maka yang dimasukkan = 17/08/1945 jika dalam format bahasa inggris seperti gambar dibawah maka format tanggalnya ialah bulan/tanggal/tahun
Word Verification (verifikasi) : masukan karakter yang terdapat di bawah
Lalu centang Acceptance of terms (penerimaan peryaratan)
Klik Continue / Lanjutkan

3. Membuat Blog |

Sampai proses diatas sobat sudah selesai cara membuat akun Blogger, sekarang saatnya membuat BLOGnya.

Di akun blogger klik "Blog baru" untuk membuat blog. Lalu akan muncul halaman untuk memilih Judul, Alamat Blog dan Template.

Cara Membuat Blogger : memilih Judul, Alamat dan template

Pilih Judul dan Alamat blog.

Judul digunakan sebagai penama blog, misal untuk blog ini dulu kuberi judul Blognya Mhaillonk Miiyow's
Alamat merupakan url alamat blog yang diinginkan misal alamat blog mhaillonk.blogspot.com

Saran Gaptek : dalam memilih judul dan nama blog jangan pilih yang aneh atau susah dieja maupun menggunakan simbol yang aneh-aneh. Pilih yang mudah diingat orang lain dan tidak membingungkan.

Memilih Template Blog

Ada berbagai template bawaan dari blogger yang tersedia sobat bisa memilih terserah sesuai dengan yang disuka lalu klik 'Buat Blog'

4. Blog Sudah Jadi

Selamat ! sampai disini blog sudah berhasil dibuat, namun masih kosong. Setelah ini akan ada beberapa hal yang perlu di setting sebelum melakukan posting.

Blog Yang Dibuat Masih Kosong

Untuk melihat blog yang baru dibuat bisa langsung mencoba dengan langsung mengetikan alamat blog yang baru dibuat tadi di browser contoh : blogayead.blogspot.com

5. Jangan lupa cek email yang didaftarkan tadi untuk memverifikasi akun google kita .

Di email yang kita daftarkan pada tahap 1 nanti akan ada "

Google Email Verification

" buka dan klik link yang ada di dalam email tersebut

Thanks.

Jenis-Jenis Bahasa Pemrograman

Pengenalan Bahasa Pemrograman Berbasis Web

Bahasa Pemograman berbasis Web memang sangat familiar dan menjadi suatu trend di kalangan pemula seperti saya ini.Banyak software yang berbasis pembuatan Web seperti frontpage , Dreamweaver, dan Joomla yang databasenya menggunakan PHP dan MySql.Ada beberapa struktur pemahaman tentang bahasa pemograman yang berbasis Web yang digunakan dalam pembuatan suatu website maupun Blog yang harus dipahami dasar-dasarnya.Berikut merupakan bahasa pemrograman yang berbasis Web.

1. Bahasa Pemrograman HTML
HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan.Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer.

2. Bahasa Pemrograman PHP
PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini.
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web.PHP banyak dipakai untuk membuat situs web yang dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.PHP biasanya berjalan pada sistem operasi linux (PHP juga bisa dijalankan dengan hosting windows).

3. Bahasa Pemrograman Javascript
Javascript adalah bahasa scripting yang handal yang berjalan pada sisi client.JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape.Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript.

4. Bahasa Pemrograman CSS
Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup.Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML.Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL.Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).

5. Bahasa Pemrograman ASP
ASP adalah singkatan dari Active Server Pages yang merupakan salah satu bahasa pemograman web untuk menciptakan halaman web yang dinamis.ASP merupakan salah satu produk teknologi yang disediakan oleh Microsoft.ASP bekerja pada web server dan merupakan server side scripting.

6. Bahasa Pemrograman XML
Extensible Markup Language (XML) adalah bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data.XML menggunakan markup tags seperti halnya HTML namun penggunaannya tidak terbatas pada tampilan halaman web saja.XML merupakan suatu metode dalam membuat penanda/markup pada sebuah dokumen.

7. Bahasa Pemrograman WML
WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (eXtensible Markup Langauge).WML ini adalah bahasa pemrograman yang digunakan dalam aplikasi wireless.WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel.

8. Bahasa Pemrograman PERL
Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC.PERL merupakan bahasa pemograman yang mirip bahasa pemograman C.

9. Bahasa Pemrograman CFM
Cfm dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio.Syntax coldfusion berbasis html.

Contoh WEB Personal Berbasis HTML

1. Personal

Listing

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Login</title>

</head>

<p>Biodata Anda</p>

<marquee direction="right"">Mohon Diisi<B>:</B> </marquee>

<tr>

</tr>

<tr>

</tr>

<tr>

<td width="200">Password</td>

</tr>

<tr>

<td width="200">Re-type Password</td>

</tr>

<tr>

<tr>

</tr>

<tr>

<td>Pekerjaan</td>

</tr>

<tr>

<td>Pendidikan</td>

</tr>

<tr>

<td>Alamat</td>

</tr>

<tr>

<td>Jenis Kelamin</td>

<td><input type="radio" name="Jenis Kelamin" value="Gentlemen">Gentlemen

<input type="radio" name="Jenis Kelamin" value="Ladies">Ladies</td>

</tr>

<tr>

<td><input type="radio" value="V1" name="r1">< 19 Tahun  

<input type="radio" value="V2" name="r1">19-25 Tahun  

<input type="radio" value="V3" name="r1">25-35 Tahun  

<input type="radio" value="V4" name="r1">>35 Tahun

</td></tr>

<tr>

<td>Hobby</td>

<td><input type="checkbox" name="Hobby" value="Camping">Camping  

<input type="checkbox" name="Hobby" value="Makan">Makan  

<input type="checkbox" name="Hobby" value="FootBall">FootBall  

<input type="checkbox" name="Hobby" value="Tidur">Tidur  

<input type="checkbox" name="Hobby" value="Other">Other

</td></tr>

<tr>

<td>Photo</td>

</tr>

</table>

</form>

</body>

</html>

2. Personal1

Listing

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Welcome</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="Silver">

<p align="justify"><a href="Personal1.htm"><FONT color="#333333">Depan</FONT></a> &nbsp;| &nbsp;

<a href="Personal2.htm"><FONT color="#333333">Biodata</FONT></a> &nbsp;|&nbsp;

<a href="Personal3.htm"><FONT color="#333333">Galery</FONT></a> &nbsp;|&nbsp;

<a href="Personal7.htm"><FONT color="#333333">Keluar</FONT></a> </p>

<h1><center><font color="#FFFF33"> Selamat Datang </font></center></h1>

<center><marquee direction="left"><font color="Blue" size="+5">Ladies </font></marquee><font color="Blue" size="+5">And</font><marquee direction="right"><font color="Blue" size="+5">

Gentlemen</font></marquee></center>

<p><center>

    <font color="#FF0000" size="6">Inie Adalah Web Personal Saya</font> <br>

        M H A I L L O N K

          </center></p>

<div style="text-align: right; margin: 5px 30px 0pt 0pt; padding-top: 5px;"> <a href="Personal5.htm"><img src="glitterfy234111908D33.gif" alt="komentar" width="41" height="40"></a></div>

 </body>

</html>

3. Personal2

Listing

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Biodata</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body text="Silver" background="Symbol Of KOTAK.jpg">

  <h2><font face="Arriba Arriba LET" color="#FF0000">Biodata</font></h2>

<table border="2" cellpadding="2" cellspacing="2" width="800" height="250">

<font face="btd BeezWax">

<tr>

<td>Nama</td>

<td> :</td>

<td> Ismail Usrah</td>

</tr>

<tr>

<td>Nick Name</td>

<td> :</td>

<td> Mhaillonk</td>

</tr>

<tr>

<td>Tetala</td>

<td> :</td>

<td> Lawawoy, 02 October 1991</td>

</tr>

<tr>

<td>E-Mail</td>

<td> :</td>

<td>mhail_libra@ymail.com</td>

</tr>

<tr>

<td>Alamat</td>

<td> :</td>

<td> Jl.Kelapa Kota PALOPO</td>

</tr>

<tr>

<td>Agama</td>

<td> :</td>

<td> Islam</td>

</tr>

<tr>

<td>Status</td>

<td> :</td>

    <td> Berpacaran</td>

</tr>

<tr>

<td>PT</td>

<td> :</td>

<td> "Univ. Cokroaminoto Palopo"<br>-Teknik Informatika</td>

</tr>

<tr>

<td>Organisasi</td>

<td> :</td>

<td> Repala Sidrap (Remaja Pencinta Alam Lawawoy) Shetherhap</td>

</tr>

<tr>

<td>No.HP</td>

<td> :</td>

<td> +6285255848347</td>

</tr>

<tr>

<td>Motto</td>

<td> :</td>

<td> Yang lalu biarlah berlalu, yang berlalu kita jadikan kenangan, entah itu kenangan yang indah atau kenangan yang buruk.</td>

</tr>

</font></table><br>

<p align="justify"><a href="Personal1.htm"><FONT color="#FF0000">Depan</FONT></a> &nbsp;| &nbsp;

<a href="Personal2.htm"><FONT color="#FF0000">Biodata</FONT></a> &nbsp;|&nbsp;

<a href="Personal3.htm"><FONT color="#FF0000">Galery</FONT></a> &nbsp;|&nbsp;

<a href="Personal7.htm"><FONT color="#FF0000">Keluar</FONT></a> </p>

<div class="copyright"><font color="#FF0000">Copyright ©2010 | Mhaillonk &amp; Remaja Pencinta Alam</font></div>

</body>

</html>

4. Personal3

Listing

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Foto Mhail</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>

<p align="center"><font size="+2" color="#00FF66">Ini Adalah GALERY Foto Saya</font></p><br>

<center><img src="Mhail Cakep.jpg" border="3" width="150" height="200" alt="Mhail">

<img src="Mhail.JPG" border="3" width="150" height="200" alt="Hehehe">

<img src="Mail.JPG" border="3" width="150" height="200" alt="screamo">

<img src="Cowok Kalem.JPG" border="3" width="150" height="200" alt="Kalem">

<img src="Fuck.jpg" border="3" width="150" height="200" alt="Mail Fuck">

<img src="Mhaillonk.jpg" border="3" width="150" height="200" alt="Maild"><br>

<img src="Ilhe'.jpg" border="3" width="200" height="150" alt="Kerabat kotak">

<img src="Preman pasar 08.jpg" border="3" width="130" height="150" alt="Preman">

<img src="MaIL aJA.jpg" border="3" width="200" height="150" alt="mAiLX">

<img src="IT COMPETITION.jpg" border="3" width="130" height="150" alt="IT">

<img src="Kerabat Mhaillonk.jpg" border="3" width="200" height="150" alt="Kotak Kerabat"><br>

<img src="MhaiLMu.jpg" border="3" width="200" height="150" alt="Si Cakep">

<img  src="Mhail kalem.jpg" border="3" width="200" height="150" alt="Ilhe'">

<img src="Uchiha Mhail.jpg" border="3" width="200" height="150" alt="Uchiha Mhail">

<img src="Mhaillonk sit.jpg" border="3" width="200" height="150" alt="Santai">

</center>

<p align="center"><font color="#00FF00">Ada Juga Beberapa Koleksi Foto Saya With My Friend's<br>

Mau Lihat???</FONT><a href="Personal4.htm"><font color="#FF0066">Klik</font></a></p>

<p align="justify"><a href="Personal1.htm"><FONT color="#333333">Depan</FONT></a> &nbsp;| &nbsp;

<a href="Personal2.htm"><FONT color="#333333">Biodata</FONT></a> &nbsp;|&nbsp;

<a href="Personal3.htm"><FONT color="#333333">Galery</FONT></a> &nbsp;|&nbsp;

<a href="Personal7.htm"><FONT color="#333333">Keluar</FONT></a> </p>

<div class="copyright"><font color="#FF0000">Copyright ©2010 | Mhaillonk &amp; Remaja Pencinta Alam</font></div>

</body>

</html>

5. Personal4

Listing

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Mhail N Fiends</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body><p align="center"><font color="#000099">Ini Adalah Koleksi Foto Saya With My Friend's</font></p>

<center><img src="Picture 0021.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3">

<img src="Picture 0022.jpg" border="3" height="150" width="200" alt="Ibenk,Mail,V3">

<img src="Picture 0024.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk">

<img src="Picture 0035.jpg" border="3" height="150" width="200" alt="Ibenk,Mail,V3">

<img src="Picture 0043.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk"><br>

<img src="Picture 0044.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk">

<img src="Picture 0046.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk">

<img src="Picture 0049.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk">

<img src="Picture 0050.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk">

<img src="Picture 0053.jpg" border="3" height="150" width="200" alt="Mail,Ibenk"><br>

<img src="Picture 0055.jpg" border="3" height="150" width="200" alt="Ibenk,Mail">

<img src="Picture 0063.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk">

<img src="Picture 0064.jpg" border="3" height="150" width="200" alt="Tika,Mail,V3,Ibenk"></center>

<p align="justify"><a href="Personal1.htm"><FONT color="#333333">Depan</FONT></a> &nbsp;| &nbsp;

<a href="Personal2.htm"><FONT color="#333333">Biodata</FONT></a> &nbsp;|&nbsp;

<a href="Personal3.htm"><FONT color="#333333">Galery</FONT></a> &nbsp;|&nbsp;

<a href="Personal7.htm"><FONT color="#333333">Keluar</FONT></a> </p>

<div class="copyright"><font color="#FF99CC">Copyright ©2010 | Mhaillonk &amp; Remaja Pencinta Alam</font></div></body>

</html>

6. Personal5

Listing

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Komentar</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<Body>

<marquee direction="right"><font color="#FF00CC" size="+2">Tulis Komentar Anda<B>&nbsp;:</B> </font></marquee>

<FORM method="post" action="Personal6.htm">

<td><textarea name="Descript" cols="150" rows="20"></textarea></td>

</tr>

</table>

<p><input type="submit" value="Send" name="B1"><a href="Personal6.htm"></a><Input type="reset" value="Delete" name="B2"></p>

</form>

</body>

</html>

7. Personal6

                         Listing

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Thanks</title>

</head>

Terima Kasih Atas Komentar Anda.<br>

Saya atas nama Ismail Usrah akan memperbaiki kesalahan yang terjadi pada pembuatan halaman web ini.</font><br><br>

<font color="#FFCC00" size="+3">mhail_libra@ymail.com</font>

<p align="justify"><a href="Personal1.htm"><FONT color="#333333">Depan</FONT></a>  |  

<a href="Personal2.htm"><FONT color="#333333">Biodata</FONT></a>  | 

<a href="Personal3.htm"><FONT color="#333333">Galery</FONT></a>  | 

<a href="Personal7.htm"><FONT color="#333333">Keluar</FONT></a> </p>

</body>

</html>

8. Personal7

Listing

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Thanks</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body background="Finger Kotak.jpg">

<p align="center"><font color="#000000" size="+4">

Terima kasih atas kunjungan anda di web ini.<BR>

KERABAT KOTAK SHETHERHAP</font>

<br><br><br><br><br><br><br><br><br><br>

<p align="right"><font color="#FF0000" size="+2">Contact Person : 085255848347<br><b>(Ismail Usrah)</b></font></p>

<font size="+2" color="#FFFF33">You must <a href="Personal.htm"><font size="+2" color="Black">Sign In</font></a>&nbsp;again, if you want back in My Web.</font>

</body>

</html>

Ismail Usrah

Halaman

Kamis, 01 November 2012

Cara Membuat Blog

Google Email Verification

Jenis-Jenis Bahasa Pemrograman

Pengenalan Bahasa Pemrograman Berbasis Web

Contoh WEB Personal Berbasis HTML

Arsip Blog

Translate