membuat posting artikel seperti blogspot dengan php mysql

Rekan pasti tahu yang namanya blogspot. Kalau kita perhatikan pada blogspot, setiap kita memposting blog baru pada artikel maka artikel yang kita posting tadi akan ditampilkan pada halaman utama dari blog kita. pada tutorial kali ini, saya akan menjelaskan cara membuat posting artikel seperti pada blogspot dengan menggunakan php yang mana posting artikel tersebut akan disimpan di database website kita.
Pertama kita harus membuat database dan tabelnya terlebih dahulu. adapun struktur dari tabelnya adalah sebagai berikut

Nama kolom type size AI Key
id_artikel INT 5 * *
Judul_artikel VARCHAR 255
isi_artikel TEXT
tgl_artikel DATETIME

Untuk membuat tabel seperti diatas menggunakan mysql, kita bisa menggunakan code seperti dibawah ini


-- phpMyAdmin SQL Dump
-- version 2.11.1
-- http://www.phpmyadmin.net
--
-- Host: localhost
-- Generation Time: Apr 16, 2013 at 06:06 PM
-- Server version: 5.0.45
-- PHP Version: 5.2.4

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";

--
-- Database: `postingan`
--

-- --------------------------------------------------------

--
-- Table structure for table `tblartikel`
--

