Membuat Link Baca Selengkapnya Pada Artikel
Kali ini saya akan share turorial cara membuat link baca selangkapnya atau lebih sering kita lihat dalam bahasa inggris read more di artikel, kalau kita lihat rata - rata dalam artikel pasti menemukan link baca selengkapnya atau biasanya pakai bahasa inggris read more, kenapa harus nemanbahkan link tersebut ? karena selain membuat page halaman depan lebih rapih, juga membuat agar pengunjung penasaran akan isi dari artikel tersebut.
Ok, seperti biasa pertama buat projek dengan nama terserah anda kemudian salin kode berikut dan simpa file dengan nama index.php
<!DOCTYPE html>disini saya menggunakan array sebagai penampung data, anda bisa menggunakan database sebagai penamung data artikel anda.
<html>
<head>
<title>MENAMBAHKAN LINK BACA SELENGKAPNYA PADA ATRIKEL</title>
</head>
<body>
<h3>MENAMBAHKAN LINK BACA SELENGKAPNYA PADA ATRIKEL</h3>
<hr />
<div style="width: 300px;">
<?php
// $text : isi artikel
// $lenght : pembatasan karekter
// url : jika isi artike melebihi batas karakter yang kita tentukan maka isi artikel akan di potong dan akan menambahkan link baca selangkapnya (readmore)
function sort_text($text, $lenght, $url) {
if(strlen($text) > $lenght){
$text = nl2br($text);
$text = substr($text,0,$lenght);
$text = $text.'.. <a href="'.$url.'">baca selengkapnya</a>..';
}
return $text;
}
$array_text = array(
array(
'title'=>'Artikel 1',
'url'=>'http://cahbiyen.blogspot.co.id/2015/11/membuat-readmore-pada-artikel.html',
'text'=>'Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, saat seorang tukang cetak yang tidak dikenal mengambil sebuah kumpulan teks dan mengacaknya untuk menjadi sebuah buku contoh huruf. Ia tidak hanya bertahan selama 5 abad, tapi juga telah beralih ke penataan huruf elektronik, tanpa ada perubahan apapun. Ia mulai dipopulerkan pada tahun 1960 dengan diluncurkannya lembaran-lembaran Letraset yang menggunakan kalimat-kalimat dari Lorem Ipsum, dan seiring munculnya perangkat lunak Desktop Publishing seperti Aldus PageMaker juga memiliki versi Lorem Ipsum.'
),
array(
'title'=>'Artikel 2',
'url'=>'http://cahbiyen.blogspot.co.id/2015/11/membuat-readmore-pada-artikel.html',
'text'=>'Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting.'
)
);
foreach ($array_text as $key=>$val) {
echo '<h3><a href="'.$val['url'].'">'.$val['title'].'</a></h3>';
echo '<p>'.sort_text($val['text'], 130, $val['url']).'</p>';
}
?>
</div>
</body>
</html>
sekarang coba jalankan projek yang tadi anda buat, maka anda akan mendapatkan tampilan Artikel 1 mempunyai link baca selangkapnya sedangkan Artikel 2 tidak, karena isi konten artikel 2 tidak melebihi batas karakter yang kita tentukan, anda bisa merubah jumlah karekater yang ditentukan sesuai dengan selera anda.
Ok, sampai disini dulu tutorial kali ini, selamat mancoba dan semoga bisa bermanfaat.
DONASI VIA PAYPAL
Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain https://apaitu10.blogspot.com/. Terima kasih.
Postingan Lebih Baru
Postingan Lebih Baru
Postingan Lama
Postingan Lama
Komentar