Cara Membuat Blog

Cara Membuat Blog | Salah satu cara belajar yang paling efektif adalah menulis dan membagikan ilmu tersebut. Blog adalah media yang cukup menarik untuk berbagi ilmu via internet. Walaupun blog merupakan hal yang sudah cukup tidak asing didunia internet, tapi tentu masih banyak teman-teman yang belum berkecimpung didunia blogger.

Selain sebagai media belajar, blog juga bisa dijadikan sarana untuk menambah isi kantong anda, dengan uang tentunya. Ada banyak afiliasi atau kerjasama yang bisa anda jalin contohnya afiliasi dengan google adsense, cj.com, kumpulblogger, amazon, dll. Ada yang menggunakan sistem PPC atau pay per click alias setiap klik pengunjung akan dibayar. Tapi perlu diingat anda tidak boleh melakukan klik sendiri atau pesanan klik. Karena pihak penyedia jasa mempunyai teknik sendiri bagaimana mengetahui kecurangan yang anda lakukan. Contohnya setiap IP hanya diakui sekali klik, mereka punya penghitungan rasio wajar dari jumlah pengunjung blog anda alias jumlah klik dan jumlah pengunjung punya perbandingan tersendiri dan tidak mungkin jumlah klik hampir sama besar dengan jumlah pengunjung. Jika rasio klik anda dicurigai tidak wajar maka anda akan didepak dari program kerjasama. Ada juga yang membayar anda dari persenan barang yang dibeli melalui iklan anda. Bisa juga anda menawarkan space iklan pada blog anda kepada perusahaan-perusahaan, tentunya jika pengunjung blog anda sudah ramai.

Keunggulan PHP

Keunggulan PHP | Keunggulan PHP yang pertama adalah gratis. Apa yang membuat PHP begitu berkembang sangat pesat?? hingga jutaan domain menggunakan PHP, begitu populernya PHP?? Jawabannya adalah karena PHP itu gratis. 

Keunggulan PHP yang kedua yaitu Cross platform, artinya dapat di gunakan di berbagai sistem operasi, mulai dari linux, windows, mac os dan os yang lain. 

Keunggulan PHP yang ketiga adalah mendukung banyak database. PHP telah mendukung banyak database, ini mengapa banyak developer web menggunakan PHP Adabas D Adabas D, dBase dBase, Empress Empress, FilePro (read-only) FilePro (read-only) Hyperwave, IBM DB2, Informix, Ingres, InterBase, FrontBase mSQL, Direct MS-SQL, MySQL MySQL, ODBC, Oracle (OCI7 and OCI8), Ovrimos, PostgreSQL SQLite, Solid, Sybase, Velocis, Unix dbm. 

Keunggulan PHP yang keempat adalah On The Fly. Artinya dengan php anda dapat membuat document text, Word, Excel, PDF, menciptakan image dan flash, juga menciptakan file-file seperti zip, XML, dan banyak lagi.

Pengertian dan Sejarah PHP

Pengertian dan Sejarah PHP | Personal Home Page (PHP) pertama kali ditemukan pada 1995 oleh seorang Software Developer bernama Rasmus Lerdrof. Rasmus Lerdrof benar-benar menjadikan PHP sangat populer, dan banyak sekali Team Developer yang ikut bergabung dengan Lerdrof untuk mengembangkan PHP hingga menjadi seperti sekarang, Hingga akhirnya dirilis versi ke 3-nya, pada Juni 1998, dan tercatat lebih dari 50.000 programmer menggunakan PHP dalam membuat website dinamis. di awaal tahun 1999, netcraft mencatat, ditemukan 1.000.000 situs di dunia telah menggunakan PHP. Ini membuktikan bahwa PHP merupakan bahasa yang paling populer digunakan oleh dunia web development. 

Script Anti Klik Kanan Pada Blog

Script Anti Klik Kanan Pada Blog | Sebagai seorang blogger mungkin kamu takut jika beberapa karya asli kamu di copy paste atau dijiplak sama orang. Apalagi sekarang sistem algoritma yang baru atau google panda mulai giat-giatnya mendepak situs-situs penjiplak. Sehingga apabila sudah terdepak oleh google panda, wah tewas web atau blog kita tidak akan terindeks lagi di mesin pencari google. Nah saya akan kasih deh scrip anti klik kanan pada blog :

1. Seperti biasa masuk ke setting blog ==> design ==> Page elements
2. Add Gadget ==> HTML/Javascript
3. Masukkan kode di bawah ini :

Menampilkan Video Pada Gadget Blog

