Anda perlu mengupgrade Flash Player Anda atau ijinkan javascript untuk mengenable menu website.
Unduh Flash Player

Menampilkan gambar news di halaman utama part 1

Bookmark and Share

cara ini saya bahas karna banyak teman teman yang request bagaimana caranya agar news pada halama utama diberi gambar seperti mod blog yang saya buat.


baik cara pertama yang dilakukan


1. buka dan edit content/normal.php


2. cari source code sbg brk:


 



$tengah .='
<h4 class="bg">'.$data['1'].'</h4>
<div class="news">
<span class="align-justify"> '.limitTXT(strip_tags($data[2]),250).'</span>
</div>       
           
<p class="post-footer">                   
<a href="?pilih=news&amp;mod=yes&amp;aksi=lihat&amp;id='.$data[0].'" title="'.$data[1].'" class="readmore">Read more</a>
<span class="comments">Hits ('.$data[9].')</span>
<span class="date">'.$data[5].'</span>   
</p>';



 


3. tambahkan source code brk, lihat yang saya tebalkan:


 



$gambar = '<img style="border: 1px solid rgb(204, 204, 204); margin: 5px 10px 0px 0px; padding: 3px; float: left;" src="images/news/feature_pending.gif" alt="" height="100" width="100">';
if (file_exists('images/news/'.$data['gambar']) && !empty($data['gambar'])) {
$gambar = '<img style="border: 1px solid rgb(204, 204, 204); margin: 5px 10px 0px 0px; padding: 3px; float: left;" src="images/news/'.$data['gambar'].'" alt="" height="100" width="100">';
}




$tengah .='
<div class="news">
'.$gambar.'
<span class="date">'.$data['tgl'].' | Hits ('.$data['hits'].')</span><br />
<h4><a href="?pilih=news&amp;mod=yes&amp;aksi=lihat&amp;id='.$data['id'].'" title="'.$data['judul'].'">'.$data['judul'].'</a></h4>
<div align="justify">'.limitTXT(strip_tags($data['konten']),380).'</div>
</div>
';



 


code diatas saya modifikasi supaya sesuai dengan penempatan gambar tsbt.


satu hal yang harus diperhatikan anda diharuskan meletakkan gambar feature_pending.gif ini dimaksudkan jika file gambar tidak ditemukan pada dir "images/news/" maka gambar ini yang akan menggantikannya


 


4. tambahkan css/ style  atau ubah class news pada "themes/namathemes/css/BrightSide.css":



.news {
    background-color: #FFFFFF;
    border: 1px solid #f2f2f2;   
        padding: 5px;
    padding-bottom:25px;

}



 

kirim ke teman | versi cetak

Share |

Berita "Berita Terkini" Lainnya