EBOOK ONLINE

Mesin ATM 24 jam !!
Cara menghasilkan uang dengan mudah dan cepat....





Kursus PHP/MySQL online
Dengan waktu 1 jam anda sudah bisa membuat web menggunakan PHP/MySQL...

Cara Membuat Horizontal Navigasi pada Blog

Untuk mengatur penampilan blog anda, bisa anda pasangkan Horizontal tab navigasi pada header.Dengan tab navigasi ini anda bisa meletakkan menu-menu yang mengarah kehalaman lain pada blog anda dan memudahkan para pembaca membuka halaman lain tersebut.

Tab navigasi ini akan ditempatkan pada bagian atas atas blog yaitu pada header.Seperti yang anda lihat pada blog ini, ada beberapa tap menu yang saya pasang seperti Tutorial Blog, Islam, dan Tukar Link.Menu yang dipasang tergantung pada keinginan anda.Cara membuatnya adalah sebagai berikut.
1.Login pada Blogger.
2.Klik Layout pada Dashboard anda.
3.Pada Layout klik Edit HTML .
4.Untuk menghindari hal-hal yang tidak dinginkan saat akan mengedit template HTML anda, lakukan backup terlebih dahulu dengan mengklik
5.Temukan kode
6.Letakkan kode dibawah ini sebelum kode ]]></b:skin>

/* ----- LINKBAR ----- */
#bg_nav {
background: #000;
width: 960px;
height: 29px;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
color: #FFF;
font-weight: bold;
margin: 0px auto 0px;
padding: 0px;
border-top: 1px solid #333;
border-bottom: 1px solid #000;
overflow: hidden;
}
#bg_nav a, #bg_nav a:visited {
color: #FFF;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
padding: 0px 0px 0px 3px;
}
#bg_nav a:hover {
color: #FFF;
text-decoration: underline;
padding: 0px 0px 0px 3px;
}
#navleft {
width: 720px;
float: left;
margin: 0px;
padding: 0px;
}

#navright {
width: 220px;
font-size: 11px;
float: right;
margin: 0px;
padding: 6px 5px 0px 0px;
}

#navright a img {
border: none;
margin: 0px;
padding: 0px;
}


#nav {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav a, #nav a:visited {
background: #222;
color: #FFF;
display: block;
font-weight: bold;
margin: 0px;
padding: 8px 15px;
border-left: 1px solid #000;
}

#nav a:hover {
background: #6e6d6d;
color: #FFFFFF;
margin: 0px;
padding: 8px 15px;
text-decoration: none;
}
#nav li {
float: left;
margin: 0px;
padding: 0px;
}
#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #333;
width: 160px;
float: none;
margin: 0px;
padding: 7px 30px 7px 10px;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
#nav li li a:hover, #nav li li a:active {
background: #666;
padding: 7px 30px 7px 10px;
}
#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}
#nav li:hover ul {
left: auto;
display: block;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}

7.Temukan kode dibawah ini.

&lt;div
id='header-wrapper'&gt;
&lt;b:section class='header' id='header' maxwidgets='1' showaddelement='no'&gt;
&lt;b:widget id='Header1' locked='true' title='Testing templates (Header)'
type='Header'/&gt;
&lt;/b:section&gt;
&lt;/div&gt;

8.Letakkan kode dibawah ini dibawah kode diatas pada (langkah 7)


<div id='bg_nav'>
<div id='navleft'>
<div id='nav'>
<ul>
<li><a href='http://gadogadorahma.blogspot.com


'>Home</a></li>
<li><a href='http://gadogadorahma.blogspot.com/search/label/artikel-blog '>Tutorial
Blog</a></li>
<li><a href='http://gadogadorahma.blogspot.com/search/label/Islam'>Islam</a></li>
<li><a href='http://gadogadorahma.blogspot.com/search?max-results=900’>
Daftar Isi</a></li>
<li><a href='http://gadogadorahma.blogspot.com/2009/05/manfaat-tukar-link-sesama-blog.html'>Tukar
Link</a></li>
<li><a href='http://gadogadorahma.blogspot.com/2009/05/donwload-ebook-internet-marketing.html'>Download
Ebook</a></li>
</ul>
</div>
</div>
</div>

9.Gantilah link yang berwarna merah dengan link dari blog anda.
10.Selanjutnya Save.
Jreng....tab navigasi menu sudah muncul pada header anda.Untuk mengganti warna background agar sesuai dengan warna template blog anda, robahlah pada background: #000 .Ganti #000 dengan kode warna yang lain.Kode-kode warna HTML dapat anda lihat disini kode warna HTML.
Semoga Tutorial Blog ini bermanfaat.Postingan asli dari sini

Memproteksi halaman administrator Joomla 1.0.x dan 1.5.x

Sebuah folder yang terbuka dapat digunakan oleh seorang “hacker” untuk mencoba menembus administrasi sebuah sistem. Penyediaan form, seperti: Halaman Login dan mesin pencari (Searching) akan dimanfaatka oleh hacker untuk menyusupkan kode SQL yang lebih dikenal dengan istilah MySQL Injection. Seorang hacker akan memanfaatakan form tersebut untuk menginjeksi beberapa kode SQL. Karena pada dasarnya, Halaman Login dan Searching mengarah ke database.

Semua pasti tahu, halaman login ke administrator Joomla sangat terbuka dan mudah diakses. Meskipun terdapat kolom user dan password, justeru hal itulah yang sering dimanfaatkan oleh hacker dalam melakukan mysql injection. Ada beberapa cara untuk memproteksi folder tersebut, diantaranya: memproteksi folder dengan password melalui fasilitas CPanel, memproteksi folder dengan .htaccess, memproteksi folder dengan kode tambahan (Misal: php, asp, dll), atau memanfaatkan extensions Joomla.

Joomla memiliki sebuah hambatan, pengguna dapat dengan mudah mengetahui situs dibuat dalam Joomla! dengan mengetikkan URL untuk mengakses administrasi wilayah (misal: www.sitename.com/administrator). Hal ini membuat hacker untuk meng-hack situs mereka dengan mudah terhadap id dan password Joomla!

Ada beberapa ekstensi (extensions) Joomla untuk memproteksi halaman administrator baik yang bersifat gratis ataupun berbayar. Berikut ini terdapat sebuah plugins dan module yang dapat digunakan untuk memproteksi halaman administrator Joomla. Module jSecure Authentication mencegah seseorang untuk mengakses halaman login administrator dengan cara menambahkan kunci akses (key access). Module ini dapat berfungsi pada Joomla 1.0.x, dan Joomla 1.5.x.

1. Pertama kali, download file JSecure Authentication atau anda dapat mendownloadnya di situs resmi Joomla http://extensions.joomla.org).
2. Masuklah ke halaman login administrator
   



3. JIka menggunakan Joomla 1.0.x, pilih menu Module > Installer.
4. Klik tombol Browse, tentukan file yang akan diupload. Klik tombol Upload & Install.
   



5. Jika menggunakan Joomla 1.5.x, pilih menu Extensions > Install/Uninstall.

   

6. Klik tombol Browse, tentukan file yang akan diupload. Klik tombol Upload & Install.
   



7. Tunggu beberapa saat hingga proses instalasi berhasil.
   



8. Setelah berhasil terinstal, ada beberapa baris script yang harus dimasukkan ke dalam file Joomla. Untuk Joomla 1.0.x, temukan file login.php dalam folder /administrator/templates/joomla_admin.
   



9. Masukkan script script di bawah ini.

   require_once( $mosConfig_absolute_path . '/administrator/includes/admin.php' );
   mosLoadAdminModules( 'left' );

10. Masuk ke halaman Administrator kembali. Pilih menu Module > Administrator Modules.
    



11. Klik link jSecure Authentication.
    



12. Pilih Published pada radion button, kemudian simpan.
    



13. Pada Tab Parameter, masukkan teks sebagai kata kunci setelah administrator. Sehingga, untuk masuk halaman administrator Joomla sudah berubah menjadi http://domainmu.com/administrator?goto4dm1n. Ingat!!, terdapat akhiran ?goto4dm1n setelah administrator. Jika sudah yakin, tekan tombol Save untuk menyimpan. Pastikan tidak lupa dengan kunci tersebut, jika lupa maka tidak akan dapat login ke halaman administator Joomla.



14. Untuk Joomla 1.5.x, setelah berhasil terinstal pilih menu Extensions > Module Manager.



15. Pilih Administrator.



16. Temukan module jSecure Authentication.



17. Pilih Enabled.



18. Pada Parameter, masukkan kata untuk memproteksi halaman administrator. Selanjutnya, klik tombol Save untuk menyimpan perubahan.



19. Ujilah website anda, login ke halaman Administrator dengan cara menuliskan alamat URL http://domainmu.com/administrator. Apa yang terjadi ? !!!

Search Engine Friendly untuk Joomla 1.5.x

Apa yang dimaksud dengan SEF? SEF singkatan dari Search Engine Friendly, yang fungsinya untuk memaksimalkan mesin pencari dalam mengindeks kata kunci sehingga memudahkan hasil pencarian yang mendekati kebenaran. Secara defalt, alamat URL pada Joomla sangat panjang misal: http://websiteku.com/index.php?option=com_content&view=article&id=5:joomla-license-guidelines&catid=25:the-project&Itemid=2.

Sekarang sudah tersedia beberapa ekstensi untuk mengubah alamat URL menjadi “bersahabat”. Ada beberapa ekstensi yang digunakan untuk mengatur tampilan URL. Untuk lebih jelasnya, silakan download di alamat resmi Joomla http://extensions.joomla.org/extensions/site-management/sef.

Dalam studi kasus di sini, saya menggunakan Joomla! sh404SEF yang merupakan komponen keamanan dan mengelola judul dan meta tag: tag otomatis atau manual untuk setiap halaman. Ekstensi ini bekerja dengan atau tanpa file .htaccess. Jika Anda menggunakan beberapa component seperti Joomfish, sh404SEF sepenuhnya sangat kompatibel. Sistem caching untuk kecepatan tinggi dan sangat kecil DB query overhead.
Dukungan banyak komponen native, menggunakan sef_ext dari OpenSEF / SEF Advanced. VirtueMart, FireBoard, Community Builder, mosetsTree, HotProperty, Sobi2, Docman, myBlog, iJoomla Magazine, News Portal, Remository dan banyak lagi native yang didukung.

1. Baiklah, pertama kali downloadlah file sh404SEF di sini (Download)
2. Setelah tersimpan dalam komputer, masuk ke halaman Administrator lalu pilih menu Extensions > Install/Uninstall.
   
3. Klik tombol Browse untuk memilih file yang akan diupload
   
4. Pilih file sh404SEF lalu tekan tombol Open.
   
5. Klik tombol Upload File & Install untuk proses instalasi.
   
6. Tunggu beberapa saat hingga instalasi selesai.
   
7. Sekarang aturlah konfigurasi URL, klik tombol sh404SEF Configuration.
   
8. Aktifkan tab Main, lalu pilih Yes pada radio button.
   
9. Aktifkan tab By component, lalu atur semuanya pada kondisi use default handler.
   
10. Setelah selesai klik tombol Save untuk menyimpan.
    
11. Jika muncul pesan, klik tombol OK.
    
12. Lihatlah hasilnya, alamat URL sebelum menggunakan SEF.
    
13. Tampilan URL setelah menggunakan SEF.
    

Membuat dropdown menu pada Joomla 1.0

Banyak juga yang nanya mengenai cara membuat dropdown menu pada Joomla!. Memang, lebih bagus sih dengan memodifikasi css. Namun, bagi yang sulit memahami coding, sebenarnya Joomla! sendiri sudah menyediakan module untuk membuat dropdown menu. Namun, tentu saja perlu beberapa modifikasi untuk menyesuaikan dengan template kita, seperti: letak menu, warna, dan ukuran.

Berikut ini, salah satu module yang bisa digunakan untuk membuat dropdown menu pada Joomla! Silakan download modulenya di sini.

Setelah didownload, ikuti petunjuk berikut ini untuk memasangnya di Joomla!.

• Masuk ke Administrator.

• Klik menu Installers > Modules.

• Klik Browse.

• Pilih module yang tadi didownload.

• Klik Upload File & Install.

• Klik menu Modules > Site Modules.

• Klik Display Menu – Tigra 2-0-1.

• Pada bagian Details, ubah title, positions, dan Published pilih Yes.

• Pada bagian Parameter, ubah menu yang akan ditampilkan secara dropdown, misalnya: topmenu. Ubah parameter lain sesuai kebutuhan.

• Klik Save.

• Lihat halaman utama web Anda lalu klik salah satu menu di atas header.

• Untuk membuat turunan masing-masing menu, Anda coba membuat menu baru pada topmenu. Kemudian, pada bagian Parent Item, pilih salah satu menu yang ada.

Dengan demikian, sub menu akan berada di bawah menu tersebut.

Module ini untuk Joomla! versi 1.0. Untuk Joomla! versi 1.5 atau mengubah pada bagian css, tunggu artikel berikutnya.

Meskipun dengan Joomla! Anda tidak perlu mengerti bahasa pemrograman, tidak ada salahnya Anda mengetahui dasar-dasar pemrograman web dengan php dan mysql. Dengan demikian, ketika ada masalah di kemudian hari, Anda bisa mengatasi sendiri. Cari e-book atau belilah buku panduan praktis tentang panduan membuat web dengan php dan mysql. Jika Anda tidak ingin repot, bisa mengikuti kursus online di sini. Dengan panduan praktis yang diberikan, Anda bisa membuat sebuah web/blog hanya dengan 4 langkah.

Info Facebook Indonesia

Dibandingkan ke Friendster? Facebook adalah jauh “ dewasa lagi ”. Lihat FS adalah sangat fantasi dan sangat pantas untuk orang-orang muda. FB adalah jauh lebih rapi sebab pandangan tidak dapat menyesuaikan tidak pandang bulu, sehingga sangat sesuai untuk satu dewasa serius. Lebih orang teratas (dewasa) digabungkan, seperti itu Amien Rais, Andi Noya, Faisal Basri, dsb. Dari politisi, artis, dosen, ahli sains, dsb. berbagi lagi pikir secara langsung dari Facebook, sangat efektif.

Dibandingkan ke FS, FB adalah masih jauh di Indonesia, sungguhpun serentak paling besar adalah MySpace kemudian facebook. Pengguna berdua mempunyai lebih dari kompetitor lain seperti Friendster dan Orkut (Google).

Di bawah angka dari kemasyarakatan online pengguna terhubung jaringan pada Asia (pada juta / juta pengguna, 1 orang dapat punya lebih dari 1 pengguna).

Friendster (65 juta pengguna)
Facebook (14 juta)
MySpace (15 juta)
CyWorld (Korea, 14 juta)
Hi5 (10 juta)
Orkut (10 juta)
Xiaonei (Cina, 5 juta)
51. com (Cina, 5 juta)
Bebo (4 juta).
Sumber: Di dalam Facebook

Beberapa data lain dari Facebook statistik:
- Lebih dari 150 juta pengguna di seluruh dunia
- Berlalu setengah pengguna adalah sebelah luar sekolah / perguruan tinggi
- Lebih dari 700 juta foto meletakkan berkas per bulan
- Lebih dari 4 juta video meletakkan berkas per bulan
- 2. 6 milyar menit membelanjakan pada Facebook per hari
- Umur pengguna 25 tahun adalah pertumbuhan yang paling cepat

