Skip to main content

Kemaskini artikel untuk memasukkan gambar

Kemaskini artikel dalam Joomla!

 

 

Tutorial kali ini pula bertujuan untuk kemaskini artikel yang sedia ada, dan masukkan gambar ke dalam artikel. Sebelum itu anda mungkin ingin memuat turun gambar berikut sebagai contoh;

 

logo panduan Joomla! 1.7 Melayu blog.kerul.net

Sila masuk ke panel penyelenggaraan (control panel), dan klik pada butang “Article Manager” pada Rajah 4.1. Seperti dalam artikel sebelum ini, untuk ke panel penyelenggaraan, taipkan http://localhost/joomla/ dan sertakan nama pengguna (admin) dan kata laluan.

Setelah berjaya memasuki panel penyelengggaraan, klik butang Article Manager untuk membuka semula artikel anda (rujuk Rajah 4.1).

kemaskini artikel dalam Joomla - kedudukan butang Artikel ManagerRajah 4.1

Setakat ini, terdapat hanya satu artikel sahaja dalam Penyelenggara Artikel (Artikel Manager). Klik artikel yang anda mahu kemaskini dan masukkan gambar.

kemaskini artikel dalam Joomla - pilih artikelRajah 4.2

Anda akan dipaparkan dengan skrin kemaskini artikel, terus ke ruangan Article Text. Klik tetikus anda pada tempat yang anda rancang untuk masukkan gambar. Pada latihan ini sila klik pada permulaan teks. Kita akan memasukkan gambar di awal artikel (sebelum teks). Klik pada butang Image seperti dalam Rajah 4.3.

kemaskini artikel dalam Joomla - butang masukkan gambarRajah 4.3

Anda akan dipaparkan dengan skrin baru seperti dalam Rajah 4.4. Untuk memasukkan gambar dari komputer anda, gambar tersebut perlu dimuat-naik ke dalam pelayan web terlebih dahulu. Gunakan kemudahan muat-naik media (Upload files) dengan klik butang Browse di bahagian bawah skrin. Sila pastikan saiz fail media tidak melebihi 10MB.

kemaskini artikel dalam Joomla - Browse gambarRajah 4.4

Kesan kedudukan fail gambar yang berada dalam komputer anda. Pilih gambar terlibat dan klik Open.

kemaskini artikel dalam Joomla - pilih gambarRajah 4.5

Klik butang “Start Upload” (pada Rajah 4.6) selepas memilih gambar.

kemaskini artikel dalam Joomla - muat naik gambarRajah 4.6

Taipkan maklumat gambar (ALT Text) pada Image Title dan klik pada gambar pilihan. Selepas selesai klik Insert pada sebelah kanan atas skrin (Rajah 4.7). ALT Text merupakan deskripsi gambar.

kemaskini artikel dalam Joomla - pilih gambarRajah 4.7

Gambar yang dipilih akan kelihatan dalam Article Text. Klik pada gambar dan kotak kecil kelihatan pada bucu gambar (rujuk Rajah 4.8). Klik dan seret (click and drag) kotak kecil tersebut untuk mengubahsuai saiz gambar. Sesuaikan mengikut artikel.

kemaskini artikel dalam Joomla - ubahsuai saiz gambarRajah 4.8

Selepas selesai dengan gambar tersebut, klik butang “Save & Close” untuk menyimpan artikel(Rajah 4.9).

kemaskini artikel dalam Joomla - simpan artikelRajah 4.9

Paparkan laman web anda di pelayar web dan lihat perubahan (Rajah 4.10). Gunakan alamat sebelum ini http://localhost/joomla/ .

kemaskini artikel dalam Joomla - papar artikel dan gambarRajah 4.10

<< Tutorial 3: Penulisan artikel baru

Isi kandungan Panduan Joomla! 1.7

Tutorial 05: Menu untuk menghubungkan artikel  >>

 

***Terima kasih kepada FIRESHOT atas perkongsian perisian screen capture yang dibekalkan. Hebat perisian ini, sila download untuk Firefox anda.