CREATE TABLE `tblartikel` (
  `id_artikel` int(5) NOT NULL auto_increment,
  `judul_artikel` varchar(255) collate latin1_general_ci NOT NULL,
  `isi_artikel` text collate latin1_general_ci NOT NULL,
  `tgl_artikel` datetime NOT NULL,
  PRIMARY KEY  (`id_artikel`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=7 ;

--
-- Dumping data for table `tblartikel`
--


Setelah kita membuat tabelnya, sekarang buatlah form untuk memasukkan artikel kita kedalam database. berikut kodenya :

<form method="post" name="posting_form" action="submit.php">
Judul Artikel<br>
<input type="text" name="judul_artikel" size="30"><br>
Isi Artikel<br>
<textarea name="isi_artikel" cols="60" rows="10"></textarea><br>
<input type="submit" name="submit" value="submit artikel">
</form>

Simpan dengan nama form_artikel.php.

Kalau kita perhatikan, pada form diatas menunjukan kalau action submit akan dilakukan dihalaman submit.php, itu artinya ketika kita menekan tombol sumbit artikel pada form tersebut maka kita akan dialihkan kepada halaman submit.php yang mana halaman tersebut akan melakukan proses memasukkan value kedalam database dengan value yang sudah didefinisikan dari masing masing kolom input. Karena itu sekarang kita akan membuat halaman submit.php-nya. berikut codenya :


<?php


//membuat koneksi kedatabase

$dbhost ="localhost";
$dbuser ="root";
$dbpassword ="";
$dbname ="postingan";
$koneksi = mysql_connect($dbhost,$dbuser,$dbpassword);
mysql_select_db($dbname,$koneksi);


//membuat variabel dari inputan form

$judul = $_POST['judul_artikel'];
$isi = $_POST['isi_artikel'];
$tgl = date('Y-m-d');


//proses query memasukkan data ke database

$query = mysql_query("INSERT INTO tblartikel VALUES ('','$judul','$isi','$tgl')");


//cek apakah querynya berhasil atau tidak

if ($query) {


//jika berhasil maka tampilkan pesan

echo 'berhasil membuat artikel dengan judul '.$judul ;
}
else
{

//tampilkan pesan error jika query tidak berhasil

echo 'gagal membuat artikel dengan judul '.$judul ;


//tutup koneksi ke database

mysql_close();
}
?>

<a href="index.php">Lihat Hasil Posting </a>


simpan dengan nama submit.php

Dengan selesainya kita membuat submit.php ini, maka kita selesai membuat suatu aplikasi berbasis web untuk postingan seperti pada blogspot. Tetapi, bagaimana caranya kalau kita ingin menampilkan halaman yang sudah kita posting tadi dihalaman website kita? Baiklah sekarang kita akan membuatnya, berikut kodenya :


<html>
<head>
</head>
<body>
<p>
<a href="form_artikel.php">Buat artikel baru </a>
</p>
<br>
<?php


//buat dulu koneksi kedatabase

$dbhost = 'localhost';
$dbuser = 'root';
$dbpassword = '';
$dbname = 'postingan';
$koneksi = mysql_connect($dbhost,$dbuser,$dbpassword);
mysql_select_db($dbname,$koneksi);


//buat query terlebih dahulu

$query = mysql_query("SELECT * FROM tblartikel");


//cek apakah kita sudah memposting artikel atau belum

if (mysql_num_rows($query) == 0) {


//tampilkan pesan kalau artikel belum ada

echo 'maaf, belum ada artikel';

else 
{


//buat pengulangan untuk menampilkan data artikel dengan 
//menggunakan while dan definisikan kedalam variabel data

while ($data = mysql_fetch_array($query)) 
{


//kita akan menampilkan judul artikel

echo '<p><strong>'.$data['judul_artikel'].'</strong></p>';



//tampilkan tanggal pembuatan artikel
//gunakan fungsi strtotime untuk merubah bentuk date 
//kedalam bentuk string

echo '<p><em>'.date('j, F Y',strtotime($data['tgl_artikel'])).'</em></p>';



//menampilkan isi artikel yang sudah kita buat

echo '<p>'.$data['isi_artikel'].'</p>';
}
}


//tutup koneksi database

mysql_close();
?>
</body>
</html>

simpan dengan nama index.php
test dengan menjalankan index.php


Untuk anda yang ingin mendownload langsung source code dari postingan ini, bisa anda download dibawah ini.

Download Source Code

Dengan sudah dibuatnya link download diatas, maka selesailah sudah tutorial dari saya tentang membuat posting artikel seperti blogspot dengan php mysql ini, dikemudian hari saya akan menjelaskan bagaimana cara membuat tampilan singkat dari daftar artikel yang ada tulisan read more-nya. Karena itu sering seringlah mampir disini untuk update selanjutnya.

66 Komentar

  1. terima kasih atas cara membuat postingan

    BalasHapus
  2. sama-sama gan ,,

    senang bisa saling membantu ,,

    BalasHapus
  3. kira kira bisa gak di modif dan di tampilkan di website saya http://rajacolek.com hasil postingannya dengan cara di atas

    BalasHapus
  4. Rajacolek : Bisa gan , karena postingan saya yang di atas memang buat website, bukan untuk blogger atau blog buatan aja ,,

    postingan saya yang diatas berlaku buat semua blog atau website yang menggunakan PHP dan MYSQL

    Terimakasih

    BalasHapus
  5. terimakasih kaka' torialnya,,

    BalasHapus
  6. Kak kalo untuk menambahkan read more pada artikel nya gimana yah
    terimakasih

    BalasHapus
  7. @Anonim:

    caranya bisa cek di postingan saya ,,

    http://planetsphp.blogspot.com/2012/07/membuat-link-read-more-pada-daftar.html

    BalasHapus
  8. thx

    http://gayatekno.blogspot.com

    BalasHapus
  9. kok selalu gagal ya mas ?..

    "gagal membuat artikel dengan judul halodunia"

    BalasHapus
  10. #1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'ENGINE = MYISAM,' at line 6

    yg salah apanya ya gaan??

    BalasHapus
  11. Terimakasih gan atas tutorialnya.. :D

    BalasHapus
  12. Terimakasih gan atas tutorialnya, sangat bagus sekali terutama untuk pemakai awam php. Scripnya sangat sederhana jadi mudah untuk dipahami. Sekali-sekali mapir ke tempat ku ya gan. http://www.jualtutorialku.com/

    Salam Kenal

    BalasHapus
  13. saya buat kayak yang diatas. kodenya / codingnya udah bener.. kok dibroser gak bisa buat posting.. kira2 apa ya

    BalasHapus
  14. @sigit:
    Pastikan dulu komentar coding tidak berbaur dengan code programnya,,

    komentar coding ksudnya yang ada tanda "//"

    periksa jangan sampai ada yang berada dalam satu baris dengan code program ,, atau mungkin anda bisa menghapusnya,,

    karna komentar itu saya buat untuk memberi petunjut untuk anda tentang fungsi pemakaian coding tersebut

    BalasHapus
  15. jika saya pangil di browser localhost.. kemudian ada perintah untuk menginputkan ... terus saya submit proses gagal.. cuma itu aja yang muncul...

    BalasHapus
  16. kk minta mentahanya donk!!

    dari tadi "gagal membuat artikel balblalabla"

    BalasHapus
  17. Gak tau !!

    gak ada yg error tapi pas dah di submit 'gagal membuat artikel dengan judul blablabla'

    gimana cari tau yg error !! -_-"

    BalasHapus
  18. @Risky Fahreza:

    Buat sobat,, postingan saya diatas sudah saya revisi kembali, dan saya juga sudah memberikan link download untuk source code dari postingan di atas, selamat mencoba

    BalasHapus
  19. jgn di ziddu !!

    udah susah download gak bisa di open !! alternative aja kaya > sharebeast, tusfiles, 4shared

    BalasHapus
  20. @Risky Fahreza:

    woi bos ,, emang kau ngasi duit brapa mkanya bisa ngatur2 aku ?

    udah syukur ku kasih source codenya ,, dikasi hati minta jantung pula kau .

    BalasHapus
  21. Thx dah bisa !!

    kak kalo dikasih css kok gak bisa ya!!

    BalasHapus
  22. @Risky Fahreza:
    Selama code CSSnya benar ,, pasti bisa kok ,,

    coba copas saja code css yang anda buat ke kotak komentar ini,,
    biar saya perbaiki ,,

    BalasHapus
  23. sukses input data tp di view munculnya cuma kosong trs bawahnya 1 januari 1970 ini knpa

    BalasHapus
  24. @andi:om ..ane nubi
    mau kasi masukan sedikit..dari post di atas ane juga mengalami eror
    itu karena di bagian form_artikel.php kurang satu variabel yaitu
    tgl nya.. ane tambahin sedikit dan nama tabel nya di sesuaiken dengan yg ane buat ..semua jalan..

    semoga bisa membantu

    BalasHapus
  25. program berhasil, tapi gimana caranya pas di isi_artikel bisa membaca (enter).
    soalnya klo mau ganti paragraf gag bisa seperti apa yang diinginkan, malah tulisannya gabung jadi 1 paragraf.. mohon pencerahannya...

    BalasHapus
  26. mf gan mw tanya.... dri cntoh d atas saia coba udh brhasil... tpi kog posting terbaru berada d bagian bawah.. bgaimana agar posting terbaru ada d atas??
    mkasi sbelumnya,,,

    BalasHapus
  27. sangat membantu. makasih gan tutornya.

    BalasHapus
  28. terimakasih gan ini membantu sekali

    BalasHapus
  29. gan servel lokalnya pakai xampp ? versi berapa ? ane punya enda bisa mengimport ke phpadmin tolong yah butuh sekali. sebelumnya terima kasih jawab lewat facebook saja https://www.facebook.com/mualif.lihawa

    BalasHapus
  30. makasih bgt gan, mudah di pahami..
    tapi sederhana banget ga ada ngapus sama ngeditnya gan,
    jadi mirip posting komentar gt,

    BalasHapus
  31. kalo ada spasi paragraf di artikelnya gmn gan?kok artikelnya jadi manjang gitu n ga ada jeda paragrafnya?padahal di databasenya udah ada jeda paragrafnya

    BalasHapus
  32. kenapa artikel terbaru nya setelah diposting jadinya di bawah?
    gimana caranya biar postingan terbaru ada di atas???????????????

    BalasHapus
  33. Gan mau tanya saya kan udah berhasil input ke database nya tapi yang masuk cuma id_artikel ama tgl_artikel padahal saya udah nyoba di samain ama script di atas mohon pencerahannya

    BalasHapus
  34. Numpang belajar gan,ane masih gelap gulita,lagi cari cahaya nih masalah php. hehe....dasar orang gunung mau jadi programer tapi akal tak sampai,tapi tak apalah belajar juga.....

    BalasHapus
  35. gan kalo posting gambar gimana?
    kodenya gimana, tolong ajarin donk ....

    BalasHapus
  36. mastah postingan yg ini sudah gk ada ya??
    lagi perlu belajar itu soalnya.. :(
    http://planetsphp.blogspot.com/2012/07/membuat-link-read-more-pada-daftar.html

    BalasHapus
  37. terima kasih banyak gan..manfaat sekali tutorialnya buat ane yang masih belajar.

    BalasHapus
  38. thanks gan , top banget tutornya

    BalasHapus
  39. untuk buat database nya yg =>
    -- phpMyAdmin SQL Dump
    -- version 2.11.1
    -- http://www.phpmyadmin.net
    --
    -- Host: localhost
    -- Generation Time: Apr 16, 2013 at 06:06 PM
    -- Server version: 5.0.45
    -- PHP Version: 5.2.4

    SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";

    --
    -- Database: `postingan`
    --

    -- --------------------------------------------------------

    --
    -- Table structure for table `tblartikel`
    --

    CREATE TABLE `tblartikel` (
    `id_artikel` int(5) NOT NULL auto_increment,
    `judul_artikel` varchar(255) collate latin1_general_ci NOT NULL,
    `isi_artikel` text collate latin1_general_ci NOT NULL,
    `tgl_artikel` datetime NOT NULL,
    PRIMARY KEY (`id_artikel`)
    ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=7 ;

    --
    -- Dumping data for table `tblartikel`
    --
    <= diapakan?

    BalasHapus
  40. @Ivan Silalahi:
    gan itu databasenya yang format sql tinggal upload ke database?

    BalasHapus
  41. Struktur database di Blogger bukannya ada kategori sama nama penulisnya gan?

    BalasHapus
  42. @boby: ganti $query = mysql_query("SELECT * FROM tblartikel") dengan $query = mysql_query("SELECT * FROM tblartikel ORDER BY tgl DESC;")

    BalasHapus
  43. gan untuk membuat postingan itu menjadi ada username yang login gimana ya

    BalasHapus
  44. thanks om sangat membantu.
    jangan lupa mampir ke blog kami :D
    cikampekcyberzone.blogspot.co.id

    di tunggu jejak nya di blogger kami :D

    BalasHapus
  45. bila anda membaca komen ini berarti "link source kode mati"

    BalasHapus
  46. Kalo blogspot.com bisa gk kang?

    BalasHapus
  47. Kalo blogspot.com bisa gk kang?

    BalasHapus
  48. cara menampilkannya menjadi MM/YY/judul-artikel.html gimana ya gan??

    BalasHapus
  49. Mantap gan terimakasih atas tutorialnya. Sangat bermanfaat

    BalasHapus
  50. yang punya gue, ko gagal membuat artikel mulu? knapa ya

    BalasHapus
  51. Thank you for providing this piece of code snippet here. I am contented reading this article here. Keep imparting this beneficial articles and keep us updated.
    Website Design Agency | Website design company

    BalasHapus
  52. mau nanya kalo mao ngedit isi semua halaman website seperti navbar,footer dst itu gimana ya masa harus copypaste trus ubah codenya ke semua file.

    BalasHapus
  53. Link donwload nya ga bisa sumpah, pusing gua

    BalasHapus
  54. mantab gan tutorialnya, lanjutkan terus bikin tutorial yang lain gan

    BalasHapus
Lebih baru Lebih lama