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

Submit your blog address here

Create your own blog and send the address by submitting the comment of this article. Make sure to provide your full name, matrix and URL address of your blog. Refer to the picture below. Manual on developing a blog using blogger.com and AdSense, download here … Download Windows Live Writer (a superb offline blog post editor)

List of Malay stop words

Malay Stop Word List ada inikah sampai adakah inilah sana adakan itu sangat adalah itukah sangatlah adanya itulah saya adapun jadi se agak jangan seandainya agar janganlah sebab akan jika sebagai aku jikalau sebagaimana akulah jua sebanyak akupun juapun sebelum al juga sebelummu alangkah kalau sebelumnya allah kami sebenarnya amat kamikah secara antara kamipun sedang antaramu kamu sedangkan antaranya kamukah sedikit apa kamupun sedikitpun apa-apa katakan segala apabila ke sehingga apakah kecuali sejak apapun kelak sekalian atas kembali

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

Simple Calculator with Spinner – Android Code

This code is a simple code for Android application. It has two textboxes to receive two numbers (decimal), list of mathematical operations with +, –, * and /. Choose the operation, and hit the “Display result” button. You will see the answer to the at the bottom of the button. Have fun with Android.   The Manifest file <? xml version="1.0" encoding="utf-8" ?> < LinearLayout xmlns : android = "http://schemas.android.com/apk/res/android" android : orientation = "vertical" android : layout_width = "fill_parent" android : layout_height = "fill_parent" > < EditText android : text = "@+id/EditText01" android : id = "@+id/EditText01" android : layout_width = "fill_parent" android : layout_height = "wrap_content" > </ EditText > < EditText android : text = "@+id/EditText02" android : id = "@+id/EditText