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

Contact Us at blog.kerul.net

Powered by EMF HTML Contact Form

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 .

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

AutocompleteTextview items from SQLite database

AutoCompleteTextView is yet another basic controls in Android. The main purpose is to provide a suggestion list while you type on the textbox (as in the image below). This time instead of listing a regular ArrayList, I will show how to populate the list from a offline database table  through SQLite. Starts by creating a new project, create a BASIC PROJECT. –> the tutorial is here http://blog.kerul.net/2016/12/creating-new-android-studio-project.html .