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
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 :
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.
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>
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.
terima kasih atas cara membuat postingan
BalasHapussama-sama gan ,,
BalasHapussenang bisa saling membantu ,,
kira kira bisa gak di modif dan di tampilkan di website saya http://rajacolek.com hasil postingannya dengan cara di atas
BalasHapusRajacolek : Bisa gan , karena postingan saya yang di atas memang buat website, bukan untuk blogger atau blog buatan aja ,,
BalasHapuspostingan saya yang diatas berlaku buat semua blog atau website yang menggunakan PHP dan MYSQL
Terimakasih
terimakasih kaka' torialnya,,
BalasHapusKak kalo untuk menambahkan read more pada artikel nya gimana yah
BalasHapusterimakasih
@Anonim:
BalasHapuscaranya bisa cek di postingan saya ,,
http://planetsphp.blogspot.com/2012/07/membuat-link-read-more-pada-daftar.html
thx
BalasHapushttp://gayatekno.blogspot.com
kok selalu gagal ya mas ?..
BalasHapus"gagal membuat artikel dengan judul halodunia"
sukron
BalasHapus#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
BalasHapusyg salah apanya ya gaan??
Terimakasih gan atas tutorialnya.. :D
BalasHapusTerimakasih 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/
BalasHapusSalam Kenal
saya buat kayak yang diatas. kodenya / codingnya udah bener.. kok dibroser gak bisa buat posting.. kira2 apa ya
BalasHapus@sigit:
BalasHapusPastikan 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
jika saya pangil di browser localhost.. kemudian ada perintah untuk menginputkan ... terus saya submit proses gagal.. cuma itu aja yang muncul...
BalasHapus@Risky Fahreza:gagalnya pada bagian mana ?
BalasHapus@Risky Fahreza:
BalasHapusBuat sobat,, postingan saya diatas sudah saya revisi kembali, dan saya juga sudah memberikan link download untuk source code dari postingan di atas, selamat mencoba
@Risky Fahreza:
BalasHapuswoi bos ,, emang kau ngasi duit brapa mkanya bisa ngatur2 aku ?
udah syukur ku kasih source codenya ,, dikasi hati minta jantung pula kau .
@Risky Fahreza:
BalasHapusSelama code CSSnya benar ,, pasti bisa kok ,,
coba copas saja code css yang anda buat ke kotak komentar ini,,
biar saya perbaiki ,,
sukses input data tp di view munculnya cuma kosong trs bawahnya 1 januari 1970 ini knpa
BalasHapus@andi:om ..ane nubi
BalasHapusmau 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
program berhasil, tapi gimana caranya pas di isi_artikel bisa membaca (enter).
BalasHapussoalnya klo mau ganti paragraf gag bisa seperti apa yang diinginkan, malah tulisannya gabung jadi 1 paragraf.. mohon pencerahannya...
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??
BalasHapusmkasi sbelumnya,,,
sangat membantu. makasih gan tutornya.
BalasHapusterimakasih gan ini membantu sekali
BalasHapusgan 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
BalasHapusmakasih bgt gan, mudah di pahami..
BalasHapustapi sederhana banget ga ada ngapus sama ngeditnya gan,
jadi mirip posting komentar gt,
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
BalasHapuskenapa artikel terbaru nya setelah diposting jadinya di bawah?
BalasHapusgimana caranya biar postingan terbaru ada di atas???????????????
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
BalasHapusNumpang 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.....
BalasHapusTerima kasih bwat tutorialnya gan.
BalasHapusSangat membantu..
Sumber Referensi Makalah teknologi Informatika
gan kalo posting gambar gimana?
BalasHapuskodenya gimana, tolong ajarin donk ....
mastah postingan yg ini sudah gk ada ya??
BalasHapuslagi perlu belajar itu soalnya.. :(
http://planetsphp.blogspot.com/2012/07/membuat-link-read-more-pada-daftar.html
terima kasih banyak gan..manfaat sekali tutorialnya buat ane yang masih belajar.
BalasHapusthanks gan , top banget tutornya
BalasHapusuntuk buat database nya yg =>
BalasHapus-- 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?
@Ivan Silalahi:
BalasHapusgan itu databasenya yang format sql tinggal upload ke database?
Struktur database di Blogger bukannya ada kategori sama nama penulisnya gan?
BalasHapus@boby: ganti $query = mysql_query("SELECT * FROM tblartikel") dengan $query = mysql_query("SELECT * FROM tblartikel ORDER BY tgl DESC;")
BalasHapusgan untuk membuat postingan itu menjadi ada username yang login gimana ya
BalasHapusthanks om sangat membantu.
BalasHapusjangan lupa mampir ke blog kami :D
cikampekcyberzone.blogspot.co.id
di tunggu jejak nya di blogger kami :D
bila anda membaca komen ini berarti "link source kode mati"
BalasHapusBagus sekali
BalasHapusmantap gan izin share ya....thanks
BalasHapusgood
BalasHapusmy blog
Kalo blogspot.com bisa gk kang?
BalasHapusKalo blogspot.com bisa gk kang?
BalasHapuscara menampilkannya menjadi MM/YY/judul-artikel.html gimana ya gan??
BalasHapusMantap gan terimakasih atas tutorialnya. Sangat bermanfaat
BalasHapusyang punya gue, ko gagal membuat artikel mulu? knapa ya
BalasHapusThank 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.
BalasHapusWebsite Design Agency | Website design company
@ghazali:
BalasHapusmau 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@Ivan Silalahi:
BalasHapusbang source codenya gak bisa
BalasHapusLink donwload nya ga bisa sumpah, pusing gua
BalasHapusgood artikelnya gan
BalasHapusmantab gan tutorialnya, lanjutkan terus bikin tutorial yang lain gan
BalasHapuslinkdownloadnya rusak gan
BalasHapusRekomendasi Drama Korea
BalasHapusDrama Korea
Drama Korea Terbaru
Drama Korea 2021