Menampilkan Video Pada Gadget Blog bisa menjadi salah satu daya tarik untuk blog itu sendiri. Mungkin anda bingung karena belum menemukan fasilitasnya ketika menelusuri Gadget yang tersedia.

Mempercepat Loading Page Pada Blog

Mempercepat Loading Page Pada Blog | Loading Page atau kecepatan loading tampilan blog merupakan salah satu faktor perting dalam menarik minat pembaca. Terkadang walaupun penampilan web/blog kita sudah sangat menawan, tapi loading page web/blog tersebut lama, maka hal ini akan membuat jenuh pemakai internet yang akan berkunjung ke web/blog kita. 

Jangankan bertandang lagi ke web/blog kita, malah dia akan cepat-cepat melupakan web/blog kita karena terlalu berat dan lama loading page nya. Pengunjung akan betah jika kita punya artikel-artikel yang menarik untuk dibaca dan kita selalu rutin menambah artikel-artikel semakin membuat mereka penasaran untuk menanti artikel-artikel berikutnya. Hal ini tentu saja harus didukung dengan kecepatan proses ketika mereka berkunjung ke web/blog kita. 

Tombol Like Facebook Pada Blog

Tombol Like Facebook Pada Blog merupakan unsur yang penting dalam mempromosikan web/blog kita. Kelihatannya sih sekilas untuk gaya-gayaan. Padahal Tombol Like Facebook Pada Blog sangat berguna dan efektif serta efisien jika kita bisa memanfaatkannya.

Ketika seseorang telah meng Like tombol tersebut, maka otomatis dia akan terhubung langsung dengan kita. Nah untuk menghubungkan Tombol Like Facebook Pada Blog, sebelumnya kita harus membuat Page terlebih dahulu. Karena Page itulah yang akan menghubungkan orang yang meng Like dengan kita. Ketika orang tersebut sudah meng Like web/blog kita, maka otomatis setiap kita meletakkan URL atau link artikel terbaru kita pada wall Page tersebut, berita dari Page kita akan muncul pada Home Facebook orang tersebut. Artinya mengklik tombol Like berarti dia bersedia berlangganan artikel kita.

Tombol Share Facebook Pada Blog/Web

Tombol Share Facebook Pada Blog/Web sangatlah penting, karena akan sangat membantu kita dalam mempromosikan artikel atau blog kita. Sehingga juga akan berdampak pada Page Rank atau posisi kita pada masin pencarian Google. Hanya dengan satu klik kita bisa membagi artikel kita kepada teman-teman di Facebook. Nah ternyata tombol share ini sangatlah vital kan ? Langsung aja deh saya perkenalkan script nya dan silahkan dipraktekkan.

   1. Log ini ke akun blogger;
   2. Pilih menu Rancangan / design ==> Edit HTML;
   3. Beri tanda centang pada tulisan Expand Template Widget;
   4. Carilah kode <data:post.body/>. setelah ketemu, sisipkan kode berikut ini diatasnya atau dibawahnya;

Kolom Comment FB Pada Blogspot

Kolom Comment FB Pada Blogspot. Bosan dengan tampilan kolom Comment di blogspot, kali ini saya akan memberikan kode script untuk Comment Facebook :-)


Caranya masuk ke:
1. Design
2. Page Elements
3. Add a Gadget, sebaiknya yang berada pada posisi bawah
4. HTML/Javascript
5. Masukkan kode dibawah ini
6. Title nya bisa diberi judul apa saja
7. Save dan lihat hasilnya :-D
8. atau bisa saya kode ini diselipkan pada teks yang kamu buat, tentunya di Paste kan ke dalam halaman HTML.

Efek Semburan Pada Blog

Sekarang saya akan memberikan script Efek Semburan Pada Blog, seperti apa sih semburannya ? Mendingan teman-teman langsung praktek aja biar tau perbedaannya ;-)

Caranya masuk ke:
1. Design
2. Page Elements
3. Add a Gadget
4. HTML/Javascript
5. Masukkan kode dibawah ini
6. Title nya dikosongin aja
7. Save dan lihat hasilnya :-D

Efek Background Berjalan Pada Blog

Sekarang saya akan memberikan kode script Efek Background Berjalan Pada Blog, dimana akan ada warna-warni yang bergerak pada backgroud blog nantinya.

Caranya masuk ke:
1. Design
2. Page Elements
3. Add a Gadget
4. HTML/Javascript
5. Masukkan kode dibawah ini
6. Title nya dikosongin aja
7. Save dan lihat hasilnya :-D

