Setelah kemarin saya menulis sebuah artikel Cara Membuat Filelist Bergambar maka sore hari ini saya akan menulis kembali sebuah artikel yang hampir sama yakni Cara Membuat Bloglist Bergambar.
Untuk membuat sebuah bloglist bergambar maka hal yang perlu kita lakukan adalah membuat dua buah folder baru di root dengan nama Blog dan Gambar. Setelah itu ikuti langkah-langkah berikut:
1. Buatlah sebuah file HTML baru di root dengan nama Filelist. Halaman ini nantinya akan kita gunakan sebagai tempat bloglist bergambar kita.
2. Setelah itu masukkan kode berikut ini:
<#xt:filelist sort_type="updated" sort_dir="name" per_page="5" folder="/Blog" template="<table><tr align="left"><td><img src="/Gambar/.file_name..jpg" alt=".file_name." width="50" height="60"/ ></td><td><a href="/Read/?iBlogs=.file_name.">.file_name_parsed.</a><br>Oleh <a href="http://facebook.com/vAriif"></a></td></tr></table></div>/>
3. Setelah itu buat lagi sebuah file baru di root dengan nama Read. Nah halaman ini nantinya akan berfungsi sebagai halaman include artikel kita.4. Lalu masukkan kode berikut ini:
<xt:include file="/Blog/{_$#iBlogs|}"/>
5. Selesai. Jadi deh bloglist bergambar kita di XtGem.Cara penggunaannya:
Hapus dulu tanda # dari kode diatas lalu buatlah sebuah artikel di dalam folder Blog dengan judul misalnya Cara Membuat Bloglist Bergambar. Maka kita juga harus membuat sebuah file gambar di dalam folder Gambar dengan nama Cara Membuat Bloglist Bergambar.jpg
Ingat! Setiap gambar yang kita buat harus bernama sama dengan judul artikelnya dan berakhiran ekstensi .jpg dibelakangnya.
Saya rasa sudah cukup untuk penjelasannya. Untuk demonya maaf saya tidak bisa menyertakan soalnya saya malas upload file lalu merenamenya.
Selamat mencoba dan semoga berhasil
Penting! Apabila kode diatas tidak bekerja silahkan teman-teman gunakan kode bloglist bergambar ini. Sekian,
Share:
