Cara Membuat Readmore dengan PHP

Hallo teman-teman,kali ini kita akan belajar bagaimana cara membuat readmore dengan php. Teman-teman mungkin telah sering melihat di blog yang berisi artikel panjang dan diakhir kalimat terdapat tombol readmore. Yap, readmore ini lazimnya digunakan bagi membatasi jumlah karakter sehingga tak terlalu banyak karakter yang ditampilkan. Merancang blog menjadi lebih simple dan tak terlihat penuh. Bagi merancang readmore ini kita akan menggunakan kegunaan strlen dan substr bagi memanipulasi karakter yang akan ditampilkan. Oke seketika saja teman-teman bikin dahulu sebuah table posting dengan ketentuan selaku berikut.

Lalu isi datanya

sehingga hasilnya akan seperti gambar dibawah ini.

Langkah berikutnya teman-teman bikin file config.php bagi koneksi php ke database.

<?php<br />
	$servername = “localhost”;<br />
	$username = “root”;<br />
	$password = “”;<br />
	$dbname = “readmore”;</p>
<p>	$conn = mysqli_connect($servername,$username,$password,$dbname );</p>
<p>	/** Cek Koneksi **/<br />
	if(!$conn){<br />
	    die(“connection failed: “.mysqli_connect_error());<br />
	}<br />
?>

<?php

$servername = “localhost”;

$username = “root”;

$password = “”;

$dbname = “readmore”;

$conn = mysqli_connect($servername,$username,$password,$dbname );

/** Cek Koneksi **/

if(!$conn){

die(“connection failed: “.mysqli_connect_error());

}

Kemudian bikin file index.php bagi menampilkan teks yang akan diberikan tombol readmore.

<html><br />
	<head><br />
		<style><br />
			div{<br />
				width: 500px;<br />
			}<br />
			a{<br />
				width: 200px;<br />
				background: red;<br />
				padding:10px;<br />
				margin-top: 20px;<br />
				text-decoration: none;<br />
				color: white;<br />
			}<br />
			a:hover{<br />
				background: #ccc;<br />
				color: black;<br />
			}<br />
		</style><br />
	</head><br />
	<body><br />
		<h1>Merancang Readmore</h1><br />
		<div><br />
		<?php<br />
			include “config.php”;<br />
			$query = mysqli_query($conn,”SELECT * FROM posting”);<br />
			while ($row=mysqli_fetch_array($query)) {<br />
				if (strlen($row[“teks”])<=200) {<br />
					echo $row[“teks”];<br />
				}<br />
				else{<br />
					$y=substr($row[“teks”],0,200) . ‘ <br><br><a href=detail.php?id=’.$row[“id”].’>READMORE</a>’;<br />
    				echo $y;<br />
				}<br />
			}<br />
		?><br />
		</div></p>
<p>	</body><br />
</html>

<html>

<head>

<style>

div{

width: 500px;

}

width: 200px;

background: red;

padding:10px;

margin-top: 20px;

text-decoration: none;

color: white;

}

a:hover{

background: #ccc;

color: black;

}

</style>

</head>

<body>

<h1>Merancang Readmore</h1>

<div>

<?php

include “config.php”;

$query = mysqli_query($conn,“SELECT * FROM posting”);

while ($row=mysqli_fetch_array($query)) {

if (strlen($row[“teks”])<=200) {

echo $row[“teks”];

}

else{

$y=substr($row[“teks”],0,200) . ‘ <br><br><a href=detail.php?id=’.$row[“id”].‘>READMORE</a>’;

echo $y;

}

</div>

</body>

</html>

di codingan diatas terdapat kegunaan strlen bagi mengetahui jumlah karakter teksnya. Lalu dikerjakan kondisi seandainya jumlah karakter teks dibawah 200 karenanya teks tersebut diprint,seandainya tak (lebih dari 200) karenanya akan dikerjakan readmore. Cara merancang readmorenya yakni memanipulasi teks dengan substr. Fungsinya bagi membatasi jumlah karakter. Isi substr seperti berikut.

substr(x,y,z).

x = isi teks yang ingin diproses.

y = dimulai di karakter keberapa.

z = jumlah karakter yang akan ditampilkan.

sehingga seakaan-akan teksnya hanya beberapa yang ditampilkan. Lalu di ahir kalimat ditambahkan tombol readmore dengan menggunakan tag <a href=””>.

Kemudian yang terakhir teman-teman bikin file detail.php bagi tombol readmorenya.

<html><br />
	<head><br />
		<style><br />
			div{<br />
				width: 500px;<br />
			}<br />
			a{<br />
				width: 200px;<br />
				background: red;<br />
				padding:10px;<br />
				margin-top: 20px;<br />
				text-decoration: none;<br />
				color: white;<br />
			}<br />
			a:hover{<br />
				background: #ccc;<br />
				color: black;<br />
			}<br />
		</style><br />
	</head><br />
	<body><br />
		<h1>Isi dari postingan</h1><br />
		<div><br />
		<?php<br />
			include “config.php”;<br />
			$id = $_GET[“id”];<br />
			$query = mysqli_query($conn,”SELECT * FROM posting WHERE id=’$id'”);<br />
			while ($row=mysqli_fetch_array($query)) {<br />
				echo $row[“teks”];<br />
			}<br />
		?><br />
		</div></p>
<p>	</body><br />
</html>

(Visited 18 times, 1 visits today)

substr(x,y,z).

Leave a Reply Cancel reply