Comments

  1. boleh tak tunjuk cara2 nak tkr template?

    ReplyDelete
  2. Boleh sajer... Tapi tak berkesempatan lai... Biaser hujung minggu baru boleh concentrate menulis modul ni. Soba dek no...

    ReplyDelete
  3. Penukaran Templet adalah Tutorial 06... Sekarang sedang usahakan Tutorial 05...

    ReplyDelete
  4. terima kasih bro atas tutorial yg berguna..
    saya mintak izin share yer dan mengekalkan sumber ianya dari blog abang...

    ReplyDelete
  5. FREE hosting baca kat sini http://blog.kerul.net/2008/12/free-web-hosting.html

    Pastikan ader PHP dan MySQL support kalu nak guna Joomla!

    ReplyDelete
  6. tamplate mne nak cafi r?? yg free nye?

    ReplyDelete
  7. Assalamualaikum...

    Saya nak tnya mcmna kita nak buat page yang ada untuk upload..kemudian apa yg diupload oleh user tu akan dipaparkan pada page yg sama...then user tu leh buat ulasan kt file yg dia upload...contohnya untuk buat page ulasan buku...tolong saya x tahu nk buat mcmana...tq

    ReplyDelete
  8. terimakasih. akak dah pandai 2%
    lagi 98% nak kena belajar

    ReplyDelete

Post a Comment

Popular posts from this blog

Several English proverbs and the Malay pair

Or you could download here for the Malay proverbs app – https://play.google.com/store/apps/details?id=net.kerul.peribahasa English proverbs and the Malay pair Corpus Reference: Amir Muslim, 2009. Peribahasa dan ungkapan Inggeris-Melayu. DBP, Kuala Lumpur http://books.google.com.my/books/about/Peribahasa_dan_ungkapan_Inggeris_Melayu.html?id=bgwwQwAACAAJ CTRL+F to search Proverbs in English Definition in English Similar Malay Proverbs Definition in Malay 1 Where there is a country, there are people. A country must have people. Ada air adalah ikan. Ada negeri adalah rakyatnya. 2 Dry bread at home is better than roast meat home's the best hujan emas di negeri orang,hujan batu di negeri sendiri Betapa baik pun tempat orang, baik lagi tempat sendiri. 3 There's no accounting for tastes We can't assume that every people have a same feel Kepala sama hitam hati lain-lain. Dalam kehidupan ini, setiap insan berbeza cara, kesukaan, perangai, tabia

Applications of Web 2.0

Web 2.0 describes the changing trends in the use of World Wide Web technology and web design that aim to enhance creativity , secure information sharing, collaboration and functionality of the web. Web 2.0 concepts have led to the development and evolution of web-based communities and hosted services , such as social-networking sites , video sharing sites , wikis , blogs . Find a website or web application that conform to the criteria of Web 2.0. Put the name of the application and the URL in the comment below. Please provide your full name and matrix number. Make sure the application you choose is not already chosen by your friend in the previous comment.

Login JSON Android using Login Activity

I’ve been trying to release this tutorial quite a while. At last after a long hard effort. Since HttpClient is not supported any more in Android SDK 23, I have to resort to org.json.JSONObject and java.net.HttpURLConnection library to do online database with JSON. The objective of this tutorial is to log-in from a mobile client with the username and password stored in an online database facility. STEP 1: Create a new Android project, this time choose the LoginActivity .

Most used STRING functions in my PHP coding

These are my favourite string manipulation functions in my daily coding life. Dedicated especially to Web Programming students. Read them and have fun. Expect a happiness after a storm , and you’ll find your “inner peace”… This post is still in draft. I’ll update and refine with more examples that I’ve personally develop. More after the break…

Bootstrap Template for PHP database system - MyCompanyHR

HTML without framework is dull. Doing hard-coded CSS and JS are quite difficult with no promising result on cross platform compatibility. So I decided to explore BootStrap as they said it is the most popular web framework. What is BootStrap? - Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites. (  http://www.w3schools.com/bootstrap/   ) Available here -  http://getbootstrap.com/ Why you need Flat-UI? Seems like a beautiful theme to make my site look professional. Anyway you could get variety of BootStrap theme out there, feel free to select here  http://bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources/ Flat-UI is from DesignModo -   http://designmodo.com/flat/ Web Programming MyCompanyHR – PHP & MySQL mini project (with Boostrap HTML framework) Template 1: Template for the Lab Exercise. This is a project sample of a staff record management system. It has the PHP structured co