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>
<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>
disini saya menggunakan array sebagai penampung data, anda bisa menggunakan database sebagai penamung data artikel anda.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.
lengkap sekali tutorial cara bikin read morenya
ReplyDeleteArenaDomino Partner Terbaik Untuk Permainan Kartu Anda!
ReplyDeleteHalo Bos! Selamat Datang di ( arenakartu.org )
Arenadomino Situs Judi online terpercaya | Dominoqq | Poker online
Daftar Arenadomino, Link Alternatif Arenadomino Agen Poker dan Domino Judi Online Terpercaya Di Asia
Daftar Dan Mainkan Sekarang Juga 1 ID Untuk Semua Game
ArenaDomino Merupakan Salah Satu Situs Terbesar Yang Menyediakan 9 Permainan Judi Online Seperti Domino Online Poker Indonesia,AduQQ & Masih Banyak Lain nya,Disini Anda Akan Nyaman Bermain :)
Game Terbaru : Perang Baccarat !!!
Promo :
- Bonus Rollingan 0,5%, Setiap Senin
- Bonus Referral 20% (10%+10%), Seumur Hidup
Wa :+855964967353
Line : arena_01
WeChat : arenadomino
Yahoo! : arenadomino
Situs Login : arenakartu.org
Kini Hadir Deposit via Pulsa Telkomsel / XL ( Online 24 Jam )
Min. DEPO & WD Rp 20.000,-
INFO PENTING !!!
Untuk Kenyamanan Deposit, SANGAT DISARANKAN Untuk Melihat Kembali Rekening Kami Yang Aktif Sebelum Melakukan DEPOSIT di Menu SETOR DANA.
Itu kebetulan textny cuman kalimat.. klo ada tag² nya gimana?? bukannya malah jdi error karena tag penutupny terpotong??
ReplyDeleteLink baca selengkapnya by dax
ReplyDelete