Stay Updated: Posts | Comments

  • 15th April 2009 - By zoel

    Kontent yang rapi pada sebuah halaman website sangatlah membuat para pengunjung dapat berbetah ria menikmati suguhan yang ditampilkan. Bahkan akan membuat mereka kembali  lagi disuatu saat belum lagi berita kontent yang disuguhkan bener-benar bermanfaat dan sangat menghibur menambah nilai plus buat web kita.  Coba bayangkan sebuah web dengan kontent yang tidak teratur dimana text berita ditampilkan secara keseluruhan dan gambar yang besar-besar langsung di depan sebuah front side halaman web, bukan cuman satu tetapi ada 10 berita, yang pasti adalah halaman front side web yang akan memanjang kebawah dan di roll berulang-ulang “sungguh tidak nyamana!”.

    belajar_php

    Sekarang dengan model berita terheadline maka akan nyaman untuk dilihat dan dinikmati ;-) , pertanyaannya bagai mana membuatnya?. PHP merupakan bahasa pemerogramman yang banyak digunakan oleh para pengembang web saat ini, selain mudah dan gratis  fungsi bawaan yang ditawarkan sangatlah banyak.  Berita dengan model headline dapat kita buat dengan fungsi  strpos( ) dan substr( ) merupakan fungsi bawaan dari php yang tinggal kita gunakan.  Berikut adalah cara penggunaanya.

    Step 1.
    Buat sebuah file php dengan nama apa saja, kali ini saya buat dengan nama isi.php, selanjutnya masukkan code php seperti berikut :

    <?php
    $detail ="Ini adalah test dalam membuat sebuah berita dengan model headline, maka yang ditampilkan hanya bagian headline saja secara detail akan tampil setelah mengklik tulisan detail.  
    
    Jadi ini adalah contoh tulisan saja ya, belajar php itu mudah dan menyenangkan.";
    ?>
    

    Jika sudah, maka save dan simpan.

    Step 2.

    Kita sekarang akan membuat file headline.php yang berfungsi sebagai headline berita yang akan terhubung dengan berita.php sebagai detail berita,  didalam file headline.php kita tulis kode php sebegai berikut;

    <?php
    include "isi.php";
    
     $view=substr($detail,0,strpos("$detail","."));
    
     echo "
    $view.....<a href=\"berita.php\">detail</a>";
    
    ?>
    

    Step 3.
    Terakhir kita buat sebuah file lagi dengan nama berita.php yang didalamnya kita masukan kode php seperti berikut ;

    <?php
     include "isi.php";
     echo "$detail";
    
    ?>
    

    Coba sekarang kita panggil file dengan nama headline.php dari local server kita ;-) , akan tampak sebuah paragraf dari berita / headline yang pendek dan ada link menuju isi dari berita secara lengkap. Dalam hal ini fungsi dari strpos () akan memberikan nilai sebagai batasan/limit dari pemotongan karakter oleh substr() “$view=substr($detail,0,nilai batasan/limit“. Nilai batasan/limit akan diperoleh berdasarkan dari pembacaan karakter yang ditetapkan oleh kita kepada fungsi strpos (), dalam hal ini saya meletakan batasan jika bertemu dengan tanda titik pertama ” $view=substr($detail,0,strpos(“$detail”,”.“));” dalam paragraf awal maka strpos() akan menghitung jumlah karakternya dan jumlah karakter itu akan masuk sebagai angka batasan dalam fungsi substr(). Normalnya setiap orang atau operator akan memasukkan 5-15 kata dala sebuah paragraf dan diakhiri dengan tanda titik.

    Jika bingung silahkan mendownload file contohnya disini
    Silahkan mencoba dan selamat belajar ;-)

    Related Posts Plugin for WordPress, Blogger...

    Related posts:

    1. Sebelum Belajar Membuat Web Saya suka di tanya sama teman-teman atau para peserta workshop...
    2. 3 Source Free Icons Set Bagi seorang web designer yang namanya icon menjadi kebutuhan yang...
    3. Desain footer web Bagian footer web adalah bagian yang biasanya jarang diperhatian oleh...
    4. Mozilla Firefox Plugin untuk Web Designer Browser Mozilla Firefox, sudah tidak asing lagi di telinga kita...
    5. Adsense dengan Western Union Sempat kaget juga ternyata adsense sudah bisa di tarnsfer via...
  • 5 Responses to “Membuat headline berita dengan php”

    • iqbal on July 20, 2010

      mantap

    • tq on August 5, 2010

      sip

    • yudha on October 13, 2011

      asssssiiiiiiiiiiiikkkkkkkkkkkkkk
      ini dia tutorial yang saya cari2
      :D
      thx gan

    • aji on December 28, 2011

      wohh pake substring toh ..txh

    • zoel on January 17, 2012

      link balik sudah terpasang ;-)

    Leave a Reply

    *




