Hallo teman-teman,kali ini kita akan belajar bagaimana cara membuat readmore dengan php. Teman-teman mungkin sudah sering melihat pada website yang berisi artikel panjang dan diakhir kalimat terdapat tombol readmore. Yap, readmore ini biasa digunakan untuk membatasi jumlah karakter sehingga tidak terlalu banyak karakter yang ditampilkan. Membuat website menjadi lebih simple dan tidak terlihat penuh. Untuk membuat readmore ini kita akan menggunakan fungsi strlen dan substr untuk memanipulasi karakter yang akan ditampilkan. Oke langsung saja teman-teman buat dahulu sebuah table posting dengan ketentuan sebagai berikut.
Lalu isi datanya
sehingga hasilnya akan seperti gambar dibawah ini.
Langkah selanjutnya teman-teman buat file config.php untuk koneksi php ke database.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<?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 buat file index.php untuk menampilkan teks yang akan diberikan tombol readmore.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<html> <head> <style> div{ width: 500px; } a{ width: 200px; background: red; padding:10px; margin-top: 20px; text-decoration: none; color: white; } a:hover{ background: #ccc; color: black; } </style> </head> <body> <h1>Membuat 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> |
pada codingan diatas terdapat fungsi strlen untuk mengetahui jumlah karakter teksnya. Lalu dibuat kondisi jika jumlah karakter teks dibawah 200 maka teks tersebut diprint,jika tidak (lebih dari 200) maka akan dibuat readmore. Cara membuat readmorenya adalah memanipulasi teks dengan substr. Fungsinya untuk membatasi jumlah karakter. Isi substr seperti berikut.
substr(x,y,z).
x = isi teks yang ingin diproses.
y = dimulai pada karakter keberapa.
z = jumlah karakter yang akan ditampilkan.
sehingga seakaan-akan teksnya hanya sebagian yang ditampilkan. Lalu pada akhir kalimat ditambahkan tombol readmore dengan menggunakan tag <a href=””>.
Kemudian yang terakhir teman-teman buat file detail.php untuk tombol readmorenya.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<html> <head> <style> div{ width: 500px; } a{ width: 200px; background: red; padding:10px; margin-top: 20px; text-decoration: none; color: white; } a:hover{ background: #ccc; color: black; } </style> </head> <body> <h1>Isi dari postingan</h1> <div> <?php include "config.php"; $id = $_GET["id"]; $query = mysqli_query($conn,"SELECT * FROM posting WHERE id='$id'"); while ($row=mysqli_fetch_array($query)) { echo $row["teks"]; } ?> </div> </body> </html> |
hingga hasil akhirnya akan seperti ini.
Sekian untuk cara membuat readmore dengan php. Semoga bermanfaat !.