Tanda Zuckerberg mendirikan Facebook sementara dia adalah satu murid di universitas Harvard. Keahlian situs web pada awalnya terbatas pada murid Harvard, tapi diperluas ke perguruan tinggi lain pada area Boston, Liga Tumbuhan Menjalar Ivy, dan universitas Stanford. Ini nanti diperluas sebagai kelanjutan liputi apapun mahasiswa universitas, kemudian murid sekolah menengah, dan, akhirnya, ke umur siapapun 13 dan berlalu. Situs web sekarang ini punyai lebih dari 175 juta pengguna aktif di seluruh dunia.

Facebook telah alami beberapa kontroversi terlalu masa lalu beberapa tahun. Ini telah dihalangi intermittently pada beberapa negara termasuk Syria dan Persia. Ini telah dikutuk di banyak tempat dari pekerjaan untuk menakuti karyawan dari membuang waktu penggunaan jasa. Keleluasaan pribadi adalah satu emisi, dan ini telah compromised beberapa kali. Ini sedang menghadapi beberapa penuntutan perkara dari sejumlah terdahulunya Zuckerberg teman sekelas, siapa mengakui bahwa Yang Facebook telah mencuri program source mereka dan milik intelektual lain.

2008 mungkin spelled Facebook adalah satu tahun di Indonesia. Bayangkan, 2008 tahun berselang perkembangan dari Facebook menjangkau 645% atau lebih dari 6 - lipat dari tahun sebelumnya. Di saat ini di situ adalah 831 ribu pengguna Facebook dari Brazil (0. 4% populasi kita 237 juta). Satu ulasan mengatakan bahwa fitur dari Facebook di Australia akan mencetuskan perkembangan dari ketinggian ini.

Bagaimanapun, pertimbangkan “ budaya ” kemasyarakatan Indonesia terhubung jaringan yaitu sangat tinggi pada Internet, dengan sangat Populer Friendster di Indonesia, kemudian ini tidak asing bahwa jasa ini dapat sangat populer di Indonesia.

Di bawah ini Statistik Demografis Facebook untuk Indonesia

Sumber 2009:
http://allfacebook.com/facebook-demographic-statistics/
http://en.wikipedia.org/wiki/Facebook
http://teknohikmah.blogspot.com/2009/01/facebook-terobos-dunia-internet.html

Edit Template Joomla ? Kenali Dulu Struktur File Templatenya

Template joomla terdiri dari beberapa file di dalamnya, agar mudah mengedit atau sekedar mangganti image, kita harus tahu dulu struktur file template joomla. Nah jika kita sudah mengenal strukturnya kita akan mudah mengedit dan mengotak-atik template joomla tersebut.

Struktur file template joomla standar terdiri dari beberapa file diantaranya :

1. CSS Folder
2. Images Folder
3. Index.php
4. Index. html
5. Template_thumbnail.png
6. TemplateDetails.xml

Struktur diatas hanyalah template yang standar, setiap template strukturnya akan berbeda tergatung si Empu/ pembuat template, apakah ada file javascriptnya atau lain sebagainya.

Nah mari kita coba kenali satu persatu file-file tersebut:

1. CSS folder ini merupakan tempat disimpannya file-file berextensen .css (Cascading style sheet) yaitu file-file yang fungsinya untuk mengatur tampilan atau wajah dari web kita. mulai dari lebar template, margin, font, warna, sampai ke pengaturan image baground yang akan di tampilkan di halaman web kita.



2. Image folder ini merupakan tempat disimpannya file gambar/image template kita. seperti file header, list, buton, baground dan sebagainya. formatnya ada yang jpg, png, gif dan lain sebagainya.