Membuat tombol Google+1 Melayang

Membuat tombol Google+1 sangat penting, karena tombol ini digunakan untuk merekomendasikan kepada Google bahwa Artikel/Web/Blog ini bagus. Hal ini akan berpengaruh kepada Page Rank Web/Blog kita. Nah sekarang saya akan memberikan kode yang bisa membuat tombol tersebut melayang pada Web/Blog, sehingga pengunjung akan penasaran untuk mengklik. Tapi saran saya diletakkan dipinggir agar tidak terlalu mengganggu pengunjung.

Mengatur Alignment Teks HTML

Mengatur Alignment Teks HTML
Untuk menentukan rata kiri, kanan, tengah atau rata kiri dan kanan, atributnya kita sebut "ALIGN".
Atribut ini bisa kita sisipkan ke dalam tag2 yg akan kita atur posisi teksnya.
sebagai contoh bisa kita sisipkan ke dalam tag <h>, yg artinya kita mengatur posisi judul, atau kita sisipkan ke tag <p> yang artinya kita mengatur posisi paragraf.
Nilai atribut align:
Left : rata kiri
Right : rata kanan
Justify : rata kiri kanan
Center : rata tengah

Sekilas Tentang HTML

Sekilas Tentang HTML
Beberapa hal yang perlu diperhatikan dalam penggunaan tag di dalam dokumen html, yaitu:
1. Tag html selalu diapit tanda kurung siku < >
2. Sebaiknya kode html diketik menggunakan huruf kecil, contoh : <head>, <html>, <body>, dll.
3. Tag html biasanya berpasangan, contoh :

Menggabungkan Teks Tebal, Miring dan Bergaris Bawah

Menggabungkan Teks Tebal, Miring dan Bergaris Bawah
Anda harus cermati urutannya, contoh <b><i>saya adalah guru</i></b>

contoh:

Membuat Teks Tebal, Miring dan Bergaris Bawah Pada HTML

Membuat Teks Tebal, Miring dan Bergaris Bawah Pada HTML
Berikut tag2nya:
<b> dan </b>   untuk membuat cetak tebal
<i> dan </i>   untuk membuat cetak miring
<u> dan </u>   untuk membuat cetak bergaris bawah

contoh:

Membuat Paragraf HTML

Membuat Paragraf HTML
untuk membuat paragraf....harus diapit oleh tag <p> dan </p>
contoh:

Membuat Judul Teks HTML

Membuat Judul Teks HTML
Tag untuk membuat judul adalah <hn> berpasangan dengan </hn>
n adalah bilangan i sd 6. Untuk mengetahui perbedaannya ketikkanlah teks berikut:

Membuat Superscript dan Subscript

Membuat Superscript dan Subscript
^dan adalah tag untuk superscript
_dan adalah tag untuk subscript

hmmmmmmmm saya bingung jelasinnya, jadi langsung praktek aja deh biar tau bedanya hehehehe:

Membuat Dokumen HTML

Membuat Dokumen HTML
Ciri dokumen HTML adalah memiliki ekstensi “.htm” atau “.html”
Contoh: Katalog.htm    Service.html   
Secara umum dokumen HTML dibagi menjadi bagian header dan body.
Bagian header dimulai dengan <head> dan diakhiri dengan </head>
Bagian body diawali dengan <body> dan diakhiri dengan </body>
Kedua bagian tersebut diapit oleh <html> dan </html>
 Contoh:

Membuat Baris Baru HTML

Membuat Baris Baru HTML
Untuk membuat baris baru html anda harus menyisipkan tag <br/> pada ujung kalimat
contoh:

Atribut Colspan Tabel HTML

Atribut Colspan Tabel HTML
Atribut colspan adalah menyatukan beberapa kolom

contoh:

Atribut Rowspan Tabel HTML

Atribut Rowspan Tabel HTML
Atribut rowspan adalah untuk menyatukan beberapa baris sel ke bawah.
Atribut ini dimiliki oleh tag <th> dan <td>

Contoh penggunaannya:

Atribut Cellspacing dan Cellpadding HTML

Atribut Cellspacing dan Cellpadding HTML
tag <table> memiliki 2 atribut:
1. cellspacing digunakan untuk mengatur jarak atau spasi antar sel (dalam satuan pixel)
2. cellpadding digunakan untuk menentukan jarak data yang ada dalam suatu sel dengan border atau bingkai dari sel yang bersangkutan.

Contoh penggunaanya:

<html>
     <head>
     <title>Tabel dalam html</title>
     </head>