Copyright @ 2011 - 19fdesign.com | Web Apps Devlopment | Pengembang Sistem Informasi berbasis web

Featuring Recent Posts WordPress Widget development by YD

PHVsPjxsaT48c3Ryb25nPndvb19hZF9mb290ZXI8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX2Zvb3Rlcl9hZHNlbnNlPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fYWRfZm9vdGVyX2ltYWdlPC9zdHJvbmc+IC0gaHR0cDovL3d3dy5iYWNrbGlua3MuY29tL2ltYWdlcy80NjhYNjAuanBnPC9saT48bGk+PHN0cm9uZz53b29fYWRfZm9vdGVyX3VybDwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud2h5bGluay5jb20/YWZmPTU4MjIzPC9saT48bGk+PHN0cm9uZz53b29fYWx0X3N0eWxlc2hlZXQ8L3N0cm9uZz4gLSBydXN0LmNzczwvbGk+PGxpPjxzdHJvbmc+d29vX2F1dG9faW1nPC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8xPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzEwPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzEwMTwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8xMTwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8xMjwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8xNDwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8xODY8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMjM8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMzwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8zMTI8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMzcxPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzQzNzwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl80NDM8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfNDQ0PC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzQ4Mjwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl85NTwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMTwvc3Ryb25nPiAtIHRydWU8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzEwPC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMTAxPC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMTE8L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl8xMjwvc3Ryb25nPiAtIHRydWU8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzE0PC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMTg2PC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMjM8L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl8zPC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMzEyPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzM3MTwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl80Mzc8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfNDQzPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzQ0NDwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl80ODI8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfOTU8L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fY3VzdG9tX2Nzczwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2N1c3RvbV9mYXZpY29uPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fZmVlZGJ1cm5lcl91cmw8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19nb29nbGVfYW5hbHl0aWNzPC9zdHJvbmc+IC0gPHNjcmlwdCB0eXBlPVwidGV4dC9qYXZhc2NyaXB0XCI+DQp2YXIgZ2FKc0hvc3QgPSAoKFwiaHR0cHM6XCIgPT0gZG9jdW1lbnQubG9jYXRpb24ucHJvdG9jb2wpID8gXCJodHRwczovL3NzbC5cIiA6IFwiaHR0cDovL3d3dy5cIik7DQpkb2N1bWVudC53cml0ZSh1bmVzY2FwZShcIiUzQ3NjcmlwdCBzcmM9XCdcIiArIGdhSnNIb3N0ICsgXCJnb29nbGUtYW5hbHl0aWNzLmNvbS9nYS5qc1wnIHR5cGU9XCd0ZXh0L2phdmFzY3JpcHRcJyUzRSUzQy9zY3JpcHQlM0VcIikpOw0KPC9zY3JpcHQ+DQo8c2NyaXB0IHR5cGU9XCJ0ZXh0L2phdmFzY3JpcHRcIj4NCnRyeSB7DQp2YXIgcGFnZVRyYWNrZXIgPSBfZ2F0Ll9nZXRUcmFja2VyKFwiVUEtMTUzNDUzNjgtMVwiKTsNCnBhZ2VUcmFja2VyLl90cmFja1BhZ2V2aWV3KCk7DQp9IGNhdGNoKGVycikge308L3NjcmlwdD48L2xpPjxsaT48c3Ryb25nPndvb19sb2dvPC9zdHJvbmc+IC0gaHR0cDovL3d3dy4xOWZkZXNpZ24uY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvMy0xOWZsb2dvLmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX21hbnVhbDwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbS9zdXBwb3J0L3RoZW1lLWRvY3VtZW50YXRpb24vd29vdGhlbWUvPC9saT48bGk+PHN0cm9uZz53b29fcG9zdF9zaXplPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19yZXNpemU8L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fc2hvcnRuYW1lPC9zdHJvbmc+IC0gd29vPC9saT48bGk+PHN0cm9uZz53b29fc2lkZWJhcl9hZF9ocmVmXzE8L3N0cm9uZz4gLSBodHRwOi8vd3d3LmRlc2lnbmRpYXJ5Lm9yZzwvbGk+PGxpPjxzdHJvbmc+d29vX3NpZGViYXJfYWRfaHJlZl8yPC9zdHJvbmc+IC0gaHR0cDovL3JldXBkYXRlYW50aXZpcnVzLmJsb2dzcG90LmNvbS88L2xpPjxsaT48c3Ryb25nPndvb19zaWRlYmFyX2FkX2hyZWZfMzwvc3Ryb25nPiAtIGh0dHA6Ly93d3cuem9lbHFpdmxpZS5jb208L2xpPjxsaT48c3Ryb25nPndvb19zaWRlYmFyX2FkX2hyZWZfNDwvc3Ryb25nPiAtIGh0dHA6Ly96b2VsLmNzc2NyZW1lLmNvbS88L2xpPjxsaT48c3Ryb25nPndvb19zaWRlYmFyX2FkX2ltZ18xPC9zdHJvbmc+IC0gaHR0cDovL3d3dy4xOWZkZXNpZ24uY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvNC1kZF8xMjV4MTI1X3YyLmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX3NpZGViYXJfYWRfaW1nXzI8L3N0cm9uZz4gLSBodHRwOi8vd3d3LjE5ZmRlc2lnbi5jb20vd3AtY29udGVudC93b29fdXBsb2Fkcy81LWFudHZfMTI1eDEyNV92Mi5qcGc8L2xpPjxsaT48c3Ryb25nPndvb19zaWRlYmFyX2FkX2ltZ18zPC9zdHJvbmc+IC0gaHR0cDovL3d3dy4xOWZkZXNpZ24uY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvNi16cV8xMjV4MTI1X3YxLmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX3NpZGViYXJfYWRfaW1nXzQ8L3N0cm9uZz4gLSBodHRwOi8vd3d3LjE5ZmRlc2lnbi5jb20vd3AtY29udGVudC93b29fdXBsb2Fkcy83LXpxXzEyNXgxMjVfd2ViLmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX3NpbmdsZV90aHVtYjwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fdGhlbWVuYW1lPC9zdHJvbmc+IC0gbXl3ZWJsb2c8L2xpPjxsaT48c3Ryb25nPndvb191cGxvYWRzPC9zdHJvbmc+IC0gYTo1OntpOjA7czo2ODoiaHR0cDovL3d3dy4xOWZkZXNpZ24uY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvNy16cV8xMjV4MTI1X3dlYi5qcGciO2k6MTtzOjY3OiJodHRwOi8vd3d3LjE5ZmRlc2lnbi5jb20vd3AtY29udGVudC93b29fdXBsb2Fkcy82LXpxXzEyNXgxMjVfdjEuanBnIjtpOjI7czo2OToiaHR0cDovL3d3dy4xOWZkZXNpZ24uY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvNS1hbnR2XzEyNXgxMjVfdjIuanBnIjtpOjM7czo2NzoiaHR0cDovL3d3dy4xOWZkZXNpZ24uY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvNC1kZF8xMjV4MTI1X3YyLmpwZyI7aTo0O3M6NjE6Imh0dHA6Ly93d3cuMTlmZGVzaWduLmNvbS93cC1jb250ZW50L3dvb191cGxvYWRzLzMtMTlmbG9nby5qcGciO308L2xpPjwvdWw+