3. Index.php ini merupakan file utama template dimana di dalamnya merupakan program-program yang meramu semua komponen dan susunan modul-modul yang akan di tampilkan di halaman website kita. kayaknya perlu mengupas tersendiri tentang file index.php ini.
4. Index.html file ini tidak berisikan file apa alias kosong hal ini berfungsi jika ada yang mengakses langsung ke folder ini dan menggunakan file index.html maka file inilah yang akan dieksekusi. dan jika di lihat di browser maka tidak akan terlihat apa-apa. begitu juga dengan file yang sama yang berada dalam folder css dan image.
5. Template_thumnail.png ini hanyalah screen shoot dari template kita. File ini akan berfungsi saat kita akan memilih template mana yang akan di pake baik itu di menu beckend maupun frontend. kalau nama mungkin bisa lupa tapi kalau ngelihat gambarnya kita akan ingat..tampilan template-nya.
6. TemplateDetails.xml biasanya ini merupakan file tempat menyimpan instruksi-instruksi saat penginstallan juga berisikan info si pembuat tempalte yang akan tampil pada menu beckend. Dan file ini juga sebagai insttalernya template joomla kita.

Nah itu hanya sebatas file template setandar lain halnya jika File tersebut ada Javasriptnya maupun ada Flash biasanya file-file tersebut disimpan dalam folder sendiri-sendiri. Jika sudah mengerti minimal yang standar ini mudah-mudahan dalam mengedit template joomla akan lebih mudah dan cepat. Selamat berexperimen dan mengedit template joomla.

di kutip : www.tarjoni.com

Cara Membuat Mini Frontpage pada Joomla 1.5.x

Halaman utama sebuah website memiliki peran yang sangat penting bagi para pengunjung untuk mencari informasi yang dibutuhkan secara cepat dan menarik. Pada beberapa website portal, kombinasi antara teks, gambar, animasi, dan media lainnya dapat diatur sedemikian rupa sehingga tidak terkesan “semrawut”. Tema berita juga dapat ditempatkan secara terstruktur tanpa mengurangi keindahan tampilan.
Website yang dibuat dengan Joomla! mampu merealisasikan kebutuhan tersebut dengan cara menambahkan component, module, dan plugin sehingga sebuah berita terbaru maupun terpopuler dapat ditempatkan pada bagian yang jelas (eye catching). Hal ini dapat memberikan perhatian khusus dari para pengunjung.
Ada banyak cara untuk menampilkan berita/artikel dengan tujuan memberikan informasi kepada pengunjung tentang menarik dan up to date. Salah satunya adalah membuat beberapa halaman depan mini (Mini Frontpage) yang dapat menampilkan gambar dengan ukuran kecil, lengkap dengan deskripsi artikel tersebut.

A. Mengenal Mini Frontpage

Frontpage umumnya tampil di halaman utama, lengkap dengan gambar sebagai ilustrasi dan kalimat pembuka dari berita/artiel yang dimaksud. Jumlah artikel yang akan ditampilkan dalam frontpage juga dapat diatur sesuai kebutuhan. Dengan memanfaatkan ekstensi dari pihak ketiga, frontpage dengan ukuran kecil (mini) dapat ditampilkan di halaman utama dan dapat diatur berdasarkan Section dan Cetogory. Dengan memanfaatkan mini frontpage, berita maupun artikel menjadi semakin informatif.

Module untuk menampilkan mini frontpage bervariasi, ada yang gratis namun ada pula yang berbayar. Buku ini menyertakan file pendukung untuk menginstal mini frontpage yang gratis, jadi tidak perlu membayar atau mendownload terlebih dulu

B. Menginstal Mini Frontpage

1. Untuk melakukan instalasi, pilih menu Extensions > Instal/Uninstall.
   
2. Tekan tombol Browse untuk menentukan lokasi file.
   
3. Temukan file mini frontpage.
   
4. Jika sudah yakin, tekan tombol Open.
   
5. Klik tombol Upload File & Install untuk melakukan proses instalasi.
   
6. Tunggu beberapa saat hingga proses instalasi selesai. Jika telah berhasil akan muncul informasi bahwa proses instalasi berhasil
   
7. Selanjutnya mengatur parameter untuk menampilkan berita melalui module Mini Frontpage di halaman utama.

C. Mengatur Parameter Mini Frontpage
Module mini frontpage memiliki halaman untuk mengatur tampilan, jumlah artikel, besarnya gambar (thumbnail), artikel yang ditampilkan, dan pengaturan lainnya. Sebelum mengatur parameter terlebih dulu harus mengetahui ID Section, ID Category, dan ID Article karena nomor identitas tersebut (ID) digunakan sebagai pengaturan parameter untuk menampilkan artikel.