<body>
     <table border="2" cellspacing="5" cellpadding="10">
           <caption>Tabel Harga Produk</caption>
          
           <tr bgColor="#ff99aa">
              <th>Kode Produk</th>
              <th width="200">Nama Produk</th>
              <th width="100">Harga</th>
              <th width="150">Gambar</th>
           </tr>
          
           <tr bgColor="#ff99aa">
              <td>P001</td>
              <td width="200">Kipas Angin</td>
              <td width="100">400.000,-</td>
              <td width="150" align="center"><img src="kipas angin.jpg" width="145" height="150"/></td>
           </tr>
          
           <tr bgColor="#ff99aa">
              <td>P002</td>
              <td width="200">Lemari Es</td>
              <td width="100">1.500.000,-</td>
              <td width="150" align="center"><img src="lemari es.jpg" width="145" height="150"/></td>
           </tr>
          
           <tr bgColor="#ff99aa">
              <td>P003</td>
              <td width="200">Radiotape</td>
              <td width="100">1.000.000,-</td>
              <td width="150" align="center"><img src="radiotape.jpg" width="145" height="150"/></td>
           </tr>
          
           <tr bgColor="#ff99aa">
              <td>P004</td>
              <td width="200">Televisi</td>
              <td width="100" bgColor="#ff99aa">1.200.000,-</td>
              <td width="150" align="center"><img src="Televisi.jpg" width="145" height="150"/></td>
           </tr>
     </table>
</body>
</html>

Demikian penjelasan Atribut Cellspacing dan Cellpadding HTML

Memasukkan Gambar Ke Dalam Tabel HTML

Memasukkan Gambar Ke Dalam Tabel HTML
Memasukkan Gambar ke dalam tabel
Perlu diingat file gambar yang akan dimasukkan harus berada dalam folder yang sama dengan file html nya

Contoh penggunaanya:

Memberi Warna Background Tabel HTML

 Memberi Warna Background Tabel HTML
Memberi warna background pada baris dan sel tabel
Cara nya dengan memberi nilai pada atribut bgColor pada tag <tr> untuk baris
dan <th> untuk judul kolom dan <td> untuk sel.

Contoh penggunaanya:

<html>
     <head>
     <title>Tabel dalam html</title>
     </head>
<body>
     <table border="2">
           <caption>Tabel Harga Produk</caption>
          
           <tr bgColor="#ff99aa">
              <th>Kode Produk</th>
              <th width="200">Nama Produk</th>
              <th width="100">Harga</th>
           </tr>
          
           <tr>
              <td>P001</td>
              <td width="200">Kipas Angin</td>
              <tdwidth="100">400.000,-</td>
           </tr>
          
           <tr>
              <td>P002</td>
              <td width="200">Lemari Es</td>
              <td width="100" bgColor="#ff99aa">1.500.000,-</td>
           </tr>
          
           <tr>
              <td>P003</td>
              <td width="200">Radiotape</td>
              <td width="100">1.000.000,-</td>
           </tr>
          
           <tr>
              <td>P004</td>
              <td width="200">Televisi</td>
              <td width="100" bgColor="#ff99aa">1.200.000,-</td>
           </tr>
     </table>
</body>
</html>

Demikian penjelasan Memberi Warna Background Tabel HTML

Mengatur Border Tabel HTML

Mengatur Border Tabel HTML
Atribut untuk ketebalan bingkai tabel adalah border

Contoh penggunaanya:

<html>
     <head>
     <title>Tabel dalam html</title>
     </head>
<body>
     <table border="2">
           <caption>Tabel Harga Produk</caption>
          
           <tr>
              <th>Kode Produk</th>
              <th width="200">Nama Produk</th>
              <th width="100">Harga</th>
           </tr>
          
           <tr>
              <td>P001</td>
              <td width="200">Kipas Angin</td>
              <tdwidth="100">400.000,-</td>
           </tr>
          
           <tr>
              <td>P002</td>
              <td width="200">Lemari Es</td>
              <td width="100">1.500.000,-</td>
           </tr>
          
           <tr>
              <td>P003</td>
              <td width="200">Radiotape</td>
              <td width="100">1.000.000,-</td>
           </tr>
          
           <tr>
              <td>P004</td>
              <td width="200">Televisi</td>
              <td width="100">1.200.000,-</td>
           </tr>
     </table>
</body>
</html>


Tingkat ketebalan border atau bingkai bisa diatur pada kode <table border="2">
Demikian penjelasan Mengatur Border Tabel HTML