1. Pertama kali, periksa nomor ID Section dengan cara memilih menu Content > Section Manager.
   
2. Apabila telah berada di halaman Section Manager, nampak daftar nama section yang telah dibuat sebelumnya. Pada kolom paling kanan nampak nomor ID, nomor identitas tersebut yang nantinya akan digunakan untuk mengatur parameter Mini Frontpage dalam ruang lingkup Section.
   
3. Setelah mencatat ID masing-masing Section, langkah selanjutnya mencatat ID Category. Untuk itu, pilih menu Content > Category Manager.
   
4. Pada halaman Category Manager, nampak beberapa Category yang telah dibuat sebelumnya dan pada kolom paling kanan tertera nomor identitas (ID). Nomor identitas ini juga akan digunakan untuk mengatur parameter Mini Frontpage dalam ruang lingkup Category. Catatlah nomor identitas tersebut.
   
5. Selanjutnya, pilih menu Content > Article Manager untuk mencatat nomor identitas masing-masing artikel.
   
6. Catatlah semua ID artikel berdasarkan Category dan Section.
   
7. Langkah selanjutnya mengatur parameter Mini Frontpage, pilih menu Extensions > Module Manager.
   
8. Pada halaman Module Manager temukan module Mini Frontpage.
   
9. Editlah Mini Frontpage dengan cara mengklik nama module tersebut.
   
10. Setelah berada pada halaman Module [Edit], nampak beberapa informasi yang harus diatur yaitu: Details dan Parameters. Untuk Details, atur Show Title = Yes, Enabled = Yes, Position = Right, dan Access Level = Public.
    
11. Untuk Parameters, perlu beberapa pengaturan namun akan dijelaskan secara bertahap. Atur Enabled Cache = No, pada kolom Section masukkan ID Section yang akan ditampilkan. Dalam buku ini, ID yang dimasukkan adalah 5 (Section Olah Raga), kemudian masukkan ID Category. Dalam hal ini, beberapa ID Category yaitu: 34, 35, 36, 37 (Sepak Bola, Bulu Tangkis, Tenis Meja, dan Catur).
    
12. Untuk pengaturan lainnya, aturlah sesuai kebutuhan.
    Thumbnail Position = posisi gambar (thumbnail), sebelum judul/kategiru atau setelah judul/kategori.
    Show Category Title = Judul kategori ditampilkan (Show atau Hide).
    Frontpage Items = Item ditampilkan difrontpage (Yes atau No).
    Display Article Title = Judul artikel ditampilan (Show atau Hide).
    Title Link = Judul artikel dalam bentuk Link (Yes atau No).
    Display Author = Nama penulis ditampilkan (Yes atau No).
    Display date articles created = Tanggal pembuatan artikel ditampilkan (Yes atau No)
    Limit Intro = Batas maksimal kalimat pembuka (formatnya karakter).
    
13. Untuk mengatur format tampilan dan ukuran gambar, aturlah beberapa spesifikasi.
    Number of columns = Jumlah kolom untuk menampilkan mini frontpate.
    Number of Articles to display = Jumlah artikel yang akan ditampilkan
    Number of Introtext / Hide Introtext = Jumlah kalimat pembuka yang akan ditampilkan.
    Show thumbnails = Thumbnail ditampilkan (Show atau Hide).
    Thumbnail Image Width = Lebar thumbnail (formatnya pixel).
    Thumbnail Image height = Tinggi thumbnail (formatnya pixel).
    Preserve Aspect = Rasio thumbnail.
    Header Title for another articles link = Judul teks untuk artikel lainnya.
    
14. Langkah terakhir adalah melihat hasilnya di halaman utama. Maka akan nampak tampilan Mini Frontpage seperti nampak pada gambar berikut.
    

dikutip : slametriyanto.net