Mengatur Ukuran Sel Tabel HTML

 Mengatur Ukuran Sel Tabel HTML
Atribut width adalah untuk mengatur lebar sel tabel
Atribut height adalah untuk mengatur tinggi sel tabel

Contoh penggunaanya:

Membuat Tabel HTML

 Membuat Tabel HTML
Tag html untuk pembuatan tabel :

1. <table> dan </table>
   Tag ini digunakan untuk mendefinisikan tabel didalam html.

2. <caption> dan </caption>
   Tag ini digunakan untuk menyertakan judul tabel.
   Posisi judul tabel dapat diubah pada bagian atas atau bawah tabel, yaitu
   dengan mengubah atribut Align menjadi Top atau Bottom.

3. <tr> dan </tr>
   Tag ini digunakan untuk membuat baris baru dalam tabel.

4. <th> dan </th>
   Tag ini digunakan untuk membuat sel header (kepala) atau judul kolom
   dari suatu tabel.

5. <td> dan </td>
   Tag ini digunakan utk membuat sel dalam tabel. Semua data yang dimunculkan
   dalam suatu tabel harus dibuat menggunakan tag <td> dan </td>

Membuat Definition List Pada HTML

Membuat Definition List Pada HTML
Definition list menggunakan tag <dl> dan </dl>
Bagian didalamnya diapit <dt> dan </dt>
Sub bagian diapit <dd> dan </dd>

contoh:

Menggabungkan Daftar Angka dan Bullet Pada HTML

Menggabungkan Daftar Angka dan Bullet Pada HTML
Membuat fasilitas bullet, kita memerlukan tag <ul> dan </ul> disebut unordered list
sedangkan masing-masing item harus diapit <li> dan </li> disebut list items

contoh:

Membuat Daftar Dengan Bullet Pada HTML

Membuat Daftar Dengan Bullet Pada HTML
Membuat fasilitas bullet, kita memerlukan tag <ul> dan </ul> disebut unordered list
sedangkan masing-masing item harus diapit <li> dan </li> disebut list items

anda bisa memilih jenis type:
disk
circle
square

Membuat Daftar Urutan Dengan Angka Pada HTML

 Membuat Daftar Urutan Dengan Angka Pada HTML
Membuat nomor urut, kita memerlukan tag <ol> dan </ol> disebut ordered list
sedangkan masing-masing item harus diapit <li> dan </li> disebut list items

contoh:

Menjadikan Gambar Sebagai Link HTML

Untuk Menjadikan Gambar Sebagai Link HTML
rumusnya:
<a href="dokumen tujuan"><img src=nama file gambar"/></a>

Menggabungkan Gambar Dengan Teks HTML

Untuk Menggabungkan Gambar Dengan Teks HTML, kita memerlukan atribut:
Top
Middle
Bottom
Left
Right

contoh

Menampilkan Gambar Pada HTML

Menampilkan Gambar Pada HTML
Menampilkan gambar:

<img src="NamaFileGambar"/>

Perlu diketahui bahwa file gambar harus dalam satu folder


contoh :

Membuat Link HTML Ke Bagian Tertentu Dalam Dokumen Lain

Membuat Link HTML Ke Bagian Tertentu Dalam Dokumen Lain, untuk masuk pada bagian tertentu di file lain, rumusnya:

<a href="NamaFile#NamaBagian">teks atau gambar</a>

sedangkan bagian yang dituju:

<a name="namaBagian">teks atau gambar </a>

Membuat Link HTML

Tag untuk membuat link html adalah <a> ditutup dengan </a>
Atributnya adalah href dalam tag <a>

Rumusnya adalah :
<a href="DokumenLain">Teks Link</a>

Jenis-jenis link HTML adalah: Link absolut, Link relatif, Link dalam dokumen yang sama.

Ciri-Ciri HTML

Ciri-ciri HTML adalah memiliki ekstensi “.htm” atau “.html”

Contoh: Katalog.htm    Service.html   

Secara umum ciri-ciri HTML dibagi menjadi bagian header dan body.

Bagian header dimulai dengan <head> dan diakhiri dengan </head>
Bagian body diawali dengan <body> dan diakhiri dengan </body>
Kedua bagian tersebut diapit oleh <html> dan </html>

 Contoh:

Atribut HTML

Pada umumnya tag-tag html memiliki atribut html yang nilainya sesuai dengan kebutuhan. Atribut html suatu tag harus ditulis didalam tag yang bersangkutan sebelum tanda >. Contoh :

<body bgColor="#fffeee" alink="#